一 现在的前端 编码比之前容易了好多
1 有flex布局，可以很方便的 布局出复杂的布局(之前div,css,float,伪类等 还是挺麻烦的)
2 有es6语法糖 ，各种数据处理函数自带的，很方便。（之前都是纯js 写方法）
二 css属性顺序规范
建议相关的属性说明放在一组，并按照下面的顺序排列：
1 css
定位（position、left、right、top、bottom、z-index）
盒子模型（display、float、width、height、margin、padding、border、border-radius）
排印（font、color、background、line-height、text-align）
由于定位可以从正常的文档流中移除元素，并且还能覆盖盒模型相关的样式，因此排在首位。而盒模型决定了组件的尺寸和位置，所以排第二位。排印只是影响元素的细节样式变化，所以放第三位。
三 html属性顺序规范
HTML 属性应该按照特定的顺序出现以保证易读性，而且一致的属性顺序可能提升 1.5% 的 gzip 压缩率
class
id, name
data-*
...
Classes 是为高可复用组件设计的，所以他们处在第一位。Ids 更加具体而且应该尽量少使用（例如, 页内书签），所以他们处在第二位。