其他 - 随笔分类(第2页) - 【艾伦】

移动开发框架剖析(一) Hammer专业的手势控制

摘要：一直在写jQuery的源码教程，都没时间研究别的框架了。Hammer是我项目御用的一个手势库，早期1.x版本的swipe事件的响应不灵敏的问题而改过源码，2.x就已经更正过来，而且源码的结构也整个翻新了一遍，不管从逻辑还是组织结构上，我个人都觉得有必要深入，所以就当作一个系列教程一起学习吧。本章主要... 阅读全文

posted @ 2014-10-14 17:10 【艾伦】阅读(19235) 评论(8) 推荐(17) 编辑

博客园“可运行"代码

摘要：textarea这里放入运行的Html代码。三个按钮阅读全文

posted @ 2014-09-09 22:28 【艾伦】阅读(980) 评论(4) 推荐(3) 编辑

jQuery的Internal DSL

摘要：JQuery的核心理念是write less,do more(写的更少,做的更多)，那么链式方法的设计与这个核心理念不谋而合。那么从深层次考虑这种设计其实就是一种Internal DSL。DSL是指Domain Specific Language，也就是用于描述和解决特定领域问题的语言我们贴一段代码... 阅读全文

posted @ 2014-08-04 16:28 【艾伦】阅读(693) 评论(1) 推荐(1) 编辑

sizzle分析记录: 自定义伪类选择器

