分享一些干货
从接到一个需求到布局完成的心得
【1.排版】
前提是先了解需求，然后在纸上画草稿
【2.设计】
很多人觉得设计不重要，其实不是，设计是所有事件的前提，没个好的设计，后面的工作可能出现返工和重写，应该重视。
ERP的整个视觉规范基本已经有了，色调、按钮、组件已经定型，只要按照规范设计，一般不会出现很大的问题
（PS: ERP视觉设计规范已经上传到teambition，大家可以下载查看：https://www.teambition.com/proje ... ccfe665eb3c447d30ee ）
【3.布局】
ERP的布局是以bootstrap和h+为基础的，大家布局之前可以先看看这两个官网，看有没有能用到的页面，可以直接拿过来用。
（PS:两个网站链接地址：http://v3.bootcss.com/css/ and http://www.zi-han.net/theme/hplus/ ）
【4.案例演示】：以绩效管理为例
【5.前端书写应该注意的问题】
5.1 CSS命名规范
1.命名用驼峰命名法或者下划线命名法，长名称或者词组可以使用下划作为连接符 例如bg_orange_light、pdfLi；
2.不使用简单的单词直接命名，例如：left，简单的命名可能在bootstrap里面已经用到了；
3.不缩写单词，除非一看就明白的单词；
4..向"无ID，无层级，无标签"准则靠拢，可有效提高重用性，减小文件大小，提升渲染效率。
5.2 CSS书写规范
1.避免选择器嵌套层级过多，应该少于3级；
2.不要随意使用id，id应该按需使用，而不能滥用；
3.使用CSS缩写属性 ，比如padding:0 10px 5px 5px等等，这样精简代码同时又能提高用户的阅读体验。不建议写成：padding-top:0; padding-right:10px; padding-bottom:5px; padding-left:5px;
4.使用不换行方式书写，增加书写速度;
5.3 HTML使用规范
1.双标签必须闭合，单标签用斜线闭合；
2.HTML第一行统一使用HTML5标准<!DOCTYPE html>；
3.一律统一标签结尾斜杠的书写形式：`<br />` `<hr />` 注意之间空格；
4.避免使用已过时的标签，如`<font>`；
5.img和a标签书写注意：`<img src="#" alt=“提示文字” />` 和 <a href="#" title="链接名称">xxx</>；
5.4 其他
1.css文件放头部，js文件放尾部；
Repost@RR |
|
收藏
淘帖
踩
