JavaScript 开发经验整理

王朝学院·作者佚名  2016-05-23
窄屏简体版  字體: 小  |  中  |  大  |  超大  

javaScript 开发经验整理 2014-11-01 17:00 by 张瀚文zhw, ... 阅读, ... 评论, 收藏, 编辑 前言 今年接触了一个B/S的项目,总结了一些Javascript开发经验,整理些有用的内容与大家分享。 本文会持续更新...

1、实现代码访问的控制

随着项目JavaScript代码库扩大,本应被控制在私有作用域的函数与变量将会暴漏的越来越多,这时你的全局作用域被“污染”的可能性就会越来越大。这不仅会导致命名冲突,也会为BUG提供温床。因此,我们需要编写自包含的、不透明的JavaScript代码,它不会向外界暴漏内部的细节,也不会与现有的框架与脚本库发生冲突。事实上这正是大规模编程的主要要求

示例如下:

//定义一个obj的对象 var obj = (function () { var PRivateField = 42; var publicField = 'foobar'; //obj对象 私有方法 function processInternals() { alert('私有的:' + privateField); } //obj对象 私有方法 function run() { processInternals(); alert('私有的:' + privateField); alert('公共的:' + publicField); } return { publicField: publicField, //返回名称为publicField 私有变量 run: run //返回名称为run私有方法 }; })();//注意此处增加(); obj.run();//调用obj对象run()方法 obj.publicField;// 调用obj对象public属性 obj.processInternals();//访问私有方法,为NULL obj.privateField;//访问私有属性,为NULL

2、动态加载Javascript文件

传统的<script>标签加载js文件很方便只需加入网页即可,但是存在严重的缺陷。

1、严格的读取顺序;2、性能问题,多个js文件同步加载页面会堵塞,页面相应缓慢;

为了解决以上问题可以使用DOM方法,动态加载javascript文件。注:DOM动态加载的js文件,其中事件和相关绑定也会自动绑定;

示例如下:

function loadScript(url) { var script = document.createElement("script");//获取script dom对象 script.type = "text/javascript";//声明类型 script.src = url; document.body.appendChild(script);//动态加载js文件 }

3、Ajax

4、Javascript 调试技巧

5、DOM

6、web性能优化

7、WebSocket

8、HTTP和HTTPS

9、...

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航