基于jQuery架构javascript基础体系_jquery-js教程-PHP中文网

基于jQuery架构javascript基础体系_jquery

php中文网

发布： 2016-05-16 18:12:51

原创

1287人浏览过

jQuery的使用开始成为javascript开发者的主选产品，但如果没有一个整体的规划，简单的拿来主义势必带来后期维护成本的增加，大量的jQuery插件如同一把双刃剑，一方面大大节省了开发时间与周期，但同时也造成WEB页面加载的负担，带来的难护与二级扩展成本将非常庞大，因此，在使用之前就需要一个最基础的javascript架构体系，能明显基础功能组件，插件组件有效实施与扩展。

我们想，jQuery毕竟还只是一个基础的最底层的工具集，封装元素选择器，事件等等，基本上能满足一般的需求，但要从整体的WEB的周度来看，为了提高javascript开发的效率与可重用性，就需要有一个整体的布局，biuuu认为最简单的思路如下：

1，在现有的ajax接口之上再封装一层操作，主要是用于统一ajax入口，同时可以再细分把GET与POST两种进行分离，通过全局的入口，就能从整理上把关，如过滤参数，检验参数，增加全局参数等，一步到位，可复用性非常高，实现上如下：

复制代码代码如下:

 
var ajax= { 
get : function(){ 
jQuery.get(url, [data], [callback], [type]) 
} 
post : function(){ 
jQuery.post(url, [data], [callback], [type]) 
} 
} 

2，封装统一的弹出框，对话框等交互窗口，通过统一接口实现弹窗类操作的交互，节省开发时间，同时有利于整体风格的调整与优化。

3，提供基础的插件加载函数，类似于工厂模式，统一插件加载与调用的入口，对于后期的扩展与维护提供便利，这样就不需要关心插件的更新与升级，只需要调用统一的接口。

4，其实就是一些最基础常用的函数，这个与具体的项目相关，做为全局的工具类。

从上面四点来看，整体的架构思路还只是一个比较浅层次的方案，其实还有安全，性能等方面的考虑，但至少需要有这方面的思路，越是简单就越能体现出架构的合理性，javascript体系也不例外，在实际的使用过程中，通过整合与优化，提高javascript的开发效率与提升javascript能力也就是这样简单。