编写高质量的代码-web前端开发

<h3>开发须知</h3>
1.增加代码可读性 添加必要的注释 请考虑维护者的心情
2.注重项目前期构思 构建好框架在动手写代码 避免冗余
<h3>高质量的HTML</h3>
<p>标签语义化
检测html标签语义是否良好的方法是：去掉样式，看页面结构是否依然组织的井然有序，是否仍然有很好的可读性
</p>
<h3>高质量的CSS</h3>
<p>
1.合理组织CSS{base，commen，page}
base：所有页面公用的样式 如：字体，magin，padding等
commen：页面复用率较高的样式 如：header，footer等
page：单独页面所特有的样式
2.模块化CSS--single responsibility principle
将设计图进行模块拆分，令每个模块相对独立，提高复用率，减少后期维护修复成本
3.CSS命名{驼峰，划线}
为避免多人合作命名冲突，尽量减少使用子选择器
eg：```
.timeList .last ==> .timeList_last

4.多用组合，少用继承
提取css共有部分，独立成类 ； 不同的部分各自为类； 页面添加多类 
5.选择器权重：
tag:1 ;    class:10 ; id:100
</p>


![野薇薇](https://img.haomeiwen.com/i3887784/065584a3b02a8f7f.gif?imageMogr2/auto-orient/strip)