摘要：可见性:hidden:visible隐藏对象没有宽高，前提是用display:none处理的jQuery.expr.filters.hidden = function( elem ) { // Support: Opera -1; };}),取空递归这个节点，排除nodeType大于6... 阅读全文

posted @ 2014-07-22 10:32 【艾伦】阅读(1587) 评论(1) 推荐(2) 编辑

简单动画实现代码

摘要：动画的实现原型点击JS (function($) { window.$ = $;})(function() { var rquickExpr = /^(?:#([\w-]*))$/; function aQuery(selector) { return new aQuery.fn.init(selector); } /** * 动画 ... 阅读全文

posted @ 2014-07-21 16:22 【艾伦】阅读(2989) 评论(0) 推荐(5) 编辑

sizzle分析记录：分解流程

摘要：Name: Newsletter: 1 2 3 js$("form div > p[name=aaron]")解析的流程：编译器：分5个步骤涉及： TAG元素关系选择器属性选择器1:通过tokenize词法分析器分组2:遍历tokens，从右边... 阅读全文

posted @ 2014-07-21 12:08 【艾伦】阅读(1758) 评论(5) 推荐(6) 编辑

sizzle分析记录：属性选择器

摘要：源码部分通过Sizzle.attr匹配出值然后通过表达式刷选计算 "ATTR": function( name, operator, check ) { return function( elem ) { var result = Sizzle.attr( elem, name ); if ( result == null ) { ... 阅读全文

posted @ 2014-07-19 18:00 【艾伦】阅读(1387) 评论(0) 推荐(0) 编辑

sizzle分析记录：关于querySelectorAll兼容问题

摘要：querySelector和querySelectorAll是W3C提供的新的查询接口目前几乎主流浏览器均支持了他们。包括 IE8(含) 以上版本、 Firefox、 Chrome、Safari、Opera。万能的sizzle在高版本的浏览器中复杂的选择器尽量走querySelectorAll，前... 阅读全文

posted @ 2014-07-16 13:53 【艾伦】阅读(8127) 评论(1) 推荐(3) 编辑

sizzle分析记录：词法分析器(tokenize)

摘要：词法分析器(tokenize)？词法分析器又称扫描器。词法分析是指将我们编写的文本代码流解析为一个一个的记号，分析得到的记号以供后续语法分析使用。sizzle引入了tokenize这个概念，意义?jQuery的选择器，实现了css1-css3的API，但是ECMAScript低版本的API中本身没有... 阅读全文

posted @ 2014-07-14 18:01 【艾伦】阅读(2954) 评论(1) 推荐(2) 编辑

sizzle分析记录：getAttribute和getAttributeNode

摘要：部分IE游览器下无法通过getAttribute取值？ alert(form.getAttribute('name')); IE6、7中错误 alert(form.getAttributeNode('name').nodeValue);看看jQ的解决方案能力判断 support.attributes = assert(function( div ) { div.c... 阅读全文

posted @ 2014-07-11 09:57 【艾伦】阅读(2701) 评论(0) 推荐(0) 编辑

各浏览器Iframe对contentWindow、contentDocument、document及frames属性测试

摘要：Iframe易于嵌套及管理页面，但经常遇到跨域、父子页面访问问题，对于子页面访问父页面可以兼容性地通过window.Top或window.Parent或window.frameElement等操作，但对于标题中四个对象，一直没有完整测试过，故买个苦力，分享给大家。结论： 1. 就浏览器而言(横向)，... 阅读全文

posted @ 2014-07-10 17:06 【艾伦】阅读(4019) 评论(0) 推荐(2) 编辑

简单的动画队列模型

摘要：给新手写了一个便于理解的动画链式 var anmin = {} anmin.list = []; anmin.run = function(nextfun){ anmin.list.push(nextfun); //加入动画正在触发 (function fire() { if (!anmin.fireing) { ... 阅读全文

posted @ 2014-07-10 10:46 【艾伦】阅读(541) 评论(2) 推荐(2) 编辑

ES6新特性概览

摘要：本文基于lukehoban/es6features ，同时参考了大量博客资料，具体见文末引用。ES6（ECMAScript 6）是即将到来的新版本JavaScript语言的标准，代号harmony(和谐之意，显然没有跟上我国的步伐，我们已经进入中国梦版本了)。上一次标准的制订还是2009年出台的ES... 阅读全文

posted @ 2014-07-08 13:43 【艾伦】阅读(876) 评论(1) 推荐(2) 编辑

ECMAScript 位运算符

摘要：位运算符是在数字底层（即表示数字的 32 个数位）进行操作的。重温整数ECMAScript 整数有两种类型，即有符号整数（允许用正数和负数）和无符号整数（只允许用正数）。在 ECMAScript 中，所有整数字面量默认都是有符号整数，这意味着什么呢？有符号整数使用 31 位表示整数的数值，用第 32... 阅读全文

posted @ 2014-07-07 15:40 【艾伦】阅读(517) 评论(1) 推荐(1) 编辑

jQuery源码分析系列(39) : 动画队列

摘要：data函数在jQuery中只有短短的300行代码，非常不起点，剖析源码的时候你会发现jQuery只要在有需要保存数据的地方无时无刻不依赖这个基础设施动画会调用队列，队列会调用data数据接口还保存队列里面的的动画数据所以我们在自习回顾下关于数据缓存//These may be used thro... 阅读全文

posted @ 2014-06-30 10:47 【艾伦】阅读(5489) 评论(3) 推荐(7) 编辑

浏览器的工作原理：新式网络浏览器幕后揭秘

摘要：转：http://new.w3ctech.com/topic/48序言这是一篇全面介绍 Webkit 和 Gecko 内部操作的入门文章，是以色列开发人员塔利·加希尔大量研究的成果。在过去的几年中，她查阅了所有公开发布的关于浏览器内部机制的数据（请参见资源），并花了很多时间来研读网络浏览器的源代码。... 阅读全文

posted @ 2014-06-30 08:27 【艾伦】阅读(947) 评论(1) 推荐(4) 编辑

jQuery源码分析系列(38) : 队列操作

摘要：Queue队列，如同data数据缓存与Deferred异步模型一样，都是jQuery库的内部实现的基础设施Queue队列是animate动画依赖的基础设施,整个jQuery中队列仅供给动画使用Queue队列队列是一种特殊的线性表，只允许在表的前端（队头）进行删除操作（出队），在表的后端（队尾）进行插... 阅读全文

posted @ 2014-06-25 09:49 【艾伦】阅读(5657) 评论(6) 推荐(7) 编辑

jQuery源码分析系列(36) : Ajax - 类型转化器

摘要：什么是类型转化器？jQuery支持不同格式的数据返回形式，比如dataType为 xml, json,jsonp,script, or html但是浏览器的XMLHttpRequest对象对数据的响应只有 responseText与responseXML 二种所以现在我要定义dataType为jso... 阅读全文

posted @ 2014-06-18 11:39 【艾伦】阅读(4047) 评论(4) 推荐(6) 编辑

jQuery源码分析系列(35) : Ajax - jsonp的实现与原理

摘要：ajax的核心是通过XmlHttpRequest获取非本页内容，而jsonp的核心则是动态添加然后php方就会执行backfunc(传递参数);所以流程就会分二步：1：针对jsonp的预处理，主要是转化拼接这些参数，然后处理缓存，因为jsonp的方式也是靠加载script所以要关闭浏览器缓存insp... 阅读全文

posted @ 2014-06-13 15:24 【艾伦】阅读(11011) 评论(10) 推荐(10) 编辑

jQuery源码分析系列(33) : AJAX中的前置过滤器和请求分发器

摘要：jQuery1.5以后，AJAX模块提供了三个新的方法用于管理、扩展AJAX请求，分别是：1.前置过滤器 jQuery. ajaxPrefilter2.请求分发器 jQuery. ajaxTransport，3.类型转换器 ajaxConvert源码结构：jQuery.extend({ /**... 阅读全文

posted @ 2014-06-09 11:16 【艾伦】阅读(5216) 评论(4) 推荐(12) 编辑

随笔分类 - 其他