我们经常听到纯文本格式和二进制编码，什么是纯文本，什么是二进制呢？以一个例子做说明。新建一个文件叫hello.txt，内容为： 这里看到了两种截然不同的输出结果，但实际上不管是纯文本文件还是二进制文件，硬盘或者内存里存储的都是0101，就看你如何解读它，或者说怎么解码。（只不过…

记住所有API几乎是不可能的，这时候你需要一份备忘录！下面是我收集的最棒的前端备忘录。

我们日常使用浏览器的步骤为：启动浏览器、打开一个网页、进行交互。而无头浏览器指的是我们使用脚本来执行以上过程的浏览器，能模拟真实的浏览器使用场景。 本文主要介绍 Google 提供的无头浏览器(headless Chrome), 他基于 Chrome DevTools prot…

《动效周期表》是由日本设计师 Kazuki Akamine 基于动效的基本规则，为了加深对动效的理解而创建的。你可以选择周期表中感兴趣的动效，进行针对性的了解与学习。这种直观的展示方式，也便于新手与初学者的理解。

推荐下一些优秀的英文网站，也欢迎大家在 GitHub 里或者在评论中进行补充哈。

支付宝前端构建工具的发展和未来的选择

这个月我们为您收集和整理了最新关注的10个JavaScript和CSS库，它们当中有UI库、动画特效、以及前端整套解决方案等等，希望对前端朋友们有所帮助。

本文的初衷是和你一起理清webpack的使用逻辑，以便能更加容易的编写及拓展自己项目所需的配置文件。不过也得提前说明本文可能并不是一篇好的可以跟着操作的教程（想跟着一步步做的童鞋可以看官方示例（https://webpack.js.org/guides/）和 webpack 入门，看这篇就够了（http://www.jianshu.com/p/42e11515c10f）。

动效这两年崛起非常之迅猛，几乎是网页设计领域最强大的设计趋势之一。无论是在设计师群体还是在用户当中，它的受欢迎程度都非常之高，大家都对它津津乐道。 从微妙的转场动效到覆盖整个页面的大范围动效，它几乎无处不在。动效的运用让网页中的元素逻辑变化关系清晰地表述出来，还将影视化的体验引…