14. 用 png 图片做图片时, 要求图片格式为 png-8 格式,若 png-8 实在影响图片质量或其中有半透明效果, 

请为

ie6 单独定义背景:

_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMet
hod=crop, src=’img/bg.png’)

;

15. 避免兼容性属性的使用, 比如 text-shadow || css3 的相关属性;

16. 减少使用影响性能的属性, 比如 position:absolute || float ;

17. 必须为大区块样式添加注释, 小区块适量注释;

18. 代码缩进与格式: 建议单行书写, 可根据自身习惯, 后期优化 i 会统一处理;

JavaScript 书写规范

1. 文件编码统一为 utf-8, 书写过程过, 每行代码结束必须有分号; 原则上所有功能均根据 XXX 项目需求

原生开发

, 以避免网上 down 下来的代码造成的代码污染(沉冗代码 || 与现有代码冲突 || …);

2. 库引入: 原则上仅引入 jQuery 库, 若需引入第三方库, 须与团队其他人员讨论决定;

3. 变量命名: 驼峰式命名. 原生 JavaScript 变量要求是纯英文字母, 首字母须小写, 如 iTaoLun;

jQuery

’

变量要求首字符为

_', 其他与原生 JavaScript 规则相同, 如: _iTaoLun;

另

, 要求变量集中声明, 避免全局变量.

4. 类命名: 首字母大写, 驼峰式命名. 如 ITaoLun;

5. 函数命名: 首字母小写驼峰式命名. 如 iTaoLun();

6. 命名语义化, 尽可能利用英文单词或其缩写;

7. 尽量避免使用存在兼容性及消耗资源的方法或属性, 比如 eval() & innerText;

8. 后期优化中, JavaScript 非注释类中文字符须转换成 unicode 编码使用, 以避免编码错误时乱码显示;

9. 代码结构明了, 加适量注释. 提高函数重用率;

10. 注重与 html 分离, 减小 reflow, 注重性能.

图片规范

1. 所有页面元素类图片均放入 img 文件夹, 测试用图片放于 img/demoimg 文件夹;

2. 图片格式仅限于 gif || png || jpg;

3. 命名全部用小写英文字母 、数字 、 _ 的组合，其中不得包含汉字、空格 、特殊字符；尽量用易懂的

词汇

, 便于团队其他成员理解; 另, 命名分头尾两部分, 用下划线隔开, 比如 ad_left01.gif || btn_submit.

gif;

4. 在保证视觉效果的情况下选择最小的图片格式与图片质量, 以减少加载时间;

5. 尽量避免使用半透明的 png 图片(若使用, 请参考 css 规范相关说明);

6. 运用 css sprite 技术集中小的背景图或图标, 减小页面 http 请求, 但注意, 请务必在对应的 sprite psd

源图中划参考线

, 并保存至 img 目录下.

注释规范

1. html 注释: 注释格式 <!–

–

这儿是注释

>, ’–’只能在注释的始末位置,不可置入注释文字区域;

2. css 注释: 注释格式 /*这儿是注释*/;

3. JavaScript 注释, 

’

单行注释使用

//

’

这儿是单行注释

 ,多行注释使用 /* 这儿有多行注释 */;