WEB开发网
开发学院网页设计JavaScript Jquery源码分析---导言 阅读

Jquery源码分析---导言

 2010-09-14 13:36:54 来源:WEB开发网   
核心提示: 细化一下:1、我们可以把attribute,class,style都看作是是属性的操作,还有expando的自定义的属性,Jquery源码分析---导言(3),这就涉及到jquery.data,2、对dom元素的内容,这是站在设计Jquery的角度去分析,想了很久,什么是内容,innerH

细化一下:

1、我们可以把attribute,class,style都看作是是属性的操作,还有expando的自定义的属性。这就涉及到jquery.data。

2、对dom元素的内容。什么是内容。innerHtml是。all childNodes也是,value也可以算。对于内容的操作就有追加,插入,前插,后插,内部前插和内部后插。那当然不能少了clone,remove这些操作。

3、CSS是可以在dom元素中单独出来分成一块来做分析的。对于css的操作,不就是height,width,innerHeight,innerWidth,out(height,widith)的操作,还有元素的位置(position,offset),display or not。这就是对于CSS的操作。

4、Event也是元素的操作中的一部分。这一部分除了addEvent,fireEvent,removeEvent,和domready就没有别的啦。

5、Ajax是给元素从服务器中找内容填充的。真正用到最多不还是load吗,对于getScript,getJson之类全都是在jQuery.ajax的函数的基础而出来。

6、Fx可以看做是CSS的操作。但是其又高于CSS。对于FX,最基本不就show,hide,slide(down,up),fade(in,out)这几种用法。无论什么用法,都基于时间的长短映射到元素CSS的属性值的对对应比率的大小。采用setInterval间隔来运行就形成了动画。这就animate()函数。所有效果的发源地。

想想整个jquery就是这么简单。当然如果没有去身体力行去自己分析,无论什么教程都是没有用的。

其实query-->manipulate是表层的东西。还有一个高层的就是expand。这涉及到一个lib的架构与设计。

这部分我们可以从源码的角度去解读对于js lib的架构。

除了扩展性(extend)之后,一个lib肯定是要花大力气去考虑它的性能。

考虑它的内存使用。

这是站在设计Jquery的角度去分析。

想了很久,但是这一部分还没有写入目前的源码分析中。

文章来源:http://jljlpch.javaeye.com/category/37744

上一页  1 2 3 

Tags:Jquery 源码 分析

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接