javascript开发规范及经验总结

javascript开发规范及经验总结

ID:9927602

大小:68.00 KB

页数:11页

时间:2018-05-15

javascript开发规范及经验总结_第1页
javascript开发规范及经验总结_第2页
javascript开发规范及经验总结_第3页
javascript开发规范及经验总结_第4页
javascript开发规范及经验总结_第5页
资源描述:

《javascript开发规范及经验总结》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、JavaScript开发规范及经验总结一、页面调用规则1.原则上整个网站都用到的JS代码,放到配置文件里,统一命名为commons.js/aisncommons.js等等。2.原则上只有某个Channel用到的JS文件,放在该Channel里的layout上引用,用Channel名来命名。不要放到全网站(比如minisite,joinflow等等)3.原则上只有当前单个页面用到的JS,就写在页面里,不要单独新建JS文件。如果该JS影响到SEO,则新建JS文件。4.原则上JS不输出内容,仅控制页面行为。(例如JS可进行checkb

2、ox的selectall操作,但是不允许输出checkbox的内容)二、兼容性规则:提倡开发人员以兼容所有浏览器为荣,在确实无法实现的情况下,再考虑以下兼容表(以下说的"x%的浏览器"指有x%的PV由该浏览器产生),该数据每三月取一次,定期更新。兼容度浏览器备注。完全兼容IE6、FF1.5IE7必须支持主功能,查看重要信息,允许辅助功能不可用。FF1.0、Safari例如必须保证search、feedback、注册、postproduct等主要功能可用,但是如MyRecentHistory等允许不可用。可查看网站重要信息1%以下

3、,或客户端禁用JS、设置高安全级别等不做兼容调试三、命名规则(以工程师手册为基准):①一般原则:1.简单明确,见名知意,统一规范。使用较短的英文单词全称,不使用首字母或则缩写,除非缩写被广泛应用,如HTML、URL。JavaScript开发规范及经验总结2.使用正确的英文单词和语法。3.即使是随机访问者也能明白其用意。②变量、方法(类)名:1.采用每个内部单词首字母大写,其余字母小写的格式。例如:strUserName2.临时数字变量ijkmn,字符串变量cde3.常量以及全局变量名必须全部使用大写字母。4.变量名必须使用其类型

4、的所写字符串开始。各种类型的所写字符串如下:5.数字变量:i//js不允许显式声明int,数字以Number这个对象来管理,因此所有数字都用i做前缀6.对象引用变量:o//object7.HTMLDOM变量:d//document8.字符串变量:s//string9.数组变量:a//array10.Date类型变量:dtm11.变量名必须采用有意义的单词命名,如:sUserName、iUserAge12.如果变量名过长可以使用单词缩写,除了被广泛了解的单词缩写以外,所有使用单词所写的变量名必须在定义时给出注释,如:varsAdN

5、ame//用于表示Administrator帐户的名称varsAdminName//不用给出注释,Admin被广泛了解JavaScript开发规范及经验总结③变量使用规范1.变量使用前必须定义。没有定义的变量禁止使用2.变量的使用尽量缩小到小的作用域。如循环使用//这点很重要for(vari=0;i<12;i++){ }        而不是:        var  i;        for(i=0;i<12,i++){        }④对象命名规范如果在代码中,需要强调对象的类型,参考本命名规则各种页面对象如text输入

6、框、按钮、下拉选择框在命名时必须使用以下对应前缀:1.text输入框:txt2.button按钮:btn3.select下拉选择框:sel4.option项pt5.form表单:frm6.frame框架:fra7.hidden表单项:hdn8.div标记:div9.span标记:span10对话框对象:dlg11.窗口对象:winJavaScript开发规范及经验总结⑤函数以及子过程命名规范1.函数命名必须使用动词+名词对的方式,并且能够体现函数的功能2.函数命名的动词前缀必须是同函数功能相关的完整动词3.函数命名第一个单词的首

7、字母小写,后面每一个单词的首字母大写⑥文件命名:1.字母全部采用小写,单词之间用下划线"_"分隔2.采用"频道名+模块",例如minisite_menu.js。如果全站使用,则采用模块名,如menu.js四、其他规则1.必须按照标准来写触发事件,比如onClick等,需注意大小写。建议关闭UE中的自动修改功能。2.原则上不允许写死循环,看起来很可笑的规则,但是在写JS程序时常会碰到,因为在JS中常使用死循环来创造实时更新的效果。3.在调用的JS文件中,除了变量申明外,不允许有执行部分,必须在HTML中触发或者调用。直接写在HTM

8、L代码中或者单个页面使用的JS不在此列。4.使用JS前请综合考虑HTML、CSS、JS、后台程序之间的最优配合,尽量以HTML、CSS配合来实现效果。5.JS中应当考虑更多的效率问题,因为他的运行环境很差。也许他跑在p2200,64M的机器上,用户还开了N个页面

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。