2014 年 7月随笔档案 - 【艾伦】

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

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

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

简单动画实现代码

摘要：动画的实现原型点击JS (function($) { window.

=

$=$ ;})(function() { var rquickExpr = /^(?:#([\w-]*))$/; function aQuery(selector) { return new aQuery.fn.init(selector); } /** * 动画 ... 阅读全文

posted @ 2014-07-21 16:22 【艾伦】阅读(2996) 评论(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 【艾伦】阅读(1767) 评论(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 【艾伦】阅读(1395) 评论(0) 推荐(0) 编辑

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

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

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

CSS 性能

摘要：http://boagworld.com/dev/why-you-should-care-about-css-page-performance/http://css-tricks.com/efficiently-rendering-css/https://developers.google.com/... 阅读全文

posted @ 2014-07-15 18:39 【艾伦】阅读(669) 评论(1) 推荐(4) 编辑

CSS选择器的浏览器支持

摘要：CSS1CSS2CSS 3:hover 在IE6中只有a元素可用。E:empty 貌似在webkit核心浏览器中有些小bug。如果这个bug依然存在，不太确定如何测试。IE6不支持.class1{}.class2{}双类选择器。IE8注意事项：E[attr]选择器在值为空的时候或者写错的时候，将不会... 阅读全文

posted @ 2014-07-15 17:25 【艾伦】阅读(12805) 评论(1) 推荐(5) 编辑

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

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

posted @ 2014-07-14 18:01 【艾伦】阅读(2986) 评论(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 【艾伦】阅读(2705) 评论(0) 推荐(0) 编辑

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

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

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

JavaScript与有限状态机

摘要：有限状态机（Finite-state machine）是一个非常有用的模型，可以模拟世界上大部分事物。简单说，它有三个特征： * 状态总数（state）是有限的。 * 任一时刻，只处在一种状态之中。 * 某种条件下，会从一种状态转变（transition）到另一种状态。它对JavaS... 阅读全文

posted @ 2014-07-10 13:27 【艾伦】阅读(651) 评论(0) 推荐(1) 编辑

简单的动画队列模型

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

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

DOM对象模型四大基本接口

摘要：本文向大家描述一下DOM对象模型的四个基本接口，在DOM对象模型接口规范中，有四个基本的接口：Document，Node，NodeList以及NamedNodeMap。在DOM对象模型接口规范中，有四个基本的接口，在这四个基本接口中，Document接口是对文档进行操作的入口，它是从Node接口继承... 阅读全文

posted @ 2014-07-10 10:01 【艾伦】阅读(3115) 评论(1) 推荐(1) 编辑

jQuery选择器总结

摘要：jQuery 的选择器可谓之强大无比，这里简单地总结一下常用的元素查找方法

("#myELement") 选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素

$("#myELement") 选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素$ ("div") 选择所有的div标签元... 阅读全文

posted @ 2014-07-09 16:34 【艾伦】阅读(636) 评论(0) 推荐(3) 编辑

ES6新特性概览

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

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

ECMAScript 位运算符

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

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

积分与排名

随笔分类 (320)

随笔档案 (265)

阅读排行榜

评论排行榜

推荐排行榜

最新评论