可乐爱宅着

设计模式是开发人员在开发过程中面临的一般问题的解决方案。这些解决方案是众多开发人员经过相当长的一段时间的试验和错误总结出来的。其中，观察者模式就是前端比较常用的一种了，许多场景就是基于该模式下实现的。

前端优化性能的方式有很多种，其中就包括防抖和节流，防抖和节流不光能优化性能，还能应用在一些特定的场景，这里就来简单叙述一下，其实就是想水这个挑战。

HTML5出来了许多的新特性，拖放就是其中比较有用的特性之一，可以应用到许多业务场景中去，通过这个新特性，我们也可以实现许多有趣的例子。

平时在PC端，我们一般做的可能就是固定一个中间宽度，然后用媒介查询去做响应式之类的操作。但是，在移动端设备上，由于市面上机型的屏幕宽度非常多，我这里就总结一下适配的方案。

CSS原子类并不是什么新的特性，也不是什么预编译SCSS或LESS的语法，而是一种写法，其特点就是一个类名对应一个样式，从而通过在标签上附加不同的类名来生成对应的效果，可以有效的减少CSS的相关代码。

主题更改虽然不是一个常用的功能，但是我还是想了解一下这个东西的思路和实现，个人思考之后，觉得就是动态绑定style的方法比较容易，特此记录。

在ES6后，JavaScript已经可以通过class、extends等语法糖实现面向对象的写法，但是以前的原型对象也是必须得了解的，看文章的话记不清楚，自己总结一下。

引导操作是一个非必须的功能，但是有这个功能的话，对第一次进入系统的人来说，是一个比较友好的体验，能快速的介绍自己系统的一些简单功能，我们可以基于driver.js很轻松的实现这个效果。

在项目开发中，使用图标的方式有很多种，可以在iconfont上面找到合适的图标，通过http或者直接下载使用，这里我分享一种通过实现自定义组件的方式引入图标。