基于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 相关文章推荐
jquery select选中的一个小问题
Oct 11 Javascript
js中widow.open()方法使用详解
Jul 30 Javascript
js生成验证码并直接在前端判断
May 15 Javascript
JS封装cookie操作函数实例(设置、读取、删除)
Nov 17 Javascript
jQuery取得iframe中元素的常用方法详解
Jan 14 Javascript
jQuery.uploadify文件上传组件实例讲解
Sep 23 Javascript
JavaScript实现的商品抢购倒计时功能示例
Apr 17 Javascript
vue轮播图插件vue-awesome-swiper的使用代码实例
Jul 10 Javascript
JavaScript实现的文本框placeholder提示文字功能示例
Jul 25 Javascript
详解使用create-react-app添加css modules、sasss和antd
Jul 31 Javascript
JavaScript的变量声明与声明提前用法实例分析
Nov 26 Javascript
Ant-design-vue Table组件customRow属性的使用说明
Oct 28 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 iconv函数的使用详解
2013/06/09 PHP
PHP缓存机制Output Control详解
2014/07/14 PHP
php清除和销毁session的方法分析
2015/03/19 PHP
PhpStorm本地断点调试的方法步骤
2018/05/21 PHP
基于PHP实现用户在线状态检测
2020/11/10 PHP
jquery 操作单选框,复选框,下拉列表实现代码
2009/10/27 Javascript
JQuery获取浏览器窗口内容部分高度的代码
2012/02/24 Javascript
JavaScript中的onerror事件概述及使用
2013/04/01 Javascript
javascript中html字符串转化为jquery dom对象的方法
2015/08/27 Javascript
原生js三级联动的简单实现代码
2016/06/07 Javascript
jquery实现网站列表切换效果的2种方法
2016/08/12 Javascript
Node.js实现兼容IE789的文件上传进度条
2016/09/02 Javascript
jQuery中的AjaxSubmit使用讲解
2016/09/25 Javascript
Highcharts+NodeJS搭建数据可视化平台示例
2017/01/01 NodeJs
微信小程序开发教程-手势解锁实例
2017/01/06 Javascript
谈谈JavaScript数组常用方法总结
2017/01/24 Javascript
使用live-server快速搭建本地服务器+自动刷新的方法
2018/03/09 Javascript
vue+springboot实现项目的CORS跨域请求
2018/09/05 Javascript
vue项目中使用particles实现粒子背景效果及遇到的坑(按钮没有点击响应)
2020/02/11 Javascript
maptalks+three.js+vue webpack实现二维地图上贴三维模型操作
2020/08/10 Javascript
React实现todolist功能
2020/12/28 Javascript
Python+Selenium+phantomjs实现网页模拟登录和截图功能(windows环境)
2019/12/11 Python
Html5新增标签与样式及让元素水平垂直居中
2019/07/11 HTML / CSS
HTML5 body设置全屏背景图片的示例代码
2020/12/08 HTML / CSS
香港太阳眼镜网上商店:SmartBuyGlasses香港
2016/07/22 全球购物
美国一家主营日韩美妆护肤品的在线商店:iMomoko
2016/09/11 全球购物
德国滑雪和户外用品网上商店:XSPO
2019/10/30 全球购物
西班牙购买隐形眼镜、眼镜和太阳镜网站:Lentiamo.es
2020/06/11 全球购物
记者岗位职责
2014/01/06 职场文书
职业规划书如何设计?
2014/01/09 职场文书
幼儿运动会邀请函
2014/01/17 职场文书
学生会宣传部部长竞选演讲稿
2014/04/25 职场文书
党的群众路线教育实践活动个人承诺书
2014/05/22 职场文书
老龄工作先进事迹
2014/08/15 职场文书
2014年重阳节敬老活动方案
2014/09/16 职场文书
初中家长评语大全
2014/12/26 职场文书