- 同一个HTML文件中id不能相同,id命名下划线,class中划线,变量驼峰式
- 定时器使用前必须先清除,一个页面若同时有多个计时器,可将清楚计时器的写在一个函数内,尽量避免计时器的嵌套调用,若有嵌套调用时必须清楚时间间隔及函数执行次数与顺序
- Js文件引入时有先后顺序之分,有所依赖的例如jquery.js要在bootstrap.js之间引入;没有依赖且与页面初次渲染DOM树无关的事件处理的js文件在body底部引入,有利于页面的浏览器渲染
- js文件中减少全局变量的使用,避免重定义覆盖;减少闭包的使用,避免内存溢出
- 前端开发必须遵循:架构师定功能需求——完善需求/设计文档——ui设计——前端实现,减少重构
- 确定前端所用技术及项目架构搭建,明确所适配的设备、浏览器、屏幕分辨率
- 模块化开发,高内聚低耦合,提高代码的复用性,减少冗余
- Js做到分层处理,base层(兼容不同浏览器)、common层(封装公共处理函数)、page层
- 统一入口函数init(),方便维护
小技巧
1.函数传参在参数较多尽量少使用数组,提倡使用对象,有利于代码的后期维护与修改;
2.定时器使用前必须先清除,一个页面若同时有多个计时器,可将清楚计时器的写在一个函数内,尽量避免计时器的嵌套调用,若有嵌套调用时必须清楚时间间隔及函数执行次数与顺序