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

前端,HTML+CSS+JS编写规范(终极版)

时间:2023-03-31 11:50:31 CSS

HTMLCSS文件规范HTML和CSS文件必须使用UTF-8编码格式;HTML文档必须使用HTML5标准文档格式;HTMLCSS书写规范HTML和CSS标签、属性、类名、ID必须使用小写字母;HTML和CSS属性、类名和ID命名必须是语义化的;HTML代码必须保持文档结构清晰,代码必须合理缩进;禁止CSS文件在样式表中引用CSS文件;CSS书写格式,样式代码保持一行,多个options必须用相同的规则换行,如图1;CSS样式表分为三个层次:系统级(lib_开头)、模块级(m_开头)、页面级(p_开头);修改系统级和模块级文件必须经过前端主管批准;模块级样式必须以“m_”开头,例如头模块应该命名为:m_header;一个模块一个或多个CSS文件,禁止两个或多个模块使用同一个CSS文件;页面级样式必须以“p_”开头,或者外层必须以p_开头,例如:p_goodslist,p_goodslist.name;如果由于特殊原因需要为本页面重新配置页面级样式,模块级样式设置时,重置样式必须写在最前面;除系统级文件外,其他页面级和模块级CSS文件禁止进行系统样式重置操作,模块级和页面级也禁止直接重置系统级js文档规范1.JavaScript文档必须采用UTF-8(不含Unicode签名BOM)编码格式;js编写规范1.参数名必须用驼峰命名,私有(局部)变量尽量以下划线开头;2.每个变量必须使用var定义;3.需要写适当的评论;4.禁止定义以下保留名称Zepto,JSON,template,WdatePicker,KindEditor,LT,TP,LeiTing(自己部门定义的全局变量)5.每段代码必须用分号隔开,例如:变量a=123;功能(){};全局变量modulewindow['LeiTing']1.window['LeiTing']['UI']//publicUImodule2.window['LeiTing']['Model']//Publicmodule3.window['LeiTing'']['PageData']=[//页面数据segmentfault的其他相关分享前端编码规范前端代码规范编码规范-html编码规范-css