摘要： 作者：阮一峰日期：2011年8月 4日上周，我整理了《jQuery设计思想》。那篇文章是一篇入门教程，从设计思想的角度，讲解"怎么使用jQuery"。今天的文章则是更进一步，讲解"如何用好jQuery"。我主要参考了Addy Osmani的PPT《提高jQuery性能的诀窍》（jQuery Proven Performance Tips And Tricks）。他是jQuery开发团队的成员，具有一定的权威性，提出的结论都有测试数据支持，非常有价值。==============================================jQuery最 阅读全文

摘要： 在Canvas中绘制弧形和圆形的计算方法：arc(x,y,radius,startAngle, endAngle,bAntiClockwise)x,y：是arc的中心点radius：是半径长度startAngle：是以starAngle开始（弧度）endAngle：是以endAngle结束（弧度）bAntiClockwise：是否是逆时针，设置为true意味着弧形的绘制是逆时针方向的，设置为fal... 阅读全文

摘要： DOM树首先，可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子：事件冒泡(又称事件传播)当我们点击一个链接时，其触发了链接元素的单击事件，该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行。1 $('a').bind('click',function(){alert('that tickles!')})因此一个单击操作会触发alert函数的执行。click事件接着会向树的根方向传播，广播到父元素，然后接着是每个祖先元素，只要是它的某个后代元素上的单击事件被触发，事件就会传给它。在操纵DOM的语境中， 阅读全文

摘要： 今天在读Qwrap的源码stringH时里边有个format: function(s, arg0) { var args = arguments; return s.replace(/\{(\d+)\}/ig, function(a, b) { return args[(b | 0) + 1] || ''; }); }它的使用方式是：alert(format("{0} love {1}.",'I','You'))//I love youformat的实现方式主要是用到了String对象的replace方法：replace:返回 阅读全文

摘要： modernizr就是为HTML5而生的——它是一个检测浏览器对HTML5和CSS3特性支持的JS库，通过检测你的浏览器对html5/css3的支持情况，返回特定的样式名称，从而可以针对不同的浏览器写出不同的样式。Modernizr @ gitmodernizr项目托管在git，你可以通过以下地址获取它：http://github.com/Modernizr/Modernizr作者还在git提供了... 阅读全文

摘要： 来源：射雕jQuery 插件非常丰富。在传统使用方式里，比如 jquery-fancybox, 我们需要在页面中显式引入：<script src="/js/jquery.min.js"></script><script src="/js/jquery.easing-1.3.pack.js"></script><script src="/js/jquery.mousewheel-3.0.4.pack.js"></script><script src=" 阅读全文

摘要： Ben CherryPerformance Engineer at Slide, Inc.1.The JavaScript Languagejust what you need to know to understand this talkvariables and functionsvar foo = 1; // variable statementfunction bar() {} // function statement(function baz() {}); // function expression(function (spam) {}(1)); // function para 阅读全文

摘要： 在Javascript中，赋值语句会用传值和传址两种不同的方式进行赋值。如果是数值型，布尔型，字符型等基本数据类型，在进行赋值时会将数据复制一份，将复制的数据进行赋值，也就是通常所说的传值；如果是数组，hash对象等复杂数据类型，在进行赋值时会直接用内存地址赋值，而不是将数据简单的复制一份，用内存地址进行赋值，就是传址。var a=b=10;var d=c=[1,2,3];b++;d.push(4);alert(a);//10alert(b);//11 变量b保存的数据更改不会影响到变量aalert(c);//1,2,3,4 变量c和d指向同一份数据，数据更改会互相影响alert(d);//1 阅读全文

摘要： 添加自动切换标签效果：View Code <style type="text/css">.tab{width:400px;text-align:left;margin:10px;}.tab-menuWrapper{padding-left:20px;}.tab-menuWrapper li{float:left;display:inline;border:1px solid #333;border-bottom:none;margin-right:5px;cursor:pointer;}.tab-contnetWrapper{border:1px solid # 阅读全文

摘要： 接着javascript实现tab标签组件1，来继续完善tab标签组件，在之前的几个示例中都是通过点击事件来触发标签切换，下面实现定制激活事件的功能。<div class="tab J_tab"> <ul class="tab-menuWrapper"> <li class="J_tab-menu tab-currentMenu1">menu1</li> <li class="J_tab-menu">menu2</li> <li clas 阅读全文