HTMLCSS文档规范

  1. HTML和CSS文档必须采用UTF-8编码格式;
  2. HTML文档必须使用HTML5的标准文档格式;

HTMLCSS编写规范

  1. HTML和CSS的标签、属性、类名、ID都必须使用小写字母;
  2. HTML和CSS的属性、类名、ID命名必须具有语义化;
  3. HTML代码必须保持文档结构清晰,必须合理的进行代码缩进;
  4. CSS文件禁止样式表内引用CSS文件;
  5. CSS编写格式,样式代码保持一行,多个选择器同一个规则必须换行,如图1;
  6. CSS样式表格分为3个级别:系统级(以lib_开头)、模块级(以m_开头)、页面级(以p_开头);
  7. 修改系统级和模块级的文件必须经过前端主管审批;
  8. 模块级的样式必须以“m_”开头,例如头部模块应该命名为:m_header;
  9. 一个模块一个或多个CSS文件,禁止两个或以上模块使用同一个CSS文件;
  10. 页面级的样式必须以“p_”开头、或者外层以p_开头,例如:p_goodslist、p_goodslist .name;
  11. 页面级的样式如因特殊原因需要针对这个页面进行对模块级的样式进行重置的时候,须将重置样式写在最顶部;
  12. 除系统级文件外,禁止其他页面级和模块级的CSS文件进行系统的样式重置操作,模块级和页面级也禁止直接重置系统级的样式;

js文档规范

1.JavaScript文档必须采用UTF-8(不包括Unicode签名BOM)编码格式;

js编写规范

1.参数命名必须以小驼峰命名,私有(局部)变量尽量使用下划线开头;
2.每个变量必须使用var定义;
3.需编写适当的注释;
4.禁止定义以下保留名称Zepto、JSON、template、WdatePicker、KindEditor、LT、TP、LeiTing(自己部门定义的全局变量)
5.每一段代码必须以分号分割,例如:var a = 123; function(){};

全局变量模块 window['LeiTing']

1.window['LeiTing']['UI']    //公共UI模块
2.window['LeiTing']['Model'] //公共模块
3.window['LeiTing']['PageData'] = [//页面数据

segmentfault上其他相关分享
前端编码规范
前端代码规范
编码规范-html
编码规范-css

前端、HTML+CSS+JS编写规范(终极版)的更多相关文章

  1. HTML/CSS/JS编码规范

    最近整理了一份HTML/CSS/JS编码规范,供大家参考.目录:一.HTML编码规范二.CSS编码规范三.JS编码规范 一.HTML编码规范 1. img标签要写alt属性 根据W3C标准,img标签 ...

  2. CSS的编写规范

    一.前言 如上图,页面在渲染和画图时,耗时还是比较多的,这就对我们的编写要求愈加严格. 我们有很多方法来减少上图所示的页面加载耗时的,比如 但是更多的还是在于平时的编写规范,我们需要了解浏览器,让他更 ...

  3. 认识大前端html+css+js

    认识大前端:前端就是将效果图生成网页,利用html+css+js等技术. 如果把前端比作一台汽车,那么html就是车的骨架,css就是完整的车的模型,而js就充当着车的发动机... 建议:   刚刚开 ...

  4. 实现简易版德州扑克|学习麻瓜编程以项目为导向入门前端 HTML+CSS+JS

    实现简易版德州扑克 1.先上达到网页效果图(简易版德州扑克) 网页分为发牌区和牌池,上面为发牌区,下面是牌池区 2. 代码实现 2.1 HTML和JS代码 ` <link rel="s ...

  5. 中阶d01-- web前端 html css js bootstrap

    html 页面骨架结构css 页面优化js(脚本语言) 页面和用户互动 bootstrap 前端框架,主要实现不同设备直接打开页面时播放比例设置(全屏暂时,不要滚动条)

  6. js编写规范

    JavaScript编码规范 Bug----33条 1. 不要使用’==’和’!=’,使用’===’和’!==’替代 等级:Major 原因:==和!=在判断值相等前会判断类型是否相等.这容易因为类型 ...

  7. html + css + js注释规范

    添加注释到代码中,是一个很好的习惯,而且极大的提高了代码的可读性 1.HTML <!--commentContent--> 2.CSS //commentContent /*comment ...

  8. Qt编写输入法终极版V2018

    输入法是很多Qt+嵌入式linux开发的同学的痛,自从5.7自带了输入法后,这个痛终于缓解了不少,不过还有大量的嵌入式linux程序停留在qt4时代,为此特意选择了QWidget来写这个输入法,为了兼 ...

  9. 用CSS实现蒙德里安名画|学习麻瓜编程以项目为导向入门前端 HTML+CSS+JS

    实现项目:用CSS实现蒙德里安名画 1.首先,献上代码和效果图 1.1代码: <head> <style> .centerframe{ display: flex; heigh ...

随机推荐

  1. 论文翻译——Character-level Convolutional Networks for Text Classification

    论文地址 Abstract Open-text semantic parsers are designed to interpret any statement in natural language ...

  2. 37)PHP,获取数据库数据并在html中显示(晋级4)

    我的php文件和html文件的位置关系: 然后我的主php文件是b.php,我的那个配置文件是BBB.php,我的html文件是login.html 然后我的b.php代码展示: <?php c ...

  3. 吴裕雄--天生自然 JAVA开发学习:多线程编程

    class RunnableDemo implements Runnable { private Thread t; private String threadName; RunnableDemo( ...

  4. java后端导出excel

    最近工作中需要导出excel.这次机智一点做个笔记,顺便写了一个比较通用的工具类.自然目前不能生成java实体类属性嵌套多次的这种没办法导出了,后续有需要的时候我再改改. 首先,java后端导出exc ...

  5. PolarDB阿里初赛问题记录 PolarDB 阿里 中间件 比赛 性能 工程手册

    Contents 这篇纯碎是碎碎念记录. 每个value都是4KB,总共最多会写6400W个value,算下来就是64 * 1000 * 1000 * 4 * 1024 Bytes ≈ 256G. 每 ...

  6. Contig|scaffold|N50|L50|NG50|贪心算法|de bruiji graph|

    生物信息学 Contig是reads拼成的连续的DNA片段,连续表达一个gene.通过双端测序的contig可确定contig之间的关系得到scaffold,Scaffold是reads拼成的有gap ...

  7. 源码中TODO、FIXME和XXX的含义

    前言: 今天在阅读Qt  Creator的源代码时,发现一些注释中有FIXME英文单词,用英文词典居然查不到其意义! 实际上,在阅读一些开源代码时,我们常会碰到诸如:TODO.FIXME和XXX的单词 ...

  8. 2015-09-15-git配置

    https://help.github.com/articles/set-up-git/ git上传是忽略一些文件 在每个git的项目中有一个.gitignore文件,将忽略的文件或文件夹输入即可. ...

  9. [LC] 82. Remove Duplicates from Sorted List II

    Given a sorted linked list, delete all nodes that have duplicate numbers, leaving only distinct numb ...

  10. SHELL用法二(练习)

    1.SHELL编程作业&剖析演练 1)SHELL编程Nginx虚拟主机脚本:  安装Nginx WEB平台:  配置虚拟主机(1个网站):  重启&加载配置文件:  配置hos ...