前端开发经验总结

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

小技巧

1.函数传参在参数较多尽量少使用数组，提倡使用对象，有利于代码的后期维护与修改；

2.定时器使用前必须先清除，一个页面若同时有多个计时器，可将清楚计时器的写在一个函数内，尽量避免计时器的嵌套调用，若有嵌套调用时必须清楚时间间隔及函数执行次数与顺序

3.通过@media的CSS控制分辨率适应时考虑到样式的继承与覆盖，应遵循以下原则：max-width,则从大分辨率到小分辨率，若是min-width,则相反。

4.css hack书写顺序为适配各浏览器的属性在前，最后属性通用属性。

Eg: -ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);

5.避免全局变量滥用，合理使用命名空间，为代码添加必要的注释。

若需要用到的全局变量较多的情况下，可将变量和所要执行的脚本用匿名函数包起来立即调用——“(function(){})()”。若不同的匿名函数之间要通行，可在window的全局变量定义一个全局对象，通过命名空间定义对应的全局变量。

Eg: var GLOBAL = {};

(function(){

var a = “hello”;

GLOBAL.A.a = a;

})()

(function(){

var b = GLOBAL.A.a

})()

1. 函数作为函数用（）调用时，用动词命名；作为构造函数时用名词命名，首字母大写。
2. 出于浏览器兼容性考虑，var node = document.getElementById(‘a’);常规属性通过node.xxx获取，eg:node.title；但自定义属性通过node.getAttribute(‘data_content’)获取。