• 前端开发规范:1-通用规范


    关于规范和风格
    风格规范没有绝对的对错,应该根据每个开发团队的业务和习惯来制定。

    随着技术、硬件设备及浏览器平台等环境的更新换代,几年前的一些规范可能就会变成了不适用的/错误的,切忌生搬硬套。

    开发时应更多的考虑代码的可读性,开发的便捷性, 团队成员的习惯等因素,而不是过于考虑性能问题。

    关于命名
    以英文字母开头,不能使用数字开头,不使用无意义的字母拼接,不使用拼音命名
    文件/url资源的字母使用全小写,单词使用横杠-来分隔
    压缩过的文件以.min.css、.min.js、[hash].css等后缀命名
    只使用class添加样式,而不是id, id预留给js操作
    js常量使用全大写以下划线间隔:const = MAIN_COLOR,js变量或方法以驼峰大小写方式命名: function getList () {}, let curPage = 'home'
    js的命名避免与关键字/保留字/原生方法冲突。
    命名词意的拼接顺序,尽量不超过3个词拼接,否则名字太长使用起来过于累赘。
    class使用全小写,单词拼接以横杠或下划线间隔
    class命名词意组成:模块+描述+操作
    js命名词意组成:操作+模块
    不推荐的文件命名格式

    comScipt.js
    comStyle.css
    top_head.css
    233-home.js
    style-min.css
    推荐的文件命名格式

    com-scipt.js
    com-style.css
    top-head.css
    home-233.js
    style.min.css
    推荐的css/function/变量的命名格式

    • {{ item.title }}

    引入资源的协议 不要指定引入资源所带的具体协议

    当引入图片、样式、脚本等静态文件时,不要带http://或https://协议,除非这两个协议都不可用

    不推荐