musickog - 博客园

2012年7月23日

摘要：转北晓的太阳还是P话说一句：周六，没地方去，看了会火影，然后接着看点东西，记录之！Web页面运行在各种各样的浏览器当中，浏览器载入、渲染页面的速度直接影响着用户体验简单地说，页面渲染就是浏览器将html代码根据CSS定义的规则显示在浏览器窗口中的这个过程。先来大致了解一下浏览器都是怎么干活的： 1. 用户输入网址（假设是个html页面，并且是第一次访问），浏览器向服务器发出请求，服务器返回html文件； 2. 浏览器开始载入html代码，发现<head>标签内有一个<link>标签引用外部CSS文件； 3. 浏览器又发出CSS文件的请求，服务器返回这个CSS文件； 4. 阅读全文

posted @ 2012-07-23 16:20 musickog 阅读(108) 评论(0) 推荐(0) 编辑

2012年6月26日

jquery源代码分析之dom操作：hasClass

摘要： hasClass(className)：判断匹配的元素是否含某个类 @param (string) className; @return (boolean) 1 var className = " " + selector + " ", 2 i = 0, 3 l = this.length; 4 for ( ; i < l; i++ ) { 5 /* 6 1.最关键是使用到indexOf 7 */ 8 ... 阅读全文

posted @ 2012-06-26 14:55 musickog 阅读(157) 评论(0) 推荐(0) 编辑

jquery源代码分析之dom操作：addClass

摘要： addClass(className):为匹配的元素添加类名 @param (string) className @return (jQuery) 1 /* 2 1.对传进的参数value进行检测 3 */ 4 if ( value && typeof value === "string" ) { 5 /* 6 2.将参数value分割为数组classNames 7 */ 8 classN... 阅读全文

posted @ 2012-06-26 14:27 musickog 阅读(153) 评论(0) 推荐(0) 编辑

jquery源代码分析之dom操作：removeClass

摘要： removeClass(className)：从匹配的元素中删除类 @param (string) className @return (jQuery) 1 /* 2 1.对传进的参数value进行检测 3 */ 4 if ( value && typeof value === "string" ) { 5 /* 6 2.将参数value分割为数组classNames 7 */ 8 cla... 阅读全文

posted @ 2012-06-26 11:53 musickog 阅读(159) 评论(0) 推荐(0) 编辑

2011年2月14日

jquery原代码：uaMatch()

摘要：分析:浏览器之间的兼容性问题，这个一个历史遗留问题。痛苦的是，作为一个前端开发人员得为这个兼容性问题买单。我们做开发时，往往要为每种浏览器作出局部的代码调整才能在相应的浏览器中良好的运行。我所知道的方法有两种：1.浏览器检测；2.对象检测。　　在jQuery 中只要用行uaMatch()这个函数。用到的关键点有:1.regExp.exec(str)；2.navigator.userAgent;　　一，regExp.exec(str);用正则表达式来在字符串中查找，并返回一个数组，这个数组的0元素是整个正则匹配，1元素是第一个子匹配，2元素是第二个子匹配，如此类推。　　二，navigator.u 阅读全文

posted @ 2011-02-14 14:47 musickog 阅读(367) 评论(0) 推荐(0) 编辑

2011年2月11日

jquery原代码：trim()

摘要：分析:jquery trim() 作用是，删除字符串两边出现的空格;其中的关键实现是text.toString().replace( trimLeft, "" ).replace( trimRight, "" );是将传入的字符串分别两次调用replace，其中正则表达trimLeft是匹配左边的空格，trimRight是匹配右边的空格阅读全文

posted @ 2011-02-11 17:26 musickog 阅读(223) 评论(0) 推荐(0) 编辑

jquery原代码：each()

摘要：分析:jquery文档说 each(callback)作用是以每一个匹配的元素作为上下文来执行一个函数。就是用each来遍历数组，来执行同一个方法这个方法的实现最关键的是：call与apply的用法:call(apply)就是将函数的对象的从初始的上下文改为thisObj指向的对象,就是说用thisObj来代替原来的对象来执行方法:call与apply的第一个参数为this指向的对象,而后面的参数都下传给函数的，call传给函数的参数用逗号分隔而apply则为一个数组。以每一个匹配的元素作为上下文来执行一个函数阅读全文

posted @ 2011-02-11 17:07 musickog 阅读(200) 评论(0) 推荐(0) 编辑

jquery原代码：解析json数据(parseJSON)

摘要： View Code 1 parseJSON: function( data ) { 2 if ( typeof data !== "string" || !data ) { 3 return null; 4 } 5 6 // Make sure leading/trailing whitespace is removed (IE can't handle it) 7 data = jQuery.trim( data ); 8 9 // Make sure the inc... 阅读全文

posted @ 2011-02-11 16:57 musickog 阅读(3865) 评论(0) 推荐(1) 编辑

jquery原代码：判断是否为空对象

摘要： isEmptyObject: function( obj ) { for ( var name in obj ) { return false; } return true; } 分析：1.什么是对象：其实，在javascript中对象是一组“键/值”的组合，说白了就是数据集，表示属性和方法jQuery 判断一个对象是否为空是使用for name in obj 来遍历对象中... 阅读全文

posted @ 2011-02-11 16:18 musickog 阅读(1789) 评论(0) 推荐(0) 编辑

jquery原代码：isType()

摘要： class2type = {}; toString = Object.prototype.toString; type: function( obj ) { return obj == null ? String( obj ) : class2type[ toString.call(obj) ] || "object"; }, isFunction: function( ... 阅读全文

posted @ 2011-02-11 16:16 musickog 阅读(253) 评论(0) 推荐(0) 编辑