摘要: 很好的文章:http://www.jb51.net/article/27309.htmjQuery中的.bind()、.live()和.delegate()之间区别分析,学习jquery的朋友可以参考下。DOM树首先,可视化一个HMTL文档的DOM树是很有帮助的。一个简单的HTML页面看起来就像是这个样子:事件冒泡(又称事件传播)当我们点击一个链接时,其触发了链接元素的单击事件,该事件则引发任何我们已绑定到该元素的单击事件上的函数的执行。复制代码代码如下:$('a').bind('click',function(){alert('that tickles 阅读全文
posted @ 2013-01-05 20:08 GM_Lv 阅读(221) 评论(0) 推荐(0) 编辑
摘要: 关于JS性能优化中的冰山一角:事件代理、警惕闭包。其实本文有一个文章已经说到,闭包如何产生,闭包的作用;简言之,闭包是产生一个没有被释放资源的栈区。换言之,就是一个不可控的内存空间占用,如果与事件相关联,JS的垃圾回收机制也不会去触碰该区域。例如:我们有个项目需要实现在一个div中有上百个热点区域(a标签),类似淘宝店铺广告位自定义,那么按照传统的做法,我们会如下做一个最典型的闭包使用的实例,目的是改变this的作用域,在其处理函数内部调用其他属于该作用域的方法或属性。复制代码代码如下:var apply = function() { this.div = document.getEleme. 阅读全文
posted @ 2013-01-05 16:54 GM_Lv 阅读(772) 评论(0) 推荐(0) 编辑
摘要: 看到一篇不错的文章:http://web.itivy.com/web-designer-problem-list/前言:@darcyclarke在 GitHub 上分享了一个 repo,其中包括了不少前端面试问题,可用于检验潜在的候选人。绝不推荐在单个候选人身上用上所用的问题(那样会花费好几个小时滴)。从这个列表选择一些,应该能从候选人身上,检测出你所需要的技能。请记住,下面的很多问题都是开放式的,无标准答案,并能引发有趣的讨论。相比直接的答案,相信你在面试前端工程师时,从讨论中你对候选人会了解的更多。以下中文译文由@shawnqiang完成。问题贡献者@bentruyman (http:// 阅读全文
posted @ 2013-01-05 14:41 GM_Lv 阅读(653) 评论(0) 推荐(0) 编辑
摘要: 判断scroll时需要用到函数节流:throttle:function(method,context){ //一个函数节流的函数 clearTimeout(method.tId); method.tId=setTimeout(function(){ method.call(context); },100); }, addEvent:function(){ //当鼠标滚到最下... 阅读全文
posted @ 2013-01-01 13:16 GM_Lv 阅读(354) 评论(0) 推荐(0) 编辑
摘要: 感觉对于this还有点不熟悉,再复习了一遍总的来说:javascript的动态性以及词法作用域的特性,this的指向总是在运行时才确定。this永远指向函数运行时所在的对象,而不是函数被创建时所在的对象。如果处于匿名函数中或者不在任何对象中,this都指向宿主的根对象(在浏览器里是window)。很好的几个例子:http://www.nowamagic.net/librarys/veda/detail/1396另外,javascript中还用 call() 和 apply() 来调用函数,再记住下面这两句话:如果是call()、apply()、with(),指定的this是谁,就是谁 !普通的 阅读全文
posted @ 2013-01-01 11:20 GM_Lv 阅读(142) 评论(0) 推荐(0) 编辑