目标:前端工程师(web+js)
html + css + js
1、命名规范:
(页面命名规范)
文件命名主要英文,数字,下划线,主要以英文单词为主(尽量使用常用单词),采用驼峰式命名,避免使用拼音,提高可读性,其他同事便于理解,方便其他同事快速介入项目,如果单词不明确,可以使用百度翻译,谷歌翻译查询
2、大量操作DOM
后期公司项目,使用vue.js避免这种操作,如果要操作class,可以用变量动态控制。
console.log大量存在,导致控制台会出现大量的数据输出,严重影响前端页面的性能。
3、项目存在大量无用代码
这种大量的注解代码,定期清理掉,影响页面的加载速度
4、iconfont管理混乱
Iconfont没有做统一管理,导致每一个加入这个项目的前端,自己都要去新建一个iconfont项目,目前存在八九个iconfont,严重影响前端项目的代码质量,同时后期接入的前端开发,无法去对之前的iconfont进行维护,导致前端开发存在很多风险点
5、css命名不规范,可读性很差。
6、格式化代码
prettier:格式化,增强页面代码规范化,提高阅读性,支持js.css.html的所有规范要求,减少出错率
《未格式化的代码》
《格式化后的代码》
7、减少全局变量的使用,改用Object方式替换,降低全局变量污染的风险
8、要根据框架的规范去开发
9、设计稿规范管理
后期让UI设计使用蓝湖管理设计稿,图标让设计维护
10、第三方包的引用
减少下载js引入使用方式,使用规范的node-module包,目前vue.js,小程序都支持node-module
目标:前端工程师(web+js)
html + css + js
1、命名规范:
(页面命名规范)
文件命名主要英文,数字,下划线,主要以英文单词为主(尽量使用常用单词),采用驼峰式命名,避免使用拼音,提高可读性,其他同事便于理解,方便其他同事快速介入项目,如果单词不明确,可以使用百度翻译,谷歌翻译查询
2、大量操作DOM
后期公司项目,使用vue.js避免这种操作,如果要操作class,可以用变量动态控制。
console.log大量存在,导致控制台会出现大量的数据输出,严重影响前端页面的性能。
3、项目存在大量无用代码
这种大量的注解代码,定期清理掉,影响页面的加载速度
4、iconfont管理混乱
Iconfont没有做统一管理,导致每一个加入这个项目的前端,自己都要去新建一个iconfont项目,目前存在八九个iconfont,严重影响前端项目的代码质量,同时后期接入的前端开发,无法去对之前的iconfont进行维护,导致前端开发存在很多风险点
5、css命名不规范,可读性很差。
6、格式化代码
prettier:格式化,增强页面代码规范化,提高阅读性,支持js.css.html的所有规范要求,减少出错率
《未格式化的代码》
《格式化后的代码》
7、减少全局变量的使用,改用Object方式替换,降低全局变量污染的风险
大小限制(图片已删)
8、要根据框架的规范去开发
9、设计稿规范管理
后期让UI设计使用蓝湖管理设计稿,图标让设计维护
10、第三方包的引用
减少下载js引入使用方式,使用规范的node-module包,目前vue.js,小程序都支持node-module