海风总是软软的

伪类选择器主要根据文档结构来选择元素，常用于选择父亲里面的第几个孩子。本文通过实际例子详细介绍伪类选择器之间的区别和如何使用。

本文提供前端实现边框用双色的虚线的几种方案，并详细介绍原理，对涉及的知识点进行回顾，并提供了源码实现和示意图。

作为前端开发， UI 设计师给出的设计稿单位都是 px，而移动端开发时，需要适配不同的界面宽度，兼容不同机型。 本文介绍采用通过配置后，在开发中可以直接使用设计图的尺寸开发，项目为我们自动编译。

实现金额输入框带单位提示，在输入指定位数后，左上角提示对应的单位。及 box-shadow和drop-shadow 的思考

在前端项目中，根据配置信息生成固定尺寸的二维码，不随浏览器缩放而变化大小，并下载带有二维码名称的高清图片。

实现编辑时打开的 element 表单，多选下拉框 select，只允许添加新的属性，不允许删除原来的属性。

在前端开发中，会遇到需要适配不同屏幕分辨率的情况，因此考虑编译时自动将项目中的 px 转换为 rem。本文介绍通过配置后，在开发中可以直接使用设计图的尺寸开发，项目为我们自动编译，转换成rem。

snapshot 翻译为快照，用于直观获取页面在某个运行时的状态，将执行操作前后的快照进行存储，可以轻松实现页面状态的重做、撤销功能。 本文介绍 snapshot 工具实现的原理，以及在项目中的使用。

`webpack` 动态参数的处理办法，包括部分动态 require 和完全动态 require，其中介绍了部分动态的处理原理，和完全动态参数的解决办法