博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端编码规范
阅读量:5882 次
发布时间:2019-06-19

本文共 741 字,大约阅读时间需要 2 分钟。

  hot3.png

HTML

语法

  • 四个空格代替制表符(tab)。

  • 注释、注释、注释。

  • 嵌套元素须缩进一次,杜绝内容错乱。

  • 属性定义一律使用双引号

  • 标签结束加上斜杠,包括单标签。

  • 保证标签语义化

  • 属性应按照一定顺序依次排列,确保代码易读性。

属性排序

  • class

  • id,name

  • data-*

  • src,for,type,href

  • title,alt

  • aria-*,role

CSS

语法

  • 四个空格代替制表符(tab)。

  • 命名:类名使用小写字母中划线分隔,id采用驼峰式命名。

  • 每写完一个选择器的属性后,添加一个回车保证代码易读。

  • 为了代码的易读性,在每个声明块的左花括号前添加一个空格。

  • 每条属性声明的冒号后面需添加一个空格。

  • 每条属性声明应该独占一行。

  • 每条属性声明结尾都应加上分号表示结束。

  • 十六进制值应该全部小写。

  • 属性应按照一定顺序依次排列,确保代码易读性。

属性排序

  • positioning(定位),如 postion,margin

  • box model(盒模型),如width,float

  • typographic(印刷),如font,color

  • visual(视觉),如background,border

JavaScript

语法

  • 四个空格代替制表符(tab)。

  • 注释、注释、注释。

  • 字符串最外层统一使用单引号

  • 命名:变量函数采用驼峰式命名,常量全大写,用下划线连接。

  • 构造函数,首字母大写。

  • jquery对象以$开头命名。

  • 一个函数作用于内所有变量声明放在函数首部,只用一个var声明,逗号隔开。

  • 多用===!==,少用==!=

  • 上下文this引用统一使用self变量来命名。

参考

转载于:https://my.oschina.net/cobish/blog/526990

你可能感兴趣的文章
回忆下高中的数学归纳法
查看>>
CentOS7 'Username' is not in the sudoers file. This incident will be reported
查看>>
HashMap,HashTable,HashSet区别(转)
查看>>
关于php上传文件
查看>>
360浏览器内核控制标签meta说明
查看>>
android AsyncTask
查看>>
poj 3225 【线段树】
查看>>
序列化
查看>>
Linux 查询命令
查看>>
Some tips for your Number 157842 369 the earth number
查看>>
梦网云通讯API接口匹配状态报告规则
查看>>
Linux之线程管理
查看>>
Cocos2d-x游戏《雷电大战》开源啦!要源代码要资源快快来~~
查看>>
常见随机变量的数学期望和方差
查看>>
eclipse黄色警告(finally block does not complete normally) ,不建议在finally中使用return语句...
查看>>
msyql sql语句收集
查看>>
面试题一份
查看>>
关于ubuntu上执行错误命令报错
查看>>
使用grep恢复被删文件内容
查看>>
【转】Google 的眼光
查看>>