BEM是一套CSS国际命名规范，是一个非常有用的功能强大且简单的命名约定，它能使前端代码更易读，易于理解易于扩展。BEM是块（block）、元素（element）、修饰符（modifier）的缩写。 这个搜索框就可以看作一个块Block，这个块里由两个子节点，一个是输入区域in…

OK，闲话少叙，来动手做一个吧。 首先，你需要把这个项目(https://github.com/dongsuo/vue-terminal-emulator) fork到你自己的Github目录下，然后pull到本地。（如果你不明白这一步的话，以下是你可以在谷歌或者百度输入框输入…

什么是响应式？同一个页面在不同屏幕尺寸下有不同的布局。 传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就好了，缺点是CSS比较重。 栅格系统用于处理页面多终端适配的问题。栅格的响应式能力，得益于CSS3媒体查询（Media Queries）的强力…

图片懒加载是老生常谈的话题，而这一组件展示了如何将“模糊->清晰”的渐变效果和图片加载相结合，实现模糊加载的效果。同时，使用动画的黑科技，支持动态添加元素。

到了ES6时代，我们创建对象的手段又增加了，在不同的场景下我们可以选择不同的方法来建立。现在就主要有三种方法来构建对象，class关键字，构造函数，工厂函数。他们都是创建对象的手段，但是却又有不同的地方，平时开发时，也需要针对这不同来选择。 这些方法都是基于原型的创建，而且都支…

写了很多的javascript和css3的文章，是时候写一篇canvas的了。canvas是html5提供的一个新的功能！至于作用，就是一个画布。然后画笔就是javascript。canvas的用途非常的广，特别是html5游戏以及数据可视化这两个方面。现在canvas给我的感…

这是3D WebGL入门的系列文章的第一部分。如果你没有看过其他部分，请务必要看一看。

作为一只前端狗，我们的使命就是在满足产品需求、实现交互设计的基础上，将最好的体验呈现给用户爸爸们。在保证性能的同时，我们通常会给页面加一些动态效果，以增强页面的表现力并提升页面的交互体验。故将前端实现