编写高质量代码、学习笔记——Javascript篇
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了编写高质量代码、学习笔记——Javascript篇,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1953字,纯文字阅读大概需要3分钟。
内容图文
一、良好的编程习惯
1.避免JS冲突
1>使用匿名函数将脚本包起来,减少全局变量,避免冲突。
2>团队项目有必要添加必要注释:
包括功能、编写人员名称、编写人员联系方式、编写时间。
3>使用命名空间,用作不同功能之间的通信——使用一个{}对象类型的变量作为全局变量
<script type="text/JavaScript"> var GLOBAL = {}; GLOABL.namespace = function(str){ var arr = atr.split("."),o = GLOBAL; for ( i = (arr[0] == "ALOBAL")) ? 1 : 0 ; i < arr.length; i++) { o[arr[i]] = 0[arr[i]] || {}; o = o[arr[i]]; </script>
</pre><pre name="code" class="html"><script> (function(){ <span> </span>GLOBAL.namespace("A.CAT"); <span> </span>GLOBAL.A.CAT.name = "xiaohua"; <span> </span>GLOBAL.A.CAT.move = function(){ } })();
</pre><pre name="code" class="html"></script>
4>CSS放在页头,Javascript放在页尾,这样脚本的加载不会阻塞页面HTML的加载。
二、分层和库
1.分层:base、common、page三层
1>base层为common何page提供接口,包括不同浏览器下Javascript的差异等。
大致分为三块:1.操作DOM2.操作事件3.提供原生Javascript不提供的函数。
例如:透密度,IE通过滤镜实现、普通浏览器如火狐通过opacity实现:
</pre><pre name="code" class="html"><script type="text/javaScript"> <span> </span>var test = document.getElementById("id01"); <span> </span>if (document.all) { <span> </span>test.style.filter = 'alpha(opacity = 20)'; <span> </span>else { <span> </span>test.style.opacity = 0.2; <span> </span>} </script>
<span style="font-family: Arial, Helvetica, sans-serif;"></span>2>common层提供更庞大的组件,可以按功能分成一个个单独的文件
3>page层属于应用级
三、实用技巧
1.命名技巧
<div class="tab"> <ul> <li>menu1</li> <li>menu2</li> <li>menu3</li> <span style="white-space:pre"> </span></ul> </div>为以上代码中li设置挂钩,为了表示id更像tab组件私有的命名:
<div class="tab"> <ul> <li id="tab-menu1">menu1</li> <li id="tab-menu2">menu2</li> <li id="tab-menu3">menu3</li> </ul> </div>
原文:http://blog.csdn.net/u014761420/article/details/41824001
内容总结
以上是互联网集市为您收集整理的编写高质量代码、学习笔记——Javascript篇全部内容,希望文章能够帮你解决编写高质量代码、学习笔记——Javascript篇所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。