前端开发是一个非常特殊的行业，它的历史实际上不是很长，但是知识之繁杂，技术迭代速度之快是其他技术所不能比拟的。 这样是一个非常真实的现状，实际上很多前端开发者都是自学甚至转行过来的，前端入门简单，学习了几个API以后上手做项目也很简单，但是这往往成为了限制自身发展的瓶颈。 只是…

这样写代码里充斥着 try/catch，有代码洁癖的你能忍受的了吗？这时可能会想到只用一个 try/catch。 在上面写法中，如果 fetchData 返回 resolve 正确结果时，data 是我们要的结果，如果是 reject 了，发生错误了，那么 data 是错误结果…

我们一个一个简单了解下。 CSS3 动画的 animation-timing-function 属性值除了支持 cubic-bezier() 功能符，还支持 steps() 功能符，可以实现很多小而美的逐帧动画效果。例如 twitter 的 Like 的效果： 把所有序列帧图片…

I. 国际化、本地化、全球化 很多开发者会有这样的经历，在若干年之前，一些企业、机构、学校的官方网站会要求：“翻译一下，也做个英文版的”，结果往往就是又单独维护一套英文版的页面。 而在当今的软件开发领域，随着越来越多的产品需要真正面向海外市场售卖的情况，以前那种简单粗暴的做法就…

模块化 CSS 是一组编写代码的原则，基于这个原则编写的代码具有高性能和可维护性。它起源于雅虎和 Yandex 的开发人员，目的是迎接维护大型代码库带来的挑战。有些规则在提出之初稍有争议，但后来被认为是最佳实践。 （偷偷告诉你：如果你对这篇文章的篇幅感到不知所措，观看视频可能更…

让我们直接进入正题来看一些常见的交互场景，并且通过一丢丢的改进，完成从 『还不错』 到 『超级棒』的进化。 通过这些改进，我们让自己的应用在不同状态之间的切换变得具有连续性、使不同状态间共有的元素更看得出是同一个元素，也因此能让用户的注意力尽量不分散，更容易引导他们进行操作。 …

首先吐槽一下公司梯子太慢（对不起！我应该自己想办法解决的），更多时候想要快速获取搜索结果/搜索一些国内八卦（百度给我一种能挖到更多的错觉）。。。等等等 为了屏蔽这些可能转移我注意力的广告（从外部提高自己的专注力）+ 前端的本能，本来想着是不是写一个chrome插件；后来一想肯定…

学习之前可以先看看酷炫的动画效果，想想怎么实现。 从最近在做的需求说起，一个优惠券样式，过设计稿的时候认为没什么大不了的，满口答应了。真正开始开发的时候遇到问题，主要是镂空效果实现方式上比较费劲。要求是背景可配，并且票身可以配背景图，然后镂空是真镂空。 设想并尝试了很多种方案，…

在 Web 应用开发过程中，我们经常谈及到的就是优化，而优化往往又是既简单而又复杂的过程，优化这个命题很广，最终体现出来的都是用户体验问题，我们一切优化都是为了用户体验。 为什么说简单？在现代 Web 开发生态中，有非常优秀的工具链帮助我们做一些很实际的优化工作，例如 webp…