Ruby's Louvre

摘要： 本次升级借鉴了jQuery事件模块的许多代码，可谓是jQuery事件模块的改良版。与原先一样，拆分为两块，event模块是支持新一代的浏览器的，如IE9，chrome5+, opera10+,safari5+；event_fix是对付IE678。拆分后的好处，在标准浏览器中，我们就不要加载这么多代码，跑这么多注定要跳过的分支，有效地提升性能。拆分后就有利于我对标准浏览器有一个新的了解，发现firefox成为最拖后腿的一位。它在滚轮事件，focusin, focusout的迟迟不合作，让我们不得不奠出eventSupport等利器。webkit系还需要模拟mouseenter, mouselea 阅读全文

摘要： 本次升级移除throttle，debounce,tag等不常用的方法，重构each, map方法，重构$.EventTarget类。//=========================================// 语言扩展模块v6 by 司徒正美//=========================================define("lang", Array.isArray ? ["mass"] : ["$lang_fix"], function($) { var global = this, // JSON R 阅读全文

摘要： 虽然现在有了框架，许多AJAX调用直接调用它们的API就可用。但有些极端情况，比如面试，比如第三方应用不想加载这些库，我们就只有自己写。这时想必有许多人要疯狂google，百度了。网上太多垃圾信息，我还是在自己博客上保存一份吧。我的实现：var ajax = new(self.XMLHttpRequest||ActiveXObject)("Microsoft.XMLHTTP")ajax.onreadystatechange = function(){ if (ajax.readyState==4 && ajax.status==200){ alert(aja 阅读全文

摘要： 这是我的测试框架的第8代，前三代是前一个体系，名为abut。spec混杂了Qunit与BDD的一种语法，但更简巧。主要改进是用户界面，更方便地定位出错的断言。为了防止某一个断言抛错而影响整个测试，这次还引用window.onerror来吞掉所有错误。使用ol列表直接列举要测试逻辑，代替直接显示源码，不对不怎么会编码的测试人员更为友好。引入\u2714与\u2716这两个字符让断言结果更醒目。下面就是显示图:用法：define(["$spec,mass"], function() { $.log("已加载test/mass模块", 7) describe( 阅读全文

摘要： 去年我的总结是有关我的选择器发展史。2012年我把精力放在三个方面，加载器，动画引擎，MVVM，这都是与我的框架有关的。基本上，得益于这三方面的着力，我的框架已经非常成熟。2013年我就可以挥军指向UI库了。加载器，在我的博客中，以“我的模块加载系统”起头的一系列博文，已经发展到v21。v19之前是使用iframe方式实现，兼容性与稳定性更好，并且唯一能对opera12之前不检测onerror所引发的问题。v20使用单文档加载，调试能力更胜一筹。由于opera下的死链问题可以改用其他浏览器检测到，决定以后使用v20的新方案。我的模块加载器有据可考的时间是2011.4.12发布的v5，也算国内历 阅读全文

摘要： 对v3进行改进，原来是用两个引用数组为元素节点提供UUID，另外两个数组提供缓存体。v4中删掉Data类，只有一个数组来为元素节点提供UUID，再用一个数组提供缓存体。缓存体之上有一个data对象属性，用于保存用户数据。相对于v3与jQuery2.0的新方案，它会在没有私有数据与用户数据时，会把这两个数组对应位置上的元素删掉，防止无限膨胀。//==================================================// 数据缓存模块//==================================================define("dat 阅读全文

摘要： 这是吸收jquery2.0的新技术，通过节点在数组中的索引值来关联目标与缓存体。这就有效避开了IE下某些节点不能添加自定义属性的问题，也在es5中新增的Object.preventExtensions方法下得以生存。//==================================================// 数据缓存模块//==================================================define("data", ["$lang"], function( $ ){ function Data(user 阅读全文

摘要： HTML5日渐成为Web开发的主流技术之一，目前，W3C已经完成了HTML5的基本特性，HTML5成为W3C官方标准指日可待。 目前互联网中已经出现了大量基于HTML5的应用，其展示的效果一点也不输Flash，甚至要更为强大。该技术最大的优势是跨平台，甚至未来有可能成为开发移动应用的主要技术。 本文为你带来6个强大的HTML5应用开发工具，希望可以提高你的开发效率。 1. Adobe Edge Animate Adobe Edge Animate是一款Adobe开... 阅读全文

摘要： bootstrap-typeahead这个名字起得很坑爹，其实就是其他UI库的自动完成。它只要引入JS就能用了。要求目标文本域至少有两个属性，[data-provide="typeahead"]与data-source就行了。data-source是一个经过unescapeHTML的字符串数组。不过还是建议用JS初始化后，然后动态更新source属性。 名称 类型 默认 描述 ... 阅读全文

摘要： 去掉mutators 对象，它的方法绑到$.factory上，并且它支持继续用户用其他方法定义的“类”//=========================================// 类工厂模块 v11 by 司徒正美//==========================================define("class", ["$lang"], function( $ ){ var unextend = $.oneObject(["_super","prototype", 'exten 阅读全文