开发注意事项

一、编码方面：

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标签