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

Posted on 2012/04/06 by rocketxujia  评论[0]  -jQuery, 前端技术


清明节的这段时间，公司空余时间还是挺多。自己也把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学习计划

Posted on 2012/04/20 by rocketxujia  评论[0]  -未分类

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

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

阅读全文>>

 

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

Posted on 2012/04/06 by rocketxujia  评论[0]  -jQuery, 前端技术

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

 

addEvent库源码分析（dean.edwards ）

Posted on 2012/04/06 by rocketxujia  评论[0]  -ajax库, 前端技术

一、addEvent库源码

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

 

读jQuery源码–解读sizzle

Posted on 2012/03/13 by rocketxujia  评论[0]  -jQuery, 前端技术

本文参照 [原创] 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.