编写Javascript类库（jQuery版
本系列文章目录：http://www.cnblogs.com/lzhdim/category/277150.html
这些年主要关注于项目管理方面的工作，编码就比较少了。这几天比较空闲，就想把原来的经验沉淀下来，一个是做好记录，以后如果忘记了还能尽快找回来，第二个是写写博文，算是练练手笔吧。
言归正传，这次写的是Javascript类库。大家都知道，Javacript是一种很有意思的语言。虽然它是前端语言，但是它能做的事情远远超出我们的想象。Javascript同样是一种面向对象的语言，使用它，同样可以自定义对象，同样也具备对象的一些特性，即封装，继承，多态性。同时，Javascript同样也有设计模式，同样能过编写出高质量的代码，虽然在很多时候不是很需要这样。
这次要写的Javascript类库，其实很简单，只是用jQuery插件的方式将各种自定义函数进行封装而已，便于调用。下面是Visual Studio 2013的解决方案图。
这里其实也是定义了Javascript的一种架构，即jQuery的架构方式（基于目录的架构）。后续将会继续补充和完善该jQuery插件的使用方法等等。关于架构方面，以前关注得也相对比较多，但是最近想再翻出来玩玩，所以后续也会陆续有关于.NET架构方面的文章发出。
这次写的类库其实很简单，就是用jQuery封装了一下，使用了Javascript的匿名函数进行的。具体可以看我以前的一片博文：jQuery扩展插件和拓展函数的写法（匿名函数使用的典型例子）。
下面简要对该类库做个说明。先看编写方式说明：
相信有一点Javascript基础的人就能看得懂了。使用方法很简单，就是基于jQuery的匿名函数编写的静态函数而已。
使用方法：$.JSFn.FunctionWithOutParam();
然后开始看代码：
这里用jQuery的extend方法进行了扩展，就是基于这种方式的一种封装。定义了该插件，即函数名称为JSFn，这里没有使用Common，主要是认为这个是Javascript的一些自定义函数，应该封装在函数库中。上面同时定义了PlugInInfo这个静态变量，使用静态变量的方式声明了该类库的一些基本信息。
下面拿一个库中的函数进行下说明：
首先，声明函数名称CheckBrowser，用function匿名函数封装起来。在函数的{号下面添加函数声明注释。
/// <summary>
/// 检测浏览信息
/// </summary>
/// <returns>返回包含浏览器信息的变量</returns>
这里必须这样子添加注释，否则在使用该类库的时候无法取得智能函数提示了。见下图。
下面看看测试用例：
这里只是简单的获取了该类库的一些静态变量的基本信息而已。
上面的测试方法，同样能使用下面的方式进行测试：
使用上面的代码，就能够把该代码插入到页面的任意位置，反正也是在页面各元素控件加载完毕后再执行。
最后，提供该函数类库的下载，欢迎大家添加并共享出来。
http://files.cnblogs.com/lzhdim/JSFn.js
上面简要的描述了基于jQuery匿名函数的Javascript函数类库的编写方法，希望能够对大家有那么点帮助那就够了。
Ps.今天已经周四了，时间过得很快，马上又要到年底了。祝愿在剩下的几个月中能有好的文章写出来。
随笔分类 - 【49】学习者系列文章
关于学习者系列文章的所有内容
posted @ 2014-11-13 09:29 lzhdim 阅读(654) | 评论 (1) 编辑 |
posted @ 2014-04-01 11:40 lzhdim 阅读(26) | 评论 (0) 编辑 |
posted @ 2014-03-31 20:19 lzhdim 阅读(19) | 评论 (0) 编辑 |
posted @ 2014-03-31 18:56 lzhdim 阅读(17) | 评论 (0) 编辑 |
posted @ 2014-03-31 16:28 lzhdim 阅读(12) | 评论 (0) 编辑 |
posted @ 2014-03-31 12:25 lzhdim 阅读(15) | 评论 (0) 编辑 |
posted @ 2014-03-31 11:36 lzhdim 阅读(20) | 评论 (0) 编辑 |
posted @ 2014-03-30 15:51 lzhdim 阅读(14) | 评论 (0) 编辑 |
posted @ 2014-03-30 15:46 lzhdim 阅读(11) | 评论 (0) 编辑 |
posted @ 2014-03-30 11:11 lzhdim 阅读(11) | 评论 (0) 编辑 |
posted @ 2014-03-28 20:32 lzhdim 阅读(11) | 评论 (0) 编辑 |
posted @ 2014-03-28 17:03 lzhdim 阅读(22) | 评论 (0) 编辑 |
posted @ 2014-03-26 18:08 lzhdim 阅读(199) | 评论 (0) 编辑 |
posted @ 2014-03-26 14:59 lzhdim 阅读(18) | 评论 (0) 编辑 |
posted @ 2014-03-26 11:50 lzhdim 阅读(26) | 评论 (0) 编辑 |
posted @ 2014-03-26 11:12 lzhdim 阅读(16) | 评论 (0) 编辑 |
posted @ 2014-03-19 17:42 lzhdim 阅读(18) | 评论 (0) 编辑 |
posted @ 2014-03-17 18:00 lzhdim 阅读(16) | 评论 (0) 编辑 |
posted @ 2014-03-17 15:05 lzhdim 阅读(11) | 评论 (0) 编辑 |
posted @ 2014-01-28 18:14 lzhdim 阅读(1188) | 评论 (8) 编辑 |
posted @ 2014-01-28 17:27 lzhdim 阅读(47) | 评论 (0) 编辑 |
posted @ 2014-01-28 10:51 lzhdim 阅读(26) | 评论 (0) 编辑 |
posted @ 2014-01-27 14:58 lzhdim 阅读(30) | 评论 (0) 编辑 |
posted @ 2014-01-26 17:40 lzhdim 阅读(26) | 评论 (0) 编辑 |
posted @ 2014-01-26 16:45 lzhdim 阅读(28) | 评论 (0) 编辑 |
posted @ 2014-01-25 11:57 lzhdim 阅读(29) | 评论 (0) 编辑 |
posted @ 2014-01-25 11:00 lzhdim 阅读(23) | 评论 (0) 编辑 |
posted @ 2014-01-24 20:04 lzhdim 阅读(20) | 评论 (0) 编辑 |
posted @ 2010-12-28 15:47 lzhdim 阅读(642) | 评论 (0) 编辑 |
posted @ 2010-12-27 21:11 lzhdim 阅读(1520) | 评论 (11) 编辑 |
posted @ 2010-12-23 15:13 lzhdim 阅读(3131) | 评论 (11) 编辑 |
Austin Liu 刘朝辉
Project Manager and Software Designer
E-Mail：lzhdim@163.com
Blog： http://lzhdim.cnblogs.com
编写Javascript类库（jQuery版的更多相关文章
- 编写Javascript类库（jQuery版） - 进阶者系列 - 学习者系列文章
这些年主要关注于项目管理方面的工作,编码就比较少了.这几天比较空闲,就想把原来的经验沉淀下来,一个是做好记录,以后如果忘记了还能尽快找回来,第二个是写写博文,算是练练手笔吧. 言归正传,这次写的是Ja ...
- 编写javascript、Jquery的String.format();
在javascript.Jquery里面好像是没有String.format();这个函数的,所以我们在拼接字符串的时候就特别的辛苦,生怕又打错,而且又乱,所以就自己去写一个函数来代替. String ...
- JavaScript类库---JQuery（一）
1.基础: Jquery类库定义了一个全局函数:JQuery(); 别名$.是JQuery在全局命名空间中定义的唯一两个变量.返回一个新创建的JQuery对象: 另:JQuery中定义的许多方法返回值 ...
- 表单验证——JavaScript和Jquery版
1.轻量级的JavaScript表单验证 在应用中引用 validator.min.js 文件 <script type="text/javascript" src=&quo ...
- JavaScript类库---JQuery(二)
接上: 6.Ajax: 一个基础底层函数:jQuery.ajax(); //高级工具函数都会调用此函数: 一个高级工具方法:load() ; 四个高级工具函数:jQuery.getScript ...
- 最流行的JavaScript库jQuery不再支持旧版IE
直到JQuery2.0的发布,流行的jQuery JavaScript库到了一个重要里程碑.2.0版本比前任版本在大小上缩减了12%,但是更大的新闻是,jQuery 2.0不在对IE6,7,8三个版本 ...
- 【javascript类库】zepto和jquery的md5加密插件
[javascript类库]zepto和jquery的md5加密插件 相信很多人对jQuery并不陌生,这款封装良好的插件被很多开发者使用. zepto可以说是jQuery在移动端的替代产品,它比jQ ...
- 《JavaScript和jQuery实战手册（原书第2版）》——2.1节语句
2.1 语句JavaScript语句是基本的编程单元,通常表示JavaScript程序中的单个步骤.可以把一条语句看做一个句子一样,就好像成串的句子一起组成一个段落(或一章,或一本书)一样,把语句组合 ...
- javascript 框架、根基技巧、布局、CSS、控件 JavaScript 类库
预筹备之 JavaScript 今朝支流的 JavaScript 框架排名中,jQuery 和 Ext 可算是佼佼者,得到了用户的普遍好评.海内的一些框架许多也是模仿 jQuery 对 JavaScr ...
随机推荐
- SQL开发中容易忽视的一些小地方(四)
原文:SQL开发中容易忽视的一些小地方(四) 本篇我想针对网上一些对于非聚集索引使用场合的某些说法进行一些更正. 下面引用下MSDN对于非聚集索引结构的描述. 非聚集索引结构: 1:非聚集索引与聚集索 ...
- java 生产者消费者问题 并发问题的解决（转）
引言 生产者和消费者问题是线程模型中的经典问题:生产者和消费者在同一时间段内共用同一个存储空间,如下图所示,生产者向空间里存放数据,而消费者取用数据,如果不加以协调可能会出现以下情况: 生产者消费者图 ...
- SVD在推荐系统中的应用
一.奇异值分解SVD 1.SVD原理 SVD将矩阵分为三个矩阵的乘积,公式: 中间矩阵∑为对角阵,对角元素值为Data矩阵特征值λi,且已经从大到小排序,即使去掉特征值小的那些特征,依然可以很好地重构 ...
- 试图加载格式不正确的程序。 (Exception from HRESULT: 0x8007000B)
原文:试图加载格式不正确的程序. (Exception from HRESULT: 0x8007000B) 今天在电脑上部署公司的项目,出现这个错误.Bing后,找到原来是因为项目是32位的,而我的系 ...
- don't touch your phone in any unfamiliar way（转）
直到这两天 Chainfire 说,他正尝试在不修改手机 /System 分区的情况下获取 Android 系统 Root 权限,我才想起他在今年 9 月轻描淡写地提到自己已经把 SuperSU 卖给 ...
- UML对象图和包图
UML九已经介绍过的基本图,然后,我们再来看看对象图和包图. 一.对象图 谈到对象.我们不得不说一下对象.对象(Object)是对象类的实例(Instance),用于模型化特定的实体.对象是唯一的. ...
- OCP读书笔记(27) - 题库(ExamG)
601.You need to perform a block media recovery on the tools01.dbf data file in the SALES database by ...
- OWIN轻量型框架介绍
OWIN轻量型框架介绍 阅读目录 引言 框架的特色 如何启动 各项功能 静态路由的3种写法 伪静态路由的支持 处理Form表单提交的文件 流式处理Post请求的数据 多种请求类型自动识别 响应处理 请 ...
- Routing路由
Routing路由 新版Routing功能介绍 在ASP.NET 5和MVC6中,Routing功能被全部重写了,虽然用法有些类似,但和之前的Routing原理完全不太一样了,该Routing框架不仅 ...
- httppost body的实现， 和body是gb2312等编码的实现
使用的是http4.X 版本,里面推荐使用的post是key value的形式 List<NameValuePair> formparams = new ArrayList<Name ...