代码规范

尽量用padding不要用margin

不需要给ul、ol设置list-style: none;只需要给li设置list-style: none;

有关联的2个css属性,要放在一起,如果3个css属性有关联,就按照密切程度来写,比如:

width:10px;height:10px;line-height:10px;

标签一定要结束,比如只能写<input/>不要写<input>

页面的全局变量越少越好

关于页面风格统一,包含哪些方面?

字体统一

字体大小(页面默认)统一

页面边距统一,比如如果页面a的page设置了padding:10px,那就所有类似页面都给page设置padding:10px

字体大小单位统一,比如支付宝小程序里,不要这里用px,那里用rpx,要统一用rpx,除了一些用到边框的地方、用到1px的地方,才被迫用px

js版本统一,像支付宝小程序、微信小程序统一用es6的语法,不要用es5的语法,因为es6的语法往往比es5的语法更简洁、更严谨

引号用webstorm的默认风格,html用双引号,js用单引号

不同单词之间用下划线,不用驼峰命名法

函数越小越好

js要给每个函数的功能写出来,作为注释

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Web 前端代码规范 最后更新时间:2017-06-25 原始文章链接:https://github.com/bx...
    白小明0927阅读 7,263评论 1 15
  • 一、 引言 二、 HTML/CSS规范 2.1 浏览器兼容 2.2 html代码规范 2.2.1声明与编码 1、h...
    诺奕阅读 4,474评论 0 13
  • 一、前端编辑器 vscode 对angular、typescript有着非常友好的支持,轻便快捷,代码统一,一键格...
    ElliottsSu阅读 4,520评论 0 2
  • 该文于 2013 年创作,经年修改,录以记之 统一的规范有助于团队合作开发,但规范又臭又长,又不利于阅读与遵守,所...
    lip2up阅读 2,828评论 0 0
  • 一、 引言 对于一个多人团队来说,制定一个统一的规范是必要的,因为个性化的东西无法产生良好的聚合效果,规范化可以提...
    王钰峰阅读 3,621评论 0 4