自我核对表可简化前端和UI之间的工作和交流。
自检清单：
1、容易忽略的实现：字体颜色、边框、背景颜色、分隔线、字体粗细、hover、icon
2、对齐)图文居中、图文换行、模块间对齐(左对齐、右对齐)、标题和按钮对齐
3、hover前后风格变化：背景色、字体色、圆角
4、间距：模块与分隔线的边距、按钮之间的间距、模块之间的间距、标题内外的间距：
5、文字：颜色、复印内容一般要确认与产品图和用户界面是否一致，不换行
6、表格：有多种情况和布局要求，在实现过程中宜与用户界面多沟通。
表格文本内容(居中或左对齐，自适应)在视觉上看起来像页面上其他表格的自适应，是均匀缩放每一列，还是固定一列宽度，使其他列自适应)。
7、窗体：窗体间距、左右对齐、窗体标签和输入框对齐、阴影
8、小标题：数字、图标等与文字间距、括号全角、颜色
9、弹框：内外间距、宽高
10、icon :丢失、模糊、大小、颜色
11、按钮：边框重叠、圆角、颜色
12、边框、下划线：缺失、颜色、zydnm
13、气泡弹匣：显示位置
14、ie兼容问题：通过ie浏览器查看效果
15、适应问题，以1366、1440的分辨率展示。 让窗户伸缩看看情况，以免出现空白
16、鼠标hover样式发生变化，cursor:pointer
17、避免模块抖动
18、二维码：边框及边框的圆角和颜色、间距、背景颜色、尺寸
19、图片：有些需要圆角。 图片不要阴影，前端要自己实现，避免后期的交流成本
其他布局注意事项：
1、字体粗细：字体粗细为默认400，bold对应700。 400-700的中间值的mac和窗口的画面分辨率不同，因此即使设定值，在窗口中也看不到效果。 可以通过UI咨询如何设定字体的粗细，并尽量接近原稿。
2、有模块可供参考，尽量统一
3、避免可见布局错误：先浏览，缩放窗口，避免明显布局错误
4、修改后，不要导致其他样式的变化
5、部分变更较大的，按下次需求排列
6、line-height问题：不要直接使用UI上的，作为边距调整的参考，和UI一样看，自己调整。
7、在一些情况下，后端返回的数据丢失，页面显示为空，视觉上看不清楚。 可以用一些极端的例子测试空数据的展示。
沟通注意事项：
1、向UI求距离时，不要适当加上粗略的距离，而是正确地表示要取哪一个距离。 避免歧义。
2、复用现有组件。 不需要修改的样式，请事先与UI确认。 避免在UI的调查上花费时间。
3、也有灵活的布局。 布局需要多加思考，与用户界面沟通。 前端的实现必须注意细节。