jQuery源码分析-事件处理-Event


清明节的这段时间,公司空余时间还是挺多。自己也把jQuery有关的event相关源码做了详细的研读。 这里就按照自己对源码的整个研读过程,记录下自己的总结成果。
主要想通过以下几个版块记录:

1. JS原生event事件的相关基础知识汇总
2. 学习并深刻理解dean.edwards 在05年写的addEvent库源码.( 它是jquery中event实现思想基础 )
3. 总结记录自己测试demo(这是自己在研读jQuery源码时用的demo,通过这些覆盖每个api函数的demo,不断的单步调试,进而了解每句源码的真正含义),文章中包含下载链接。
4. 组织提取jQuery的event源码结构
5. 最后根据源码结构,附上相应的自己注释版jQuery的event代码

如果有任何意见或批评,欢迎大家提出评论。
阅读全文>>

 

html5&css3学习计划

一直以来自己对html5及css3技术都不是很熟悉,在阿里工作中也没特别去使用,甚至于都没真正的去写过一个完全基于html5 doctype的页面。因为阿里巴巴的项目页面都是面对广大中国用户的,毕竟还都是需要兼容ie6的。但换工作到盛大后,这里的环境就不一样了,现在做的很多项目都是给公司内部员工用的,所以自己开发页面的自由度提高了,不需要兼容所有的ie的一套,可以说是html5和css3展示的很好的舞台,(甚至目前自己在维护的一套BDAP系统,只要满足的推荐的chrome系统,所以开发时可以毫不犹豫webkit独有的css3属性)。这也促使了自己应该好好学习下,html5和css3。 通过自己在晚上搜了下资源,给自己制定了下学习计划~~

目标: 学习 html5 和 css3 技术, 改版自己博客,成为html5 和 css3 的展示舞台。

阅读全文>>

 

jQuery.event 事件管理工具函数源码注释版

该部分的代码时jQuery的event源码的基础部分,理解了这块的源码,其他部分就小菜啦~~
代码如下:
阅读全文>>

 

addEvent库源码分析(dean.edwards )

一、addEvent库源码

该库是dean.edwards 在05年写的addEvent库源码, 读jQuery源码时,会看见源码中会有注释也提到该库。虽然比较古董,但它是jquery中event实现思想基础,是event的最简单实现版本。 在读懂了这个源码之后,在分析jquery的event源码实现会比较容易上手。
这里附上该库的源码(作者线上原地址), 本人的注释地址如下:
阅读全文>>

 

读jQuery源码–解读sizzle

本文参照 [原创] jQuery源码分析-04 选择器-Sizzle-工作原理:http://www.cnblogs.com/nuysoft/archive/2011/11/14/2247967.html,该文给我理解sizzle源码提供了很大的帮助,经典之作,在此感谢博主。

在分析Sizzle源码之前,先整理一下选择器的工作原理

先明确选择器中用到的名词,后边阅读时不会有歧义:
选择器表达式: “div > p”
块表达式: “div” “p”
并列选择器表达式: “div, p”
块分割器: Sizzle中的chunker正则,对选择器表达式从左向右分割出一个个块表达式
查找器: 对块表达式进行查找,找到的DOM元素数组叫候选集
过滤器: 对块表达式和候选集进行过滤
关系过滤器: 对块表达式之间的关系进行过滤,共有四种关系:”+” 紧挨着的兄弟关系;”>” 父子关系;”" 祖先关系;”~” 之后的所有兄弟关系
候选集: 查找器的结果,待过滤器进行过滤
映射集: 候选集的副本,过滤器和关系过滤器对映射集进行过滤
阅读全文>>

 
第 1 页,共 13 页1234510...末页 »

Powered by WordPress | Theme by xj web design | TOP 返回

Copyright @两个XJ故事 All rights reserved.