当前位置: 首页 > Web前端 > HTML5

#前端进阶--1.为什么要制定开发规范?

时间:2023-04-05 14:23:25 HTML5

0为什么要有规范?与性能无关,与功能无关,与效果无关,与能力无关,与持续时间无关,但规范必须与效率相关(开发,迭代和维护,专注onimprovingmaintaininganditerationefficiency)andrelatedtoteam(reducingteamsinconsistentness)面试相关(提高代码健壮性,通过面试)习惯相关(保证最新实践)开源相关(开源项目有严格的开发规范)1高效的代码风格(eslint)编写规范(eslint)1.1易于阅读1.1。1个空格(英文、数字、中文组合)//不理想

AlexShan2008年毕业

//理想

AlexShan2008年毕业

数字,英文和中文直接留着右边有1个空格1.1.2。自定义布局//糟糕的布局风格,用内联元素包裹块级元素(新的ESlint规则默认禁止这种布局)

糟糕的

布局风格

//更好的布局

更好的布局风格

我们应该合理的选择和在html中使用DOM元素进行页面布局换行//没有换行符
//换行尽量保证代码清晰,按照结构布局,如果代码密密麻麻,估计是1.1.3.命名变量对象,类常量函数布尔值私有属性smallcamelcaselargecamelcaseuppercasesmallcamelcasesmallcamelcase区分单复数动词开头ishascanaffirmative_beginningwithunderscoremyName=''colleagues=['','']names=[]classDogHouseMAX_WIDTHcreateUserdeleteUseravailablehasUsershowName_sum()避免无意义的变量名避免冲突外面的世界低。功能应保持功能单一的原则,避免大而全的功能。即使一个函数只有一行代码,它也应该是一个独立的函数。2团队团队合作对于小规模的公司来说是一个必不可少的问题,也是项目开发的一个重要问题。进度保证的重要基石。只有作为一个团队一起工作,最大限度地发挥各自的技能,才能保证团队的最大生产力。我曾经遇到过一个独立工作的团队,按照自己的想法和风格写代码。代码风格不统一。为什么严格按照最新的惯例写,我的编译器是红色的。这是线上环境的真实代码,问题很多。没有及时去掉无用的代码,没有遵循Vue.js的最佳实践进行开发https://vuejs.org/v2/style-guide/使用内联样式存在的问题更多就不总结了,自己想想吧,大家一起去维护这样一套代码,后期会出现很多问题,制定一个统一的规范是非常有必要的。至少要保证大家的代码风格一致,不然提交代码的时候会因为格式问题出现很多冲突。解决冲突不是我的事。3面试这部分面试是每个开发者必须要经历的,如果你想进大厂,或者拿个好薪水。必须通过面试。作为一个老司机,一定要让自己的代码足够健壮,写得足够标准,边界条件的处理。即使是简单的面试问题也能看出一个人的编码能力。4习惯有人可能偷情,公司没有规定,没有人负责coding,你说了算。想什么就写什么,如果你想一直做码农,要么放弃进大厂,要么做大牛的机会。然后你可以继续风格。要想快速成长,何不当个领导,领导自己,给自己和公司树立一个标准,也会打动领导。我想,一个好的leader应该不会喜欢规范和约束的编码风格吧?5开源如果我们想成为开源贡献者或参与开源项目,就必须遵守开源项目的规范。和Angular一样,对提交代码的格式和写法都有严格的要求,并且开发了自己的代码提交命令行工具。有兴趣的同学可以详细了解一下。使用Commitizen而不是gitcommit。您可以使用cz-cli工具代替gitcommit。结语我们应该根据公司情况、业务场景、团队情况,制定适合自己的开发规范。开发规范不需要最好,没有最好的开发规范。只有适合你的。例如,Google的开发规范可能不适合需要快速迭代的小型实验性项目。后面会和大家分享如何制定开发规范。