前端在平常的开发中高度还原ui图的思考规范
问题原因
我们明明按照ui测量 为什么还会出现这么多样式偏差 根据我多次的验收反馈总结如下
- 使用组件库 不可能所以样式覆盖
- 复制粘贴以前的代码 样式产生偏差
- 有些样式是继承所得 难免疏漏
- 图片等背景问题 或者切图问题
- padding等结尾问题
解决方案
- 组件库穿透 主要样式
- 复制粘贴以前的代码：
这个是最难解决的 特别是跟以前样式类似 但ui存在差别 其实是ui能力比较差，没有固定的规范。这个只有自测了
- 样式继承：这一点一定要明确的继承 ，就是给父元素设置样式，应该知道需要作用的子元素
- 图片 直接取图 大小也直接取 然后感觉有问题 就看切图留白 或者看取值问题
- paddig结尾详细如下
- 最重要的一点，不要过多思考ui，没有意思，直接设置还原就完了
代码设计规范
- 一行元素 直接设置height 多行不确定 设置padding 着重注意结尾高度
- 当两行间距 直接设置margin-top 一定要单侧设置 不要双侧相加
- 元素居中首选flex
- 着重注意页面的对其 前后
- 背景图渐变 ui给了图片 直接用图片