MVC4+FluentData+EasyUI框架(二)：前端开发规范
一、基本准则
符合Web标准，语义化html，结构表现行为分离，兼容性优良，代码简洁有序，减少服务器负载，最优化的解析速度。
二、图片规范
1、页面元素类图片放入img文件夹，测试用图片放在img/demoimg文件夹。
2、图片格式：gif/png/jpg。
3、仅由小写英文字母+数字+"_"组成。
4、最优化图片大小与质量，减少加载时间。
5、减少使用半透明png，参考css规范说明。
6、背景图片运用css sprite技术集中背景图片，减少页面http请求，保存sprite源文件到img中。
三、文件规范
1、html、css、images文件归档约定的目录中。
2、html文件命名：英文命名，后缀.htm，界面设计稿同时拷入该文件下，命名同.htm文件，以便后台查找该页面。
3、css文件命名：英文命名，后缀.css，引入公用base.css，首页命名index.css，其它根据需求命名。
4、js文件命名：英文命名，后缀.js，引入公用common.js，其它根据需求命名。
四、注释规范
1、html注释：<!--注释内容-->
2、css注释：
/* * 注释内容 */
3、javascript
单行注释：//
多行注释：
/* * 注释内容 */
五、css书写规范
1、编码：utf-8
2、id与class：id是父级和大模块的，class是子级和小模块的。大框架要采用标准命名：header/footer/wrapper/left/right，其它样式由英文数字/数字/"_"组成。
3、base.css：定义大体框架，头部、脚部以及其它公用模块的css样式，分配给前端人员开发内部结构和行为。
4、规避命名重复：#id .classname .classname{...}，以id起头。
5、css属性书写顺序：布局定位属性，自身属性，文本属性，其它属性。
6、尽量减少使用table标签。
7、杜绝使用<meta http-equiv="X-UA-Compatible" content="IE=7" /> 兼容 ie8;
8、单行书写。
9、注释：大块添加注释，小块适量注释。
10、避免存在兼容性的属性的使用，避免使用position:absolute|float等影响性能的属性使用。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
