|
不以规矩，不能成方圆，强调的做任何事都要有一定的规矩、规则、做法，否则无法成功。尤其是做技术行业，更是要对自己有一些严格要求。从事web前端开发工作我们就需要有一个开发规范来约束我们，这样才能保证前端开发工程师可以高效快速的完成工作，不然每个人都按照自己的喜好，天马行空的话，估计我们会进入一个“魔幻”世界吧！
前端涉及内容稍多，让我们一起来总结一些需要我们注意的前端日常开发的规范。
CSS的书写规范
1.日常开发我们都是需要把编码同意为utf-8；
2.class和id的使用：id是唯一的，一个HTML里面不能有重复的id，并且一般都用在外层大的模块上。class是可以重复多用的。不同地方同一个样式完全可以用一个class名字；
3.class和id的命名：尽量使用语义化命名，比如header,footer,container,left,right等等；
4.使用table标签时(尽量避免使用table标签), 请不要用width/ height/cellspacing/cellpadding等table属性直接定义表现, 应尽可能的利用table自身私有属性分离结构与表现 , 如thead,tr,th,td,tbody,tfoot,colgroup,scope; (cellspaing及cellpadding的css控制方法:table{border:0;margin:0;border-collapse:collapse;} table th, table td{padding:0;}, base.css文件中我会初始化表格样式)；
5.避免兼容性属性的使用, 比如text-shadow || css3的相关属性；
6.减少使用影响性能的属性, 比如position:absolute || float，一般要使用文档流。
7.尽量多写一些注释，后期维护或者别人看代码时会很快看明白，提高效率；
8.css属性书写顺序, 建议遵循: 布局定位属性–>自身属性–>文本属性–>其他属性. 此条可根据自身习惯书写, 但尽量保证同类属性写在一起。
JavaScript书写规范
1.文件编码统一为utf-8，每行代码结束必须要有分号；
2.变量的命名：采用驼峰式命名法，首字母要小写；
3.类命名：驼峰式命名，首字母大写；
4.定数函数：驼峰式命名，首字母要小写；
5.命名尽量要语义化，利用英文的缩写来减少代码量；
6.尽量避免使用存在兼容或者消耗资源的方法或者属性；
7.结构分明，注释明白；
8.如果一个函数用到两次以上，需要考虑包装函数。
|
