随笔分类 -  javascript+jquery

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

摘要：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:返回 阅读全文

摘要：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 阅读全文

摘要：接着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 阅读全文

摘要：1.实现三个标签的切换，不考虑那么多，只是实现点击menu1就显示content1；点击menu2显示content2；点击menu3显示content3。这个很容易实现：<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 阅读全文

摘要：写一个简单的正则表达式应用原有字符串：var a = "string = 'abc'",b = "number = '123'"想通过正则表达式替换成：var a="",b=""接下来看我操作的过程1.//var a = "string = 'abc'",b = "number = '123'"var str = "var a = \"string = \'abc\'\&quo 阅读全文

摘要：1.创建RegExp对象的方法/pattern/attributes;new RegExp(pattern,attributes);2.RegExp对象的属性global,ignoreCase,multiline,lastIndex,source;3.RegExp对象的方法test(),exec(),compile();4.支持RegExp对象的String方法replace(),macth(),split(),search();5.修饰符i,g,m6.方括号用于查找某个范围内的字符[abc][^abc][0-9][a-z][A-Z][ adgk][^adgk][red|blue|green] 阅读全文

摘要：一.使用函数自身[代码]二.使用函数caller属性其表示调用当前函数的上层函数。[代码]三.使用this[代码]四.使用Call[代码] 阅读全文