前端开发规范（v1）

Posted 2020-08-15 IT-物语

(1)html/css/javascript 文件使用 的 UTF-8 编码

(2)引用的CSS样式统一放在页面</header>上

(3)引用的js文件统一放在页面</body>之上

(4)CSS样式属性或者JAVASCRIPT代码后加 ; 方便压缩工具。
　　var a = 1;
　　.ec-border-ccc{
　　　　border:1px solid #ccc;
　　}
(5)样式命名：项目样式,通过ec（ec项目名称缩写）避免冲突
　　.ec-border-ccc{
　　　　border:1px solid #ccc;
　　}

(6)使用四个空格缩进的tab键

(7)javascript类名(?)、函数命名、变量使用驼峰命名
　　类名->首字母大写 ElevatorCloud
　　函数命名-> function elevatorCloud()
　　　　　　　{
　　　　　　　　　　/*todo*/
　　　　　　　}
　　变量 var elevatorCloud = 0;
　　new 一个对象 var elevatorCloud = {};尽量不要用new Object();

(8)javascript常量名全部大写并单词间用下划线分隔 如：GLOBAL_PARM

(9)jquery中用 $.ajax 并要同时提供成功和错误的处理程序

(10)jquery 使用 $.fn.on 替换bind,live

(11)注释,公共文件例如：全局的验证、过滤、插件的;
　　/**
　　　* @description 功能说明
　　　* @parm 参数说明
　　　* @last update date 最后更新时间/谁更新的（尽量不要这么玩）
　　   */

(12)图片尽可能合成一张图片(sprite)