前言
小白在公司进行jQuery的项目开发时,常常会因为知道规范,但是在实际开发中却没有使用到开发规范,这里对jQuery的开发规范做一些记录,时刻提醒自己,开发要规范,文明你我他!
选择器的选择
- 当一个页面有唯一元素时,使用id,不用class
- 尽可能使用id
jQ变量
- 存放 jQuery 对象的变量以 $ 开头;
- 将 jQuery 选择器返回的对象缓存到本地变量中复用;
- 使用驼峰命名变量;
链式写法
- 尽量使用链式写法
- 当链式写法超过三次或者因为事件绑定变得复杂后,使用换行可提高代码的阅读性
字符串
- 使用字符串连接或者array.join()要比.append()性能更好
其他注意点
- 不要将css与jQ杂揉
即不使用 jQuery.css(...);
使用jQuery.addClass(...);
- 参数尽量使用对象字面量
- 不要将JavaScript与HTML杂揉
不要有 <div onclick="function(){ console.log("hello!") }"></div>