前端编程开发规范化对于许多前端程序员来说是必须了解和掌握的工作重点，下面我们就一起来了解一下，关于前端开发规范化都有哪些组成内容。
开发规范
项目目录和文件的命名使用小写字母，避免使用大写或驼峰，多个单词以下划线 _ 分隔 如：my_project/cast_detail.js
目录有复数意义的时候，使用复数命名 如 scripts images
某些三方插件可直接使用中划线 - 作为文件名单词的间隔 如 bootstrap-datepicker
某些特殊文件可以使用点号 . 作为文件名单词的间隔 如 webpack.config.dev.js jquery.cookie.min.js
使用有意义的英文单词式命名，避免使用拼音式(如 tupian.png )命名
编辑器设置文件保存格式为 utf-8，以四个空格作为缩进(包括HTML，CSS，JS等)，文件末尾空一行，行尾去掉空格
单个函数行数，以不超过一个屏幕为宜(50行左右)，超出一个屏幕的，就要考虑拆分成更少的函数
每行代码量不要太长，要适当进行分行(自己也可以在编辑器设置超长自动换行)
HTML规范
在页面开头使用DOCTYPE声明启用标准模式
不要忘了设置语言 language 和编码 charset格式
各层元素应该换行，嵌套的元素节点应该缩进，缩进使用4个空格
属性名统一使用小写，使用中划线 - 作为单词的分隔;属性值统一使用双引号，避免使用单引号
关于命名
使用有意义的命名，默认使用小驼峰式命名(某些参数因数据库设计的原因，也可使用大驼峰，主要参照接口文档)
'ID' 在变量名中全大写
'URL' 在变量名中全大写
'Android' 在变量名中大写一个字母
'iOS' 在变量名中小写一个，大写后两个字母
常量全大写，用下划线连接
构造函数，大写一个字母
jQuery对象必须以 '$' 开头命名
以下几种情况不需要空格：
对象的属性名后
前缀一元运算符后
后缀一元运算符前
函数调用括号前
无论是函数声明还是函数表达式，'(' 前不要空格
数组的 '[' 后和 ']' 前
对象的 '{' 后和 '}' 前
运算符 '(' 后和 ')' 前
【免责声明】：本内容转载于网络，转载目的在于传递信息。文章内容为作者个人意见，本平台对文中陈述、观点保持中立，不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。
网友评论