快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

javascript封库,JavaScript库有哪些

javascript库主要有哪些

javascript主要的库有 mootools, jquery, prototype, extjs, dojo.

创新互联建站专注于企业网络营销推广、网站重做改版、拜城网站定制设计、自适应品牌网站建设、H5高端网站建设成都做商城网站、集团公司官网建设、成都外贸网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为拜城等各大城市提供网站开发制作服务。

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

为了取得技术优势,微软推出了JScript,CEnvi推出ScriptEase,与JavaScript同样可在浏览器上运行。为了统一规格,因为JavaScript兼容于ECMA标准,因此也称为ECMAScript。

如何编写JavaScript脚本库

做Web开发已经四年,或多或少积累了一些JavaScript脚本。比如,限制input只允许输入数字的脚本;敲回车自动转到下一个控件,相当于Tab键的作用一样;因为JavaScript数值运算的结果常常不是我们想要的,还得有浮点数运算(加减乘除)函数。每次有JavaScript需求时,常常是在网上找需要的脚本,直接拷贝到aspx文件中,或者新建JavaScript文件,然后添加引用

script src="JScript.js" type="text/javascript"/script ,以这种方式来完成客户端脚本的制作。毕竟对JavaScript的需求不多,也就没有花很大的力气去学。

最近公司的项目不忙,空闲的时间赶忙补习一下脚本的知识。网上有很流行的JQuery脚本库,在园子里也有大量的文章讨论怎么去用。以我亲身体会,JavaScript和正则表达式一样,常学常忘。学过的知识不用,很快就会忘记。特别是和应用相关的内容,比如PageMethods怎么用,客户短回调如何实现,如何用JavaScript调用Web服务,在项目中用过多次,但是一被同事问起来,还是模模糊糊的,很难说出个所以然来。我有一个办法是制作demo,把各种效果的demo做好,分门别类的放在一起,然后用的时候去搜索,这样可以节省很多时间。另外一种办法就是今天这篇文章提到的,把做过的JavaScript整理一下,制作成比较通用的脚本库,方便复用。整理的含义是,对函数进行适当的调整,让它能不仅能满足当前项目的需求,还要能满足未来项目的需求,另一个含义是要规范命名和组织结构,写好样例代码,用起来的时候方便。有时候在网上下载了很多JavaScript实用脚本,但是忘记下载它的测试脚本,不知道怎么去用,还不如到网上重新搜索来得方便。

JavaScript被定义为一种基于对象的脚本语言,一方面它以DOM对象模型和DOM对象中的方法为基础,另一方面,它又不具备面向对象语言的继承,多态的特性。ASP.NET AJAX对JavaScript进行了扩展,使我们可以以面向对象的方式来组织JavaScript脚本。我这里的主要工作是封装,把现有的代码封装起来,方便下次复用。于是,有两种方法来组织现有的JavaScript代码库。

我以JavaScript中倍受争议的浮点运算中的加法和减法运算为例子,看看如何把它们封装起来

JavaScript风格

function Math() { }

//加法

Math.prototype.Add=function(arg1,arg2){

var r1,r2,m;

try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0}

try{r2=arg2.toString().split(".")[1].length}catch(e){r2=0}

m=Math.pow(10,Math.max(r1,r2))

return (arg1*m+arg2*m)/m

}

//减法

Math.prototype.Subtraction=function(arg1,arg2){

var r1,r2,m,n;

try{r1=arg1.toString().split(".")[1].length}catch(e){r1=0}

try{r2=arg2.toString().split(".")[1].length}catch(e){r2=0}

m=Math.pow(10,Math.max(r1,r2));

n=(r1=r2)?r1:r2;

return ((arg1*m-arg2*m)/m).toFixed(n);

}

调用方式

var math=new Math();

var result=math.Add(2.0,4.0);

AJAX风格

Type.registerNamespace(“Utility”);

Utility.Math=function(larg,rarg)

{

this._left=larg;

this._right=rarg;

}

Utility.Math.prototype=

{

//加法函数

Add:function ()

{

var r1,r2,m;

try{r1=left.toString().split(".")[1].length}catch(e){r1=0}

try{r2=right.toString().split(".")[1].length}catch(e){r2=0}

m=Math.pow(10,Math.max(r1,r2))

return (left*m+right*m)/m

}

//减法函数

Subtraction: function(){

var r1,r2,m,n;

try{r1=left.toString().split(".")[1].length}catch(e){r1=0}

try{r2=right.toString().split(".")[1].length}catch(e){r2=0}

m=Math.pow(10,Math.max(r1,r2));

n=(r1=r2)?r1:r2;

return ((left*m-right*m)/m).toFixed(n);

}

}

