本文总结了前端开发的经验，包括HTML中id的唯一性，CSS样式与JS文件的引入顺序，减少全局变量和闭包的使用，以及前端开发流程。强调了模块化开发的重要性，提倡分层处理JavaScript，统一入口函数，以及一些实用技巧，如函数参数用对象传递，避免计时器嵌套，使用CSS媒体查询适应不同分辨率，避免全局变量滥用等。
- 同一个HTML文件中id不能相同，id命名下划线，class中划线，变量驼峰式
- 定时器使用前必须先清除，一个页面若同时有多个计时器，可将清楚计时器的写在一个函数内，尽量避免计时器的嵌套调用，若有嵌套调用时必须清楚时间间隔及函数执行次数与顺序
- Js文件引入时有先后顺序之分，有所依赖的例如jquery.js要在bootstrap.js之间引入；没有依赖且与页面初次渲染DOM树无关的事件处理的js文件在body底部引入，有利于页面的浏览器渲染
- js文件中减少全局变量的使用，避免重定义覆盖；减少闭包的使用，避免内存溢出
- 前端开发必须遵循：架构师定功能需求——完善需求/设计文档——ui设计——前端实现，减少重构
- 确定前端所用技术及项目架构搭建，明确所适配的设备、浏览器、屏幕分辨率
- 模块化开发，高内聚低耦合，提高代码的复用性，减少冗余
- Js做到分层处理，base层（兼容不同浏览器）、common层（封装公共处理函数）、page层
- 统一入口函数init(),方便维护
小技巧
1.函数传参在参数较多尽量少使用数组，提倡使用对象，有利于代码的后期维护与修改；
2.定时器使用前必须先清除，一个页面若同时有多个计时器，可将清楚计时器的写在一个函数内，尽量避免计时器的嵌套调用，若有嵌套调用时必须清楚时间间隔及函数执行次数与顺序
最低0.47元/天 解锁文章
扫一扫
3654
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
