阿里前端代码规范_前端团队代码书写规范

目的：统一团队代码书写风格，减少沟通成本，提高工作效率，同时也能减少不必要的bug。

前端代码规范

vue有关项目代码规范

1、文件命名规范

1).vue文件大写开头驼峰

2)js文件小写-连接

2、属性命名规范

1)class样式类小写-连接

2)根元素类以-ctn结尾

3)二、三级以-wrap结尾

3、变量命名和使用规范

1)变量名小写开头驼峰

2)判断变量is开头

4、函数命名和使用规范

1)函数名小写开头驼峰

2)事件处理函数on开头

3)请求函数请求方式开头

5、属性书写顺序规范

1)显示隐藏属性放最前面，类放最后面

6、简洁优雅规范

1)可读性：三目运算加小括号等等，有待补充。。。

2)在良好可读性的前提下，代码能写一行的绝对不要写两行，方法如下：

多个变量声明一行
对数据使用结构赋值
if 语句替换成三目运算

方法处理函数解耦

7、CSS样式规范

1)不要使用 !important

2)避免使用深层嵌套

3)待补充。。。。

。。

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/weixin_39627751/article/details/111135385
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2021-04-10 18:29:07
阅读 ( 660 )
分类：前端

阿里前端代码规范_前端团队代码书写规范

你可能感兴趣的文章

精选的优质文章

0 条评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看