//注册类

Utility.Math.registerClass(“Utility.Math”);

然后,在需要的地方,就可以运用下面的方法调用

var math=new Utility.Math(2.0,4.2);

var result=math.Add();

使用上面提出的两种方法,可以方便封装常用的JavaScript,减少重复。

上面的命名有个问题,因为Math是JavaScript内置的一种类型,用于处理各种数学运算,为了让上面的JavaScript风格的脚本运行起来,还得把类名换成其它的名字,如MathHelper。ASP.NET AJAX还对JavaScript的六种类型进行了扩展,分别是Array,Boolean,Date,Error,Object和string.

方法有了,估计还有朋友会说,你应该把自己做的JavaScript库公布出来才行,这样才能满足大众的口味。仅有这个方法,要实践起来还是很困难的:有项目时间紧的理由,每天都忙着做项目,哪里有时间去整理这个,也有不熟悉JavaScript的理由。

为了让我的类库不至于很菜,我到网上找了些关于写好JavaScript库的建议。

有一篇文章的名字叫《Building a JavaScript Library》,本来写这篇文章之前很想看看他是怎么写的,可是网页中一直提示正在加载文件,无法查看。很想知道老外对于同样的主题,他是怎么写的。

1 使用方法不要过于繁琐。

2 避免使用Object.prototype

3 不要做过度的扩展

4 遵守标准。

5 向优秀的JavaScript创作者看齐

6 保持灵活可变 7 管理好内存,避免内存泄露。

8 避免与浏览器相关的hack

9 保持类库简洁

10 让类库保持可预知。比如,虽然没有查看文档,也应该能猜测到Math是处理和数学运算相关的内容

11 加分的规则:文档;尽可能多的使用命名空间组织代码,使之容易被记住;

我的水平很一般的,很普通的一个程序员。所以,不要向我要代码。我给你了,你还要花时间去看;而且我的代码没有文档,你读不懂怎么办呢。与其这样,为何不把你自己手头有的JavaScript 整理一下,况且你手里头有的JavaScript ,被你实际用过,你对他肯定熟悉。也不要推荐JQuery,它不是我的目的。

我的目的是教你组织整理现有的JavaScript 脚本库,把手头已有资源用好就很不错了。

更多相关内容可参考资料

js库是什么?有什么作用?

就是javascript标签库啦,包含对BOM和DOM的对象操作和方法调用。

另外JQuery也是现在正在风靡和流行的js库,都是封装好的方法和效果实现。

祝你好运。

javascript库与javascript

库是对语言的一种封装,使得JavaScript在不同的浏览器下表现达到一致

如果不使用js库,需要自己写兼容各个浏览器的代码

由于在开发时,需要兼容各种浏览器,并且很多的基本功能都是一样的,会大量的复用,如果不使用封装好的js库,就需要反复的复制粘贴相同的代码

jQuery不可以完全代替JavaScript原生,jQuery中只是封装了常用的一些操作,对html的一些新特性没有支持(有些jQuery插件会支持,但不全)

如地理定位、全屏、canvas、调取摄像头麦克风、调手机振动器、读取设备电池信息等HTML5的新增Js API,这些暂时只能用原生的JavaScript写,也可以用其他人封装好的相关js库写。

jQuery本质就是对常用js代码的封装,其他所有的JavaScript库都是对js的封装,没有本质的区别只是方便使用

js仓库什么意思

就是javascript标签的封装,可以对BOM和DOM的对象操作和方法调用。

JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式。

JavaScript在1995年由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

相关拓展

js主要功能:

1.嵌入动态文本于HTML页面。

2.对浏览器事件做出响应。

3.读写HTML元素。

4.在数据被提交到服务器之前验证数据。

5.检测访客的浏览器信息。控制cookies,包括创建和修改等。

6.基于Node.js技术进行服务器端编程。

以上内容参考 百度百科-JavaScript


本文名称:javascript封库,JavaScript库有哪些
路径分享:http://6mz.cn/article/dsioeih.html

其他资讯