前端代码规范文档(篇一)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发布目录移植(websphereweblogic)
绝对不要把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(); 解析:这样会降低代码的可读性,并且不容易日后开发人员的维护 文字数限制的原因,未完。。。
注:代码中必须要有注释!
前端app开发工程师 深圳市引导美电子商务有限公司 深圳市引导美电子商务有限公司,引导美,引导美 岗位要求:
年以上前端开发经验,有移动端项目经验者优先;
3.精通ajax、javascript、xml、dom、json等前端技术,掌握面向对象编程思想;
4.熟悉主流移动web开发框架,并有过3年以上实际项目开发经验,比如jquery,vue,angualr,ionic,reactive native前端框架等;
4.对android或ios app开发有一定了解,有混合开发项目经验;
5.熟悉浏览器、移动设备之间的差异,解决兼容性问题。能独立分析和解决问题;
6.熟悉并使用git进行项目代码管理以及版本控制,有mui开发经验优先;
7.善于沟通,优秀的团队协作能力, 能接受挑战并承受工作压力。
岗位职责:
2、协助产品进行交互体验设计;
3、解决以及其他前端相关业务需求;
4、完成上级交办的其他工作任务;
5、代码缺陷修复,易用性及性能优化,打包上架流程优化。
加分项:
1.有小程序开发经验;
2.了解nodejs;
3.在github上有个人开源项目和其他项目贡献代码。
1、使用主流前端框架完成公司各项业务。
2、利用前后端分离模式配合后端人员完整项目。
3、优化项目的前端性能,按照要求实现前端页面的各种特效。
任职资格:
1、大专及以上学历
2、熟练使用javascript、html、css等技术。熟练使用常见前端类库(jquery,zepto等),熟悉前端mvvm框架(vuejs,angularjs,reactjs等)。
3、熟悉流行的前端开发打包工具,如webpack、gulp等。
4、至少了解一门后端开发语言(java/.net/php等)。
建议使用Aptana||Dw||Vim|| HBuilder,亦可根据自己喜好选择,但须遵循如下原则。
1、不可利用IDE的视图模式'画'代码;
2、不可利用IDE生成相关功能代码,比如Dw内置的一些功能js;
3、编码必须格式化,比如缩进。
建议测试顺序FireFox-->IE7-->IE8-->IE6-->Opera-->Chrome-->Safari
前期开发仅测试FireFox&IE6&IE7&IE8
后期优化时加入Opera&Chrome&Safari;IETabPlus插件
as3前端开发工程师 7k7k 北京奇客创想科技股份有限公司,7k7k,奇客创想,奇客创想 岗位职责:
1、根据游戏策划需求,独立设计开发相关自己负责的游戏系统和各个模块;
2、负责游戏的前期模块设计开发与后期bug修复、版本更新维护与代码优化;
3、配合团队完成整个项目的开发,并在后期进行维护工作和功能更新。
任职要求:
1、有as3前端开发经验,有一款以上flash游戏的完整项目开发经验;
2、良好的面向对象思想与设计,拥有良好的编码风格和面向对象的编程思想;
3、熟悉 javascript/typescript/actionscript3 等语言,熟悉 html5 及 css等;
5、熟悉位图动画渲染与ui模块相关功能的开发、性能优化;
6、熟悉layabox,白鹭(egret)等游戏开发引擎及相关开发工具;
7、具备一定独立解决问题的能力,较强的学习能力,能够胜任模块任务开发;
8、具有良好的沟通能力、适应能力和抗压能力,优秀的团队合作能力。
树图思维导图提供 网上租房系统 在线思维导图免费制作,点击“编辑”按钮,可对 网上租房系统 进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:4ea2c6899371b79a47eacdb8b287d106
树图思维导图提供 3.3信息化教学设计的前端分析 在线思维导图免费制作,点击“编辑”按钮,可对 3.3信息化教学设计的前端分析 进行在线思维导图编辑,本思维导图属于思维导图模板主题,文件编号是:b897ec571c9f215167880f0116b00c20