编写Javascript类库(jQuery版) - 进阶者系列 - 学习者系列文章

这些年主要关注于项目管理方面的工作,编码就比较少了。这几天比较空闲,就想把原来的经验沉淀下来,一个是做好记录,以后如果忘记了还能尽快找回来,第二个是写写博文,算是练练手笔吧。

言归正传,这次写的是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.今天已经周四了,时间过得很快,马上又要到年底了。祝愿在剩下的几个月中能有好的文章写出来。

时间: 2024-12-05 15:34:24

编写Javascript类库(jQuery版) - 进阶者系列 - 学习者系列文章的相关文章

jQuery插件库代码分享 - 进阶者系列 - 学习者系列文章

这些天将原来在网上找的jQuery插件进行了下整理,特此将代码分享出来给大家. 见下图结构. 对目录结构进行了分类.这里是插件列表. 这里总共收集了20来个插件.还有下面未进行划分的. 下面是DEMO使用示例. 下面是上次的一个示例. 编写Javascript类库(jQuery版) - 进阶者系列 - 学习者系列文章 主要收集了这些个大概能使用到的插件. 下面提供下载地址: http://files.cnblogs.com/lzhdim/JavascriptSLN.rar Ps.今天是周六,天气

VMWare 11安装操作系统 - 初学者系列 - 学习者系列文章

在2010年的时候,我写过一篇关于VMWare的安装操作系统的博文.但是今天在QQ群里有人问起VMWare安装操作系统的问题,虽然回答了,但是回头看了下当时那篇博文,决定重新写一文. 首先要获取VMWare Workstation.这里提供了最新版11的下载,目前还没有出注册机,所以这枚注册码尤其重要.目录中提供了10和11版本的下载,10版本有注册机: http://pan.baidu.com/s/1qW2qnyG 安装VMWare的过程就不描述了,下面开始写安装过程. 1.打开菜单,选择”新

表单验证——JavaScript和Jquery版

1.轻量级的JavaScript表单验证 在应用中引用 validator.min.js 文件 <script type="text/javascript" src="dist/validator.min.js"></script> 实例: <form id="example_form"> <div> <label for="email">邮箱验证</label

JavaScript类库---JQuery(二)

接上: 6.Ajax:  一个基础底层函数:jQuery.ajax();  //高级工具函数都会调用此函数:  一个高级工具方法:load() ;  四个高级工具函数:jQuery.getScript().jQuery.getJSON().$.get() . $.post(); load():是一个方法,向它传入一个URL,它会异步加载该URL的内容,然后将内容插入到选中的元素中,去替换已存在的内容:形如:$("#status").load('status.html'); 如果只想显示

.Net编译之AnyCPU - 进阶者系列 - 学习者系列文章

Visual Studio是一款非常强大的IDE工具,它为我们提供了强大的编码.调试和测试等工具,为我们编好.NET软件提供了强大的支持. 今天早晨想到了Visual Studio编译模式中的CPU类型选项,所以写一下以记录. 从图中可以看到配置项和平台项. 点击“配置管理器”,打开配置窗口. 当然,这里的“活动解决方案配置”可以选择“Debug”和“Release”两项,分别对应调试版本和发布版本.这个在代码中我们可以编写调试代码以进行调试. 在”活动解决方案平台“中,就有”Any CPU”.

.Net类的序列化和反序列化 - 进阶者系列 - 学习者系列文章

今天看了下以前的一个工具的代码,其中涉及到.NET类的序列化和反序列化问题,所以就写一下. 这里说一下.NET类序列化的好处..NET类在序列化之前只是一个相对狭义的类.通过序列化,能够更好的保存该类的形式,也能够更好的通过XML来保存类的内容.通过类的反序列化,我们就能够更好的获取该类的内容,也能够更好的通过XML操作的方式来访问该类的内容. 下面我们来看看类序列化的方法. 这里提供了两个方法.第一个方法很简单,直接传入一个对象,然后通过XmlSerializer类来进行获取该类的内容,为下面

IT软件的编程方向 - 进阶者系列 - 学习者系列文章

IT软件经过了这么些年的发展,已经形成了很多的软件公司和开发团队,而且当前编程语言也有很多种,让开发人员能够有很大的选择.现在国际上的开发阵营基本分为ASP.NET.JAVA和PHP三种,但是每种开发语言能够进行的开发问题是统一的,本文就从IT软件的编程方向出发,介绍下当前主流的开发方向. 一.网站: 现在的互联网,随着电子商务的发展和企业内部办公系统的应用,以及编程语言的三大阵营的发展,已经形成了很多具体应用的网站系统.但是,在企业内部,很多还是使用ASP.NET和JAVA进行的程序设计,PH

安装Windows10操作系统 - 初学者系列 - 学习者系列文章

Windows 10操作系统是目前Windows平台最新的操作系统,其相对于其它旧版的操作系统是一个比较成功的操作系统.微软直接使用10版本号,跳过了9版本号进行发布这款操作系统,说明windows 10操作系统还是有一定的改进和用户体验的. 但是,windows 10操作系统既能够通过光盘进行安装,也能过通过U盘进行安装.今天讲的是如果通过工具安装正版的windows 10操作系统.(使用Vmware虚拟机) 一.下载获取正版windows 10的工具. 首先,我们要使用这个工具(http:/

使用文件恢复软件判断硬盘是否全新 - 初学者系列 - 学习者系列文章

计算机硬盘是大家使用计算机最频繁使用到的一个部件,也是计算机存储机制的重要部件.但是,市场上的硬盘存在着返修货,所以,当我们购买硬盘时,就需要判断硬盘是否是全新的. 今天,我们就使用磁盘文件恢复软件来对硬盘是否全新进行操作判断. 首先,下载一款磁盘文件恢复软件.这里笔者使用的是“佳佳数据恢复专业版”.我们从官网上下载该软件:http://www.jjhuifu.com/download/pro.html . 然后,我们安装并打开该软件. 这里在左边菜单上已经有选项说明了,选择相应的菜单项目然后点