基于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 相关文章推荐
js模拟实现Array的sort方法
Dec 11 Javascript
自写简单JS判断是否已经弹出页面
Oct 20 Javascript
HTML5附件拖拽上传drop & google.gears实现代码
Apr 28 Javascript
js动态创建、删除表格示例代码
Aug 07 Javascript
页面实时更新时间的JS实例代码
Dec 18 Javascript
append和appendTo的区别以及appendChild用法
Dec 24 Javascript
jQuery照片伸缩效果不影响其他元素的布局
May 09 Javascript
Bootstrap多级导航栏(级联导航)的实现代码
Mar 08 Javascript
常用原生JS兼容性写法汇总
Apr 27 Javascript
JavaScript编写页面半透明遮罩效果的简单示例
May 09 Javascript
JavaScript对Json的增删改属性详解
Jun 02 Javascript
jQuery中.attr()和.data()的区别分析
Sep 03 jQuery
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
4.与数据库的连接
2006/10/09 PHP
PHP下几种删除目录的方法总结
2007/08/19 PHP
php5 apache 2.2 webservice 创建与配置(java)
2011/01/27 PHP
一个PHP分页类的代码
2011/05/18 PHP
深入PHP数据加密详解
2013/06/18 PHP
PHP基本语法总结
2014/09/06 PHP
php和html的区别点详细总结
2019/09/24 PHP
用javascript父窗口控制只弹出一个子窗口
2007/04/10 Javascript
jquery 日期分离成年月日的代码
2010/05/14 Javascript
jQuery表格插件datatables用法详解
2020/11/23 Javascript
基于jquery实现即时检查格式是否正确的表单
2016/05/06 Javascript
react-native封装插件swiper的使用方法
2018/03/20 Javascript
JQuery通过后台获取数据遍历到前台的方法
2018/08/13 jQuery
vue实现打印功能的两种方法
2018/09/07 Javascript
微信小程序http连接访问解决方案的示例
2018/11/05 Javascript
详解如何更好的使用module vuex
2019/03/27 Javascript
详解基于原生JS验证表单组件xy-form
2019/08/20 Javascript
微信小程序自定义弹出层效果
2020/05/26 Javascript
vscode中Vue别名路径提示的实现
2020/07/31 Javascript
解决vue中使用less/sass及使用中遇到无效的问题
2020/10/24 Javascript
[01:00]DOTA2 store: Collection of Artisan's Wonders
2015/08/12 DOTA
python实现将英文单词表示的数字转换成阿拉伯数字的方法
2015/07/02 Python
更新pip3与pyttsx3文字语音转换的实现方法
2019/08/08 Python
使用pytorch实现可视化中间层的结果
2019/12/30 Python
浅谈tensorflow 中tf.concat()的使用
2020/02/07 Python
python urllib和urllib3知识点总结
2021/02/08 Python
一款纯css3实现的圆形旋转分享按钮旋转角度可自己调整
2014/09/02 HTML / CSS
canvas实现圆形进度条动画的示例代码
2017/12/26 HTML / CSS
Otticanet意大利:最顶尖的世界名牌眼镜, 能得到打折季的价格
2019/03/10 全球购物
计算机专业毕业生的自我评价
2013/11/18 职场文书
中学家长会邀请函
2014/02/03 职场文书
应届生求职信范文
2014/06/30 职场文书
个人批评与自我批评发言稿
2014/09/28 职场文书
个人批评与自我批评材料
2014/10/17 职场文书
写给老师的保证书
2015/05/09 职场文书
GTX1650super好不好 gtx1650super显卡属于什么级别
2022/04/08 数码科技