基于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代码
Mar 21 Javascript
js的.innerHTML = ""IE9下显示有错误的解决方法
Sep 16 Javascript
javascript中处理时间戳为日期格式的方法
Jan 02 Javascript
jQuery使用animate创建动画用法实例
Aug 07 Javascript
辨析JavaScript中的Undefined类型与null类型
May 26 Javascript
JavaScript知识点总结(十六)之Javascript闭包(Closure)代码详解
May 31 Javascript
js模拟微博发布消息
Feb 23 Javascript
Angular2使用Guard和Resolve进行验证和权限控制
Apr 24 Javascript
基于JavaScript实现瀑布流布局
Aug 15 Javascript
vue-cli3+typescript初体验小结
Feb 28 Javascript
如何使用JavaScript实现栈与队列
Jun 24 Javascript
JS面向对象之单选框实现
Jan 17 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
多人战的战术与战略
2020/03/04 星际争霸
PHP setTime 设置当前时间的代码
2012/08/27 PHP
Laravel 5框架学习之模型、控制器、视图基础流程
2015/04/08 PHP
PHP提取字符串中的手机号正则表达式怎么写
2017/07/17 PHP
5 cool javascript apps
2007/03/24 Javascript
基于JavaScript怎么实现让歌词滚动播放
2015/11/03 Javascript
JQuery给select添加/删除节点的实现代码
2016/04/26 Javascript
表单input项使用label同时引用Bootstrap库导致input点击效果区增大问题
2016/10/11 Javascript
jquery select2的使用心得(推荐)
2016/12/04 Javascript
快速实现jQuery多级菜单效果
2017/02/01 Javascript
Bootstrap3多级下拉菜单
2017/02/24 Javascript
微信小程序实战之仿android fragment可滑动底部导航栏(4)
2020/04/16 Javascript
JavaScript实现自动跳转文本功能
2017/05/25 Javascript
javascript+html5+css3自定义提示窗口
2017/06/21 Javascript
详解vue挂载到dom上会发生什么
2019/01/20 Javascript
JavaScript中的null和undefined用法解析
2019/09/30 Javascript
原生js实现html手机端城市列表索引选择城市
2020/06/24 Javascript
vue 使用async写数字动态加载效果案例
2020/07/18 Javascript
python实现分析apache和nginx日志文件并输出访客ip列表的方法
2015/04/04 Python
浅谈Python中数据解析
2015/05/05 Python
python条件变量之生产者与消费者操作实例分析
2017/03/22 Python
pandas中去除指定字符的实例
2018/05/18 Python
PyTorch学习笔记之回归实战
2018/05/28 Python
美国市场上最实惠的送餐服务:Dinnerly
2018/03/18 全球购物
美国家居装饰和豪华家具购物网站:One Kings Lane
2018/12/24 全球购物
行政主管岗位职责
2013/11/18 职场文书
大学生职业生涯规划范文
2014/01/22 职场文书
2014厂务公开实施方案
2014/02/17 职场文书
环境日宣传活动总结
2014/07/09 职场文书
办公室文员工作自我鉴定
2014/09/19 职场文书
初中班主任工作随笔
2015/08/15 职场文书
小学主题班会教案
2015/08/17 职场文书
创业计划书之闲置物品置换中心
2019/12/25 职场文书
HTML+css盒子模型案例(圆,半圆等)“border-radius” 简单易上手
2021/05/10 HTML / CSS
MySQL 分组查询的优化方法
2021/05/12 MySQL
Nginx 配置 HTTPS的详细过程
2022/05/30 Servers