Ruby's Louvre

摘要： tableのcellspacing="0"が必要なことはかなり多い。 しかし、これと同じことをしてくれるCSSのプロパティ、border-spacing:0 は、IE7以下では対応していない。そこで登場するのがborder-collapse:collapse なのだけれど、これにもまた問題がある。そんなこんなを解決するTips。やりたいのはcellspacing="0"を入れたくないってだけですが... 阅读全文

摘要： 通过各种途径，得知Ext的选择器很不简单，最大的特点就是利用eval即时生成查询函数，让它在一些选择器类型中速度爆快。因此我觉得非常有必要学习一下Ext的这个模块了。从最后一行得知，Ext.query方法是Ext.DomQuery.select的别名，那我们就顺着它的思路看呗。select方法，我管它为入口函数。 select : function(path, root, type){ if(!root || root == document){ root = document; } ... 阅读全文

摘要： 现在都支持document.activeElement属性 ，但是在safari与chrome出现了些状况……到stackoverflow查了一下，但给出的方法并不靠谱，因为click事件总是赶在focus事件前发生。//http://stackoverflow.com/questions/483741/how-to-determine-which-html-page-element-has-fo... 阅读全文

摘要： 在设计选择器，我就做了这方面的比较，只不过这次幸运遇到另一个测试程序，它覆盖面更广，测试类型更全面。最后发现自己在选择器中用了一个很慢的循环……囧。由于IE性能比较低下，原程序根本无法运行，因此我把它移到我的博客上来，汉化一下，并减少大量的测试个数（原程序测试个数为1000，我把IE的测试个数减少为300）。但即使这样，它还是弹出警告框问你是否中止循环，你继续按否，就能看到结果了。 <!do... 阅读全文

摘要： Dmitry Baranovskiy是何许人也？他是目前世界最优秀的JS开源图形库Raphaël的作者，还做了许多JS游戏自娱，是JS界顶尖高手之一。以下五道题是放于他的博客上，直到另一个它们被另一个JS高手Nicholas C. Zakas（Yahoo!主页首席前端工程师）提到，才迅速在网络蔓延开去。大家先试着自己做一下，想不明白才看解析吧。 if (!("a" in window)) { va... 阅读全文

摘要： 以前最短的IE判定借助于IE不支持垂直制表符的特性搞出来的。var ie = !+"\v1"; 仅仅需要7bytes！参见这篇文章，《32 bytes, ehr ... 9, ehr ... 7!!! to know if your browser is IE》，讲述外国人是如何把IE的判定从32 bytes一步步缩简成7 bytes!的故事但这纪录今年1月8日被一个俄国人打破了，现在只要6 by... 阅读全文

只有注册用户登录后才能阅读该文。 阅读全文

摘要： 在设计选择器时遇到的，当我们使用后代选择器，要从上一次的结果集中获取它们所有后代，可能存在重复元素。虽然排除重复元素是非常简单的事，但我们能不能从一开始就防范其生产重复元素呢？答案是肯定。假设上一次的结果集有三个元素a,b,c，如果其中两个存在包含关系，即是说A的parentNode或祖先是B，那么一定会出现重复的子集。既然如此，一开始，我们把A去掉，就没问题了。看下面网页：<!doctyp... 阅读全文

摘要： var gnomeSort =function(array){ var len = array.length,i = 0;//把i想象为侏儒 while(i < len){ if (i == 0 || array[i-1] <= array[i]) //array[i-1]与array[i]想象为花盆 //侏儒站于array[i]的前面 i++;//由于顺序正确，侏儒就转而站在arra... 阅读全文

摘要： 目前最精确的判定方法（不包括自定义类型）//2010.6.1更新 var is = function (obj,type) { return (type === "Null" && obj === null) || (type === "Undefined" && obj === void 0 ) || (type === "Number" && isFinite(obj)) || Object.prototype.toString.call(obj).slice(8,-1) === t 阅读全文