前端代码规范文档(推荐十二篇)思维导图

上古男污神

2023-05-10

浏览量: 2

前端代码规范文档(推荐十二篇)

前端代码规范文档(篇一)1、使用jQuery选择器如果是唯一的，请使用ID选择器； 2、使用class选择器时，在class前加上标签名，如： $(“div.class”)正确，$(“.class”)错误；3、尽量使用ID选择器代替class选择器；4、如果一个变量存放的是jQuery对象的话，那么请用”$”...

树图思维导图提供《前端代码规范文档(推荐十二篇)》在线思维导图免费制作，点击“编辑”按钮，可对《前端代码规范文档(推荐十二篇)》进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：25c97b4ff6c7fea27141aab02c916133

思维导图大纲

前端代码规范文档(篇一)

1、使用jQuery选择器如果是唯一的，请使用ID选择器；

2、使用class选择器时，在class前加上标签名，如：

$("div.class")正确，$(".class")错误；

3、尽量使用ID选择器代替class选择器；

4、如果一个变量存放的是jQuery对象的话，那么请用"$"符号开头，

声明这是一个jQuery对象；

5、避免使用live()函数绑定事件，可以使用bind()和on()代替，例如

$(document).on("click","#id",function(){})；

6、把可能会影响页面加载速度的代码绑定到$(window).load()事件中，

如动画，视觉特效等代码。

前端代码规范文档(篇二)

SQL代码规范继承通用代码规范

、MySQL代码规范（待完善）

MySQL代码规范继承 SQL代码规范

库、表、字段【建议】建库时显式指定字符集utf8或utf8mb4 示例：CREATE DATABASE db1 DEFAULT CHARACTER SET utf8mb4;

表、字段【强制】非负数必须UNSIGNED 【建议】主键以pk_开头，唯一索引以uq_开头，普通索引以idx_开头【建议】建立组合索引，把区分度高的字段放在前面【强制】手机号存储不得使用数字，而使用VARCHAR（支持开头0及模糊查询）【建议】金额存储用INT，程序端乘以和除以100进行存取，因为INT占4字节，而DOUBLE占8字节【强制】高并发或分布式场景不允许外键约束

【建议】字段允许适当冗余，以减少联表来提高查询性能，但必须考虑数据一致性冗余字段应遵循：不是频繁修改的字段，不是text等较长字段

、HIVE代码规范（待完善）

HIVE代码规范继承 SQL代码规范

前端代码规范文档(篇三)

高级web前端开发工程师秒针信息技术有限公司北京秒针信息咨询有限公司,北京秒针,秒针,秒针信息技术有限公司,秒针系统,秒针职责要求:

1、主导web前端系统的架构设计、开发和工程优化;

2、负责web组建的设计与规划,关键核心组建开发;

3、持续对研发过程进行改进及优化、提供开发效率;

4、独立完成高质量ut工作、配合测试人员完成it及st工作,确保软件开发质量。

岗位要求:

2、精通html/css/js等基本的web开发技术,对web标准有自己的理解;熟悉常用浏览器兼容方案,有实战经验者优先;

3、熟练掌握angularjs、vue、react等框架,熟悉mvc/mvvm等前端开发模型;

4、有良好的工作及编码吸管,熟练使用git、webpack等工具;

5、良好的沟通与表达能力、思路清晰,能够指导他人,有较强的主动性和责任心,有较好的团队协作呢你,技术事业广泛者优先;

7、具有较强的分析和解决问题的能力,具备良好的团队合作精神优先;

8、积极主动,认真负责,头脑灵活,具有良好的沟通和团队协作能力;

前端代码规范文档(篇四)

为了欺骗W3C的验证工具,可将代码分为两个文件，一个是针对所有浏览器,一个只针对IE。即将所有符合W3C的代码写到一个文件中,而一些IE中必须而又不能通过W3C验证的代码（如: cursor:hand;）放到另一个文件中，再用下面的方法导入。

CSS样式新建或修改尽量遵循以下原则。

CSS属性显示顺序。

CSS书写顺序。

兼容多个浏览器时，将标准属性写在底部。

使用选择器时，命名比较短的词汇或者缩写的不允许直接定义样式。

可用上级节点进行限定。

多选择器规则之间换行，即当样式针对多个选择器时每个选择器占一行。

优化CSS选择器。

浏览器将检查整个文档中的所有链接和每个链接的父元素，并遍历文档树去查找ID为header的祖先元素，如果找不到header将追溯到文档的根节点，解决方法如下。

使用z-index属性尽量z-index的值不要超过150（通用组的除外），页面中的元素内容的z-index不能超过10（提示框等模块除外但维持在150以下），不允许直接使用（999~9999）之间大值。

尽量避免使用CSS Hack。

避免使用低效的选择器。

六个不要三个避免一个使用。

减少使用影响性能的属性。

减少在CSS中使用滤镜表达式和图片repeat, 尤其在body当中,渲染性能极差, 如果需要用repeat的话, 图片的宽或高不能少于8px。

前端代码规范文档(篇五)

1、JS必须使用外部文件方式加载；

2、JS引入代码必须集中放置在页面最底部</body>之前，

严禁在<head></header>之间引入JS，特殊情况除外；

3、JS变量命名请使用驼峰式命名法；

4、JS变量严禁使用"不明觉厉"的命名方法，如：vara;varb；

5、每一个函数与事件监听都必须有注释，声明其作用，

如果代码过长，那么请对一个功能模块进行注释；

