序
想必很多人在开发过程中,会遇到接受别人的项目,看了代码,会情不自禁的感慨:"这是谁写的垃圾代码"。 可见我们在在开发过程中还是需要有意识的养成一些良好的开发习惯,这样不仅提高自己的效率,同时也会给整个团队以及以后接手的人,减少不要的麻烦。 所以,总计了以下的一些点。
良好习惯点
文件名的命名
文件夹应清楚的表明文件的结构关系,而不是简单的全部放在同一层级。否则长此以往导致page下文件夹冗长。查找的时候也费劲
文件名的命名应统一命名法,比如:大小驼峰命名法,下划线命名法,同时英文名应代表组件的功能页面
条件渲染逻辑
应该所有都有遇到过if else的死亡嵌套,这种情况下我们为了保证系统原有功能的正常运行,只能在后面再加if else。
所以在开发中,当遇到大于等于3个if的嵌套时,就要使用switch
还有就是一些渲染函数,应该放在js部分,不应混杂在dom中。
这样才符合高内聚,低耦合的的编程理念
ts的使用
有的组件用的tsx ,里面却没有任何类型规范或者大量的any,甚至忽视ts和eslint的检查,留下大量的红色报错。
大量的注释代码
css
- 类名的命名
- 从全局,或其他组件引入多个css文件,导致样式耦合,覆盖
- 无效的样式代码
- 缩进 换行
混乱的import引入
个人建议从上到下顺序
- 框架api引入
- ui组件
- util配置文件的引入
- 自定义的组件的引入
- css文件一定要放在最后,不能组阻塞js的优先引入
代码拆分
有些文件代码行数都已经到达2000+,维护起来相当费劲,应该合理拆分下,最好能在500行以内。
写在最后
其实对于大部分程序员来说,多数情况下都是敏捷开发,算法,设计模式,性能优化这些平时用到的频率不怎么高,但是一个清晰优雅的代码,却是我们在平时需要重视的。