基于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自定义方法通过隐藏iframe实现文件下载
Feb 21 Javascript
js如何取消事件冒泡
Sep 23 Javascript
关于jQuery中的each方法(jQuery到底干了什么)
Mar 05 Javascript
JS实现拖动滚动条评分的效果代码分享
Sep 29 Javascript
BootStrap实现邮件列表的分页和模态框添加邮件的功能
Oct 13 Javascript
Angular.js ng-file-upload结合springMVC的使用教程
Jul 10 Javascript
vue+vue-validator 表单验证功能的实现代码
Nov 13 Javascript
使用async、enterproxy控制并发数量的方法详解
Jan 02 Javascript
详解Webpack多环境代码打包的方法
Aug 03 Javascript
详解redux异步操作实践
Aug 15 Javascript
浅谈webpack devtool里的7种SourceMap模式
Jan 14 Javascript
基于layui的下拉列表的数据回显方法
Sep 24 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后台多用户权限组思路与实现程序代码分享
2012/02/13 PHP
使用PHPCMS搭建wap手机网站
2015/09/20 PHP
CI框架无限级分类+递归的实现代码
2016/11/01 PHP
php自定义时间转换函数示例
2016/12/07 PHP
微信公众号实现扫码获取微信用户信息(网页授权)
2019/04/09 PHP
javascript 事件查询综合 推荐收藏
2010/03/10 Javascript
关于javascript中的typeof和instanceof介绍
2012/12/04 Javascript
window.addEventListener来解决让一个js事件执行多个函数
2012/12/26 Javascript
用jQuery实现一些导航条切换,显示隐藏的实例代码
2013/06/08 Javascript
JavaScript中String.prototype用法实例
2015/05/20 Javascript
JavaScript返回上一页的三种方法及区别介绍
2015/07/04 Javascript
全屏js头像上传插件源码高清版
2016/03/29 Javascript
利用Javascript仿Excel的数据透视分析功能
2016/09/07 Javascript
关于webuploader插件使用过程遇到的小问题
2016/11/07 Javascript
js验证手机号、密码、短信验证码代码工具类
2020/06/24 Javascript
微信小程序实现倒计时60s获取验证码
2020/04/17 Javascript
Node.js学习教程之HTTP/2服务器推送【译】
2017/10/31 Javascript
简单学习5种处理Vue.js异常的方法
2019/06/17 Javascript
uni-app微信小程序登录并使用vuex存储登录状态的思路详解
2019/11/04 Javascript
javascript实现滚动条效果
2020/03/24 Javascript
python编程开发之类型转换convert实例分析
2015/11/13 Python
python基于pyDes库实现des加密的方法
2017/04/29 Python
spark: RDD与DataFrame之间的相互转换方法
2018/06/07 Python
基于多进程中APScheduler重复运行的解决方法
2019/07/22 Python
Pycharm中出现ImportError:DLL load failed:找不到指定模块的解决方法
2019/09/17 Python
Python随机数函数代码实例解析
2020/02/09 Python
Pytorch生成随机数Tensor的方法汇总
2020/09/09 Python
html5视频媒体标签video的使用方法及完整参数说明详解
2019/09/27 HTML / CSS
Soft Cotton捷克:来自爱琴海棉花的浴袍
2017/02/01 全球购物
Zipadee-Zip襁褓过渡毯:Sleeping Baby
2018/12/30 全球购物
美团网旗下网上订餐平台:美团外卖
2020/03/05 全球购物
党员干部承诺书
2014/03/25 职场文书
公司总经理岗位职责范本
2014/08/15 职场文书
总结Python使用过程中的bug
2021/06/18 Python
Python字典的基础操作
2021/11/01 Python
mysql5.7的安装及Navicate长久免费使用的实现过程
2021/11/17 MySQL