关于前端规范

一个规范性强的代码便于修改和理解,所以做出如下总结,希望少走弯路;

基础内容,大神请绕道......................

1.命名规范

 命名一定要有意义,毕竟代码写下来不是给你一个人看的,在css中,在前面写上父元素进行规范,不要偷懒

2.请不要一会写原生,一会写jquery

 这个问题好多人觉得我写出功能来不就行了,但是页面被弄的乱七八糟,如果是因为不熟练,这正是个机会让你熟练

3.缩进问题

  虽然好多编辑器已经把缩进做的完美了,但还是会有一两个空格的差距,这个时候不要偷懒,这个空格就像趴在地上的蚂蚁,赶紧清扫

4.标签闭合问题

 虽然在HTML5当中,标签可以不用闭合,但是为了规范,也是为了代码的更好的避免一些错误,我建议各位标签闭合

5.代码写完后,把不必要的注释和空格,空标签删除

 很多人为了下一次的修改,添加注释,或者修改代码以后,为了以防万一,不删除原来的,但是做到后面,已经忘了注释这回事了,这个时候在写完代码后,检查一遍,把不必要的删除掉,这样便于更好的阅读代码

6.逻辑问题

 这个问题我只能对各位说,在搭建页面的时候,多动脑筋,把结构合理规范化,还有js,请保持逻辑通顺,逆向思维会让观看你代码的人火大

7.不要在0后面写px

 在webstorm中有提示,不要增加代码的负担

8.注意空格问题

 

  在遇到上面的结构的时候,写在一行,不然你就会突然发现,浏览器莫名其妙多了一些空格

9.js获取页面元素,

 在JQuery中,如果只用一次这个元素,就不要定义变量占用内存了

10.结尾要加;

在js和css语句结尾加加  ;  在进行代码压缩的时候才不容易犯错

时间: 2024-10-07 10:17:04

关于前端规范的相关文章

网易前端规范

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