编写高质量前端代码
作者:网络转载 发布时间:[ 2016/5/17 15:13:28 ] 推荐标签:软件测试管理 质量管理
### 高质量的HTML代码
1. 做到标签的语义化,不过度使用div而忽略一些其他的具有语义化的标签,例如标题用h标签,内容用p标签,等等,这些无论对搜索引擎的优化还是代码的可读性都有好处。
2. 要做到页面即使去掉CSS,也具有良好的可读性结构。
### 高质量的CSS代码
1. 对于高度复用部分,通用类以及特异化部分可以分别放到各自的CSS中,如通用类(css-reset.css),复用类(public.css),特定页面(pagename.css)
2. 书写模块化的CSS对于结构相同的部分可以书写模块化的样式,对于其在特异位置的差别可以组合特异类名来重写添加部分样式已适应环境。
3. 类命名方式采用语义清晰地英文单词或者组合词,可用驼峰形式书写或者以“-”来间隔词语,我一般的做法是一个模块的父级类名用“-”,而其内部元素的类名用下划线。在多人配合的情况下,可在类名前加上名字缩写,以避免发生命名冲突。
4. 使用多类名组合的方式来书写或修改模块通用的CSS样式,可以解决代码的冗余,并且易于维护
5. 使用雪碧图减少服务器压力,优化背景图加载切换的时间
6. 一般情况下尽量使用class,少用id来书写样式,利于重用
相关推荐
更新发布
功能测试和接口测试的区别
2023/3/23 14:23:39如何写好测试用例文档
2023/3/22 16:17:39常用的选择回归测试的方式有哪些?
2022/6/14 16:14:27测试流程中需要重点把关几个过程?
2021/10/18 15:37:44性能测试的七种方法
2021/9/17 15:19:29全链路压测优化思路
2021/9/14 15:42:25性能测试流程浅谈
2021/5/28 17:25:47常见的APP性能测试指标
2021/5/8 17:01:11