基于jQuery架构javascript基础体系


Posted in Javascript onJanuary 01, 2011

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能力也就是这样简单。

Javascript 相关文章推荐
JavaScript 字符串与数组转换函数[不用split与join]
Dec 13 Javascript
javascript 多浏览器 事件大全
Mar 23 Javascript
js下通过prototype扩展实现indexOf的代码
Dec 08 Javascript
javascript中注册和移除事件的4种方式
Mar 20 Javascript
深入理解javascript中defer的作用
Dec 11 Javascript
再谈javascript常见错误及解决方法
Sep 16 Javascript
angular中的http拦截器Interceptors的实现
Feb 21 Javascript
利用Node.js对文件进行重命名
Mar 12 Javascript
vue-自定义组件传值的实例讲解
Sep 18 Javascript
小白教程|一小时上手最流行的前端框架vue(推荐)
Apr 10 Javascript
小程序如何使用分包加载的实现方法
May 22 Javascript
Vue 实现前端权限控制的示例代码
Jul 09 Javascript
jQuery技巧总结
Jan 01 #Javascript
js中查找最近的共有祖先元素的实现代码
Dec 30 #Javascript
Js 弹出框口并返回值的两种常用方法
Dec 30 #Javascript
JavaScript之appendChild、insertBefore和insertAfter使用说明
Dec 30 #Javascript
Javascript事件热键兼容ie|firefox
Dec 30 #Javascript
某人初学javascript的时候写的学习笔记
Dec 30 #Javascript
Javascript延迟执行实现方法(setTimeout)
Dec 30 #Javascript
You might like
php调用shell的方法
2014/11/05 PHP
PHP将HTML转换成文本的实现代码
2015/01/21 PHP
CodeIgniter配置之autoload.php自动加载用法分析
2016/01/20 PHP
js 学习笔记(三)
2009/12/29 Javascript
JSON 学习之JSON in JavaScript详细使用说明
2010/02/23 Javascript
一个不错的字符串转码解码函数(自写)
2014/07/31 Javascript
jquery 取子节点及当前节点属性值的方法
2014/08/24 Javascript
javascript数组克隆简单实现方法
2015/12/16 Javascript
使用jquery.qrcode.js生成二维码插件
2016/10/17 Javascript
bootstrap中使用google prettify让代码高亮的方法
2016/10/21 Javascript
微信小程序 网络API 上传、下载详解
2016/11/09 Javascript
限时抢购-倒计时的完整实例(分享)
2017/09/17 Javascript
Vue 拦截器对token过期处理方法
2018/01/23 Javascript
Vue 实现列表动态添加和删除的两种方法小结
2018/09/07 Javascript
vue中el-upload上传图片到七牛的示例代码
2018/10/19 Javascript
浅谈Fetch 数据交互方式
2018/12/20 Javascript
Vue 动态添加路由及生成菜单的方法示例
2019/06/20 Javascript
400多行Python代码实现了一个FTP服务器
2012/05/10 Python
Python入门篇之列表和元组
2014/10/17 Python
Python基于Pymssql模块实现连接SQL Server数据库的方法详解
2017/07/20 Python
老生常谈Python之装饰器、迭代器和生成器
2017/07/26 Python
Python中用post、get方式提交数据的方法示例
2017/09/22 Python
详解pyqt5 动画在QThread线程中无法运行问题
2018/05/05 Python
python数值基础知识浅析
2019/11/19 Python
Pycharm最新激活码2019(推荐)
2019/12/31 Python
python TCP包注入方式
2020/05/05 Python
Python 如何实现访问者模式
2020/07/28 Python
Python和Bash结合在一起的方法
2020/11/13 Python
python爬虫爬取淘宝商品比价(附淘宝反爬虫机制解决小办法)
2020/12/03 Python
生产部管理制度
2014/01/31 职场文书
公司年底活动方案
2014/08/17 职场文书
安全员岗位职责
2015/02/10 职场文书
婚礼父母致辞
2015/07/28 职场文书
离婚协议书范本(2016最新版)
2016/03/18 职场文书
2016年全国爱眼日宣传教育活动总结
2016/04/05 职场文书
css中:last-child不生效的解决方法
2022/08/05 HTML / CSS