前端规范

总则:

1、注释(非常重要),提倡多少行代码多少条注释,一半一半

2、格式化代码,缩进、对齐、整齐排列

3、命名一律使用英文名称,并且以 功能-模块-具体 的方式命名

HTML:

1、每个页面模块都需要做注释

2、class 只用于样式,id只用于JS,data-*只用于数据及列表循环

3、语义化代码

4、合理切套代码

5、一个元素中的样式建议最多3-4个

CSS:

1、名称统一使用 ”a-b-c-*“的形式

2、输入顺序为 定位/块 > 布局宽高 > 边距 > 背景 > 字体字号颜色 > 其他

3、避免以html元素名称的方式输写样式

4、除非确认此样式是某个页面独有,否则不建议将样式写在页面中

JavaScript:

1、命名方式 驼峰式

2、变量的定义建议每个都使用 var 形式

3、功能性效果建议封装成插件

4、为了区别是jQuery还是原生创建的变量,建议jQuery创建的变量使用 $ 前缀

5、变量声明建议统一放在闭包的最前面(特殊情况例外)

6、

时间: 2024-10-11 00:55:22

前端规范的相关文章

网易前端规范

自己写项目的时候,就会发现很多问题,小到文件夹的层次以及一个变量的命名,大到各个模块的配合或者框架的采用,都充满了技术.好的习惯会让前端工作提高很多,特别是在团队合作的时候. 网易前端规范是老师要求我们学习的,特意在此记录一下. 穿越网址:http://nec.netease.com/standard

WEB前端规范(一)--HTML规范

保持良好的编程习惯,遵守代码规范,是每一个coder的必修课.至此WEB前端规范(一)就开始了. 文件名 1 所有的文件名都应该遵守相同的命名规范. 2 文件名以小写字母开头,避免数字开头 3 文件名最好全部是小写字母,如果分为几个部分,就以“-”分割开. 4 如果某些部分是作为一个文件的扩展名,则使用“.”进行连接.例:my-validate.min.js  . 不推荐: MyScript.js myCamelCaseName.css i_love_underscores.html 1001-

前端规范总结

前端规范总结比较好的网址http://www.cnblogs.com/janessasmith/p/4500999.html

百度Baidu EFE team的前端规范——项目目录结构规范

项目目录结构规范 简介 该文档主要的设计目标是项目开发的目录结构保持一致,使容易理解并方便构建与管理. 编撰 李玉北.erik.黄后锦.王杨.张立理.赵雷.陈新乐.刘恺华. 本文档由商业运营体系前端技术组审校发布. 要求 在本文档中,使用的关键字会以中文+括号包含的关键字英文表示:必须(MUST).关键字"MUST", "MUST NOT", "REQUIRED", "SHALL", "SHALL NOT"

web项目开发 之 前端规范 --- JavaScript编码规范

JavaScript编码规范 此文严格按照W3C规范和部分实际项目可读性,浏览器加载,性能等众多属性权衡,做出平时前端编码规范文档.供广大web工作者参考并实施,对维护和项目扩展升级都能省时省力. 场景:web前端开发中 一些Javascript的注意事项 和 规格建议: [参考百度资料 和个人一些总结] 1 前言 JavaScript 在百度一直有着广泛的应用,特别是在浏览器端的行为管理.本文档的目标是使 JavaScript 代码风格保持一致,容易被理解和被维护. 虽然本文档是针对 Java

web项目开发 之 前端规范 --- JSON数据传输规范

此文严格按照W3C规范和部分实际项目可读性,浏览器加载,性能等众多属性权衡,做出平时前端编码规范 文档.供广大web工作者参考并实施,对维护和项目扩展升级都能省时省力. 场景:前后端分离 异步利用JSON 传输数据: E-JSON数据传输标准 简介 E-JSON的设计目标是使业务系统向浏览器端传递的JSON数据保持一致,容易被理解和处理,并兼顾传输的数据量.E-JSON依托于http协议(rfc2616)与JSON数据交换格式(rfc4627). JSON数据类型 JSON(JavaScript

web前端规范

无论是从技术角度还是开发视角,对于web前端开发规范文档都有一定规范,本文就css3和html5的发展前景总结了一系列的web开发文档,仅供大家参考. 规范目的:为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改. 基本准则:符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码

前端规范小结

一.目的 按照一定规范编写页面,一来提高团队的协作效率,便于后台添加功能及前端后期优化维护,输出高质量的文档:二来是页面的加载速度做到最大化 一.文件规范 1.文件夹命名 文件名称统一用小写的英文字母.数字和下划线的组合,其中不得包含汉字.空格和特殊字符: 2. 文件夹管理 文件夹命名以及相对路径 说明:如果对于PC端较少的页面可以*_html, images文件夹可去掉第3层: “*”代表的名称依项目的功能模块而定,只需符合文件名称统一用小写的英文字母.数字和下划线的组合,其中不得包含汉字.空

JavaWeb项目前端规范(采用命名空间使js深度解耦合)

没有规矩不成方圆,一个优秀的代码架构不仅易于开发和维护,而且是一门管理与执行的艺术. 这几年来经历了很多项目,对代码之间的强耦合及书写不规范,维护性差等问题深恶痛绝.在这里,通过仔细分析后,结合自己的编码习惯总结了一套适用于javaweb项目的前端书写规范,与大家分享一下. ps:感谢阿海的创意,后期整理如下(附文件下载): 一.项目结构 这里和其他项目区别不大,我将模板抽离出来,更容易分析和理解: 解释一下:js主要包括extends(引入第三方的js).module(项目模块自己的js).l

web项目开发 之 前端规范 --- CSS编码规范

此文严格按照W3C规范和部分实际项目可读性,浏览器加载,性能等众多属性权衡,做出平时前端编码规范 文档.供广大web工作者参考并实施,对维护和项目扩展升级都能省时省力. 转载请注明出处:JS前端实用开发QQ群 :147250970  欢迎加入~! CSS编码规范 1 前言 2 代码风格 2.1 文件 2.2 缩进 2.3 空格 2.4 行长度 2.5 选择器 2.6 属性 3 通用 3.1 选择器 3.2 属性缩写 3.3 属性书写顺序 3.4 清除浮动 3.5 !important 3.6 z