基于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随机漂浮广告代码具体实例
Nov 19 Javascript
js改变文章字体大小的实例代码
Nov 27 Javascript
引入JS文件IE6报语法错误或缺少对象问题的解决方法
Jan 09 Javascript
Node.js中的模块机制学习笔记
Nov 04 Javascript
最简单的JavaScript验证整数、小数、实数、有效位小数正则表达式
Apr 17 Javascript
javascript中sort() 方法使用详解
Aug 30 Javascript
js字符串引用的两种方式(必看)
Sep 18 Javascript
微信小程序实现富文本图片宽度自适应的方法
Jan 20 Javascript
详解vue微信网页授权最终解决方案
Jun 16 Javascript
JS实现烟花爆炸效果
Mar 10 Javascript
JavaScript编码小技巧分享
Sep 17 Javascript
前端vue+express实现文件的上传下载示例
Feb 18 Vue.js
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
1982年日本摄影师镜头下的中国孩子 那无忧无虑的童年
2020/03/12 杂记
初学者入门:细述PHP4的核心Zend
2006/09/05 PHP
ecshop 订单确认中显示省市地址信息的方法
2010/03/15 PHP
基于PHP对XML的操作详解
2013/06/07 PHP
php.ini save_handler 修改不生效的解决办法
2014/07/22 PHP
关于php中的json_encode()和json_decode()函数的一些说明
2016/11/20 PHP
浅谈PHP的反射机制
2016/12/15 PHP
php实现微信公众号企业转账功能
2018/10/01 PHP
laravel5.6中的外键约束示例
2019/10/23 PHP
php array 转json及java 转换 json数据格式操作示例
2019/11/13 PHP
jquery 插件开发方法小结
2009/10/23 Javascript
jQuery源码分析之Event事件分析
2010/06/07 Javascript
js轮播图代码分享
2016/07/14 Javascript
工作中比较实用的JavaScript验证和数据处理的干货(经典)
2016/08/03 Javascript
详解nodejs微信jssdk后端接口
2017/05/25 NodeJs
js定时器实现倒计时效果
2017/11/05 Javascript
浅谈vue首屏加载优化
2018/06/28 Javascript
关于layui导航栏不展示下拉列表的解决方法
2019/09/25 Javascript
原生JavaScript实现拖动校验功能
2020/09/29 Javascript
两个使用Python脚本操作文件的小示例分享
2015/08/27 Python
Python3安装Scrapy的方法步骤
2017/11/23 Python
Python爬虫beautifulsoup4常用的解析方法总结
2019/02/25 Python
Flask模板引擎之Jinja2语法介绍
2019/06/26 Python
kali中python版本的切换方法
2019/07/11 Python
通过python改变图片特定区域的颜色详解
2019/07/15 Python
Banana Republic英国官网:香蕉共和国,GAP集团旗下偏贵族风
2018/04/24 全球购物
生产车间班组长岗位职责
2014/01/06 职场文书
巧克力蛋糕店创业计划书
2014/01/14 职场文书
装饰活动策划方案
2014/02/11 职场文书
环境工程专业自荐信范文
2014/03/18 职场文书
个人廉洁自律承诺书
2014/03/27 职场文书
2014年文学毕业生自我鉴定
2014/04/23 职场文书
学习党的群众路线对照检查材料
2014/09/29 职场文书
课堂打架检讨书200字
2014/11/21 职场文书
python ansible自动化运维工具执行流程
2021/06/24 Python
css3 选择器
2022/05/11 HTML / CSS