6、JS函数命名必须使用驼峰式命名；

7、JS函数严禁使用"不明觉厉"的命名方法，如：functiona(){}；

8、JS代码换行时，必须使用缩进。

前端代码规范文档(篇六)

我们写数注释的目的是让代码更易懂，注释一般包括三个方面，做什么、为什么、怎么做。

这是 golang 中中的注释，也是分别从做什么、为什么、怎么做来进行注释

有些人认为，注释是要提供一些代码没有的额外信息，所以不要写"做什么、怎么做"，这两方面在代码中都可以体现出来，只需要写清楚"为什么"，表明代码的设计意图即可。

不过写了注释可能有以下几个优点

1、注释比代码承载的信息更多

函数和变量如果命名得好，确实可以不用再在注释中解释它是做什么的。但是，对结构体来说，包含的信息比较多，一个简单的命名就不够全面详尽了。这个时候，在注释中写明"做什么"就合情合理了。

2、注释起到总结性作用、文档的作用

在注释中，关于具体的代码实现思路，我们可以写一些总结性的说明、特殊情况的说明。这样能够让阅读代码的人通过注释就能大概了解代码的实现思路，阅读起来就会更加容易。

3、一些总结性注释能让代码结构更清晰

对于逻辑比较复杂的代码或者比较长的函数，如果不好提炼、不好拆分成小的函数调用，那我们可以借助总结性的注释来让代码结构更清晰、更有条理。

前端代码规范文档(篇七)

CFTL 运行代码需要注意的地方编译环境代码是直接运行在的机子上,,在实验室的那台老机子上,我已经打包压缩好了,注意使用前备份代码替换注意项注意本代码不能直接独立编译运行!!!!只是Flashsim修改后的代码 Flashsim的代码必须编译运行在的仿真器上,因此必须先安装成功disksim+flashsim的仿真器后,将主目录下的...

前言当拿到某域内的一台机器后，需要进一步的扩大战果，这时候就需要进行横向移动，横向移动这部分的技术的都是基于信息收集的结果才能实现，信息收集很重要，切记。推荐几种实现方式：利用现有exp来对操作系统进行攻击，例如ms17010，ms08067等。利用密码**ssh或者对smb服务进行**，可利用impacket工具实现。利用服务端应用的rce漏洞，如tomcat等中间件漏洞。制作黄金票...

在学习Java技术时候，对于排序的应用需要熟练的掌握，这样才能够确保Java学习时候能够有扎实的基础能力。那Java有哪些排序算法呢？经典的排序算法有八种，分别为： Ø 冒泡排序 Ø 选择排序 Ø 插入排序 Ø 归并排序 Ø 希尔排序 Ø 快速排序 Ø 堆排序 Ø 基数排序其中冒泡排...

前端代码规范文档(篇八)

命名

关于EJB的命名在《Java编程规范(平台科)》中提到：

Remote接口：。

这样的命名，在Jbuilder7中存在"警告信息"，它认为JavaIDL路径名和类

名重复可能会导致CORBA访问的问题。

所以，建议Remote接口如下命名：

Remote接口：。

Web发布目录移植(websphereweblogic)

绝对不要把websphere的和文件放在weblogic

的发布目录下。这将导致莫名其妙的错误，使得weblogic以为XML的配置文件已经更

Jbuilder7在win2000中的问题

注意在系统环境中更改temp目录，因为Jbuilder7在编译EJB是会到登录用户的

临时目录下交换文件。而缺省的目录却是C:\Documents and Settings\loginuser\Local

Settings\Temp，在路径中存在空格导致EJB在Weblogic下无法通过Jbuilder的IDE环境编译打包。

还有Jbuilder7中，需要在WebLogic Client和WebLogic Deploy的类

库中加入JDK的运行包。否则，编译EJB时它根本就找不到类。

性能问题

我们知道每个新的JSP文件在没有编译时，一旦要使用它，Servlet Engineer会在

第一次使用时编译它。这时，你会感觉页面有停滞。在Websphere中这种停滞太大了，

在Weblogic中几乎没什么感觉。不知道是不是因为websphere仅仅是WSAD中的测试环

境而不是一个真正的产品。如果不是仅仅因为这个，那么就太失望了。

一：不允许使用汉语拼音命名欠规范代码示例： public void zengJiaYongHu(){} 拼音方法名称规范代码示例: public void addUser(){} 解析：应当使用国际化语言，拼音使得代码难懂二：Package名必须全部小写，尽量使用单个单词欠规范代码示例：单词大写了,daoImpl多个单词规范代码示例: 解析：这是一个大家都认同的习惯写法，也是一个默认的规范三：局部变量及输入参数不要与类成员变量同名(get/set方法与构造函数除外) 欠规范代码示例： public class UserDAOImpl{ private int count; pubic void page(int count){} } 类字段和方法参数名相同规范代码示例: public class UserDAOImpl{ private int count; pubic void page(int pageCount){} } 解析：类变量会引起逻辑错误，引起覆盖。四：尽量不要在变量后面加魔法数字,英文单个字母和没有实际意义的英文数字单词来区分变量欠规范代码示例： String One; 命名一个英文数字的变量 User user1 = new User(); User user2 = new User(); 规范代码示例: User userAdd = new User(); User userUpdate = new User(); 解析：这样会降低代码的可读性，并且不容易日后开发人员的维护文字数限制的原因，未完。。。

注：代码中必须要有注释！