106 篇博文 含有标签「前端开发」

2013 年前端开发已经越来越离不开浏览器开发者工具了。页面一出问题，如果不会用 DevTools，很多排查只能靠猜。

浏览器里出现白屏、按钮没反应、数据不显示时，很多人的第一反应还是回编辑器里盯代码。但真到项目节奏快的时候，这种做法经常会让人越看越散。Chrome DevTools 真正有用的地方，是它能先帮你把问题范围收住。

到了 2013 年，很多网站已经不能再只盯着桌面浏览器了。手机和平板访问越来越多，页面如果还是固定宽度、固定结构，用户体验会立刻掉下来。

响应式设计刚开始被大量讨论时，很多教程都会先让你加上一行 viewport。代码看起来很简单，但如果只会照抄，不理解它在手机浏览器里到底改变了什么，后面布局一出问题还是容易手忙脚乱。

很多人第一次给 Grunt 配任务，会优先想到压缩和拼接，因为这些动作看起来最像“构建”。但如果从每天写代码的体验来看，更能拉开效率差距的其实是另一组能力：保存文件后自动检查、自动重跑任务、自动刷新页面。

CSS3 刚流行起来的时候，渐变和阴影往往是最能让人立刻看见变化的两个能力。按钮不再只有一块平色，弹层也终于能更自然地从页面里“浮”出来。但真正要写得顺眼，关键不是效果多，而是分寸感。

2013 年做前端时，大家会明显感受到一个变化：原来很多必须靠 JavaScript 才能做的动效，开始慢慢可以交给 CSS3 了。

CSS3 动画刚流行起来的时候，很多前端最直观的感受就是“终于能做出以前很费劲的效果了”。我当时也一样，看到元素能平滑移动、淡入淡出、缩放旋转，很容易就想把这些能力都塞进页面里。但真正做了几轮页面后，我慢慢发现，动画如果先追求炫，最后往往会伤体验。

在 CSS3 逐渐进入日常开发之后，很多前端会先接触到 transition，然后很快就会继续碰到 transform。它真正让人眼前一亮的地方，是页面元素终于不只是“换颜色”，还可以更自然地移动、缩放和旋转。

到了 2013 年，前端页面已经不再只是“请求一次、渲染一次、结束”。很多交互都希望把一些状态留在浏览器里，于是 localStorage 和 sessionStorage 也开始被越来越多地提到。