一、编码方面：
1.ui层面的东西，尽量像素级复现设计稿，做完之后在IE,firefox,chrome中预览一遍，确认没有问题。
2.拿到设计稿之前，对业务需求要有所了解，拿到设计稿之后进行推演，检查交互是否有误，如果有误再三确认之后再开始做。
- 在设计稿中抽出通用部分，在ui编写时形成组件
- 注意中心轴垂直居中
- 注意多行省略的问题
- 注意css代码复用问题，颜色，字号
- 注意滚动条问题
3.组件书写方式，如果输入的数据能保持一致，则组件里面处理数据逻辑，如果数据不能保持一致则只在组件里做显示数据的处理，其他数据逻辑处理放在组件入口处处理。组件应尽可能简单，灵活，耦合度低。
4.注意数据状态的交互处理（无数据，有数据，有更多数据，没有更多数据，加载数据过程）
5.如果是通用代码，尽量写成通用的。
7.可以规范为组件的内容
- 按钮（有图标，无图标，垂直居中，左右居中）
- 表单（横向排版，竖向排版）
二，性能优化方面
1.图片压缩
2.css压缩，js压缩
3.http中no-store,no-cache， 强缓存，弱缓存
4.静态资源文件的版本号
5.图片使用svg，字体图标
6.数据请求尽可能少
三、新东西
css4
垂直居中：
- padding
- line-height
- display:table-cell
- flex-box
- position:absolute; transform: translateY(-50%)
- js 处理
四、seo
- 语义化标签的使用
- b标签，h1标签