前端代码书写规范总结

规范目的：为了提高工作效率，便于后台人员添加功能及前端后期优化维护， 输出高质量的文档，在网站建设中，使结构更加清晰，代码简明有序，有一个更好的前端架构。

　　　　　　? meta: 可以添加description、keywords内容

1.2 CSS部分

　　1.2.1 CSS种类及其命名

　　　　可以将CSS样式表分为三类：全局样式表、模块通用样式表和独立样式表

　　　　　　? 全局样式表常用命名：public.css

　　　　　　? 模块通用样式表命名：模块名_basic.css

　　　　　　? 独立样式表：模块名_页面名.css

　　1.2.2 CSS引入

　　　　CSS文件引入可通过外联或者内联方式引入

　　? 外联方式

　　? 内联方式

　　　　

　　　　注意：link和style标签都应该放入head中，原则上，不允许在html上直接写样式。避免在CSS中使用@import，嵌套不要超过一层。

二、注释规范

2.1 顶部文档注释（推荐使用）

1 /*
2 * @description: 中文说明
3 * @author: name
4 * @update: name(xxxx-xx-xx xx:xx)
5 */ 

查看更多关于前端代码书写规范总结的详细内容...