Ruby's Louvre

摘要： Firefox 12 Beta 发布，在页面源代码视图增加行数显示，支持在下载窗口直接复制启动下载。本次桌面版本变化有：简化了在 Win UAC 启用的情况下升级的步骤，实现安静升级。页面源代码视图显示行数。在标题属性中支持换行。Ctrl+F 触发的“在页面中查找”中功能将会居中显示查找结果。向内置的下载管理器窗口中粘贴地址将自动启动下载。实现column-fill和text-align-lastCSS 属性。试验性的支持 ECMAScript 6 Map 和 Set 对象。修复部分机器在 OS X 平台下 WebGL 性能下降的问题。本次Android 版本没有太大变化，仅是和桌面版本同步增 阅读全文

摘要： 我的模板系统升一下级, 继续在新公司里面用。 现在几在互联网公司没有不用javascript模板了， 什么TX， 百度， 新浪， 360什么的， 最后瀑布流的流行， 里面又有许多用到模板。本版本就是改回v6的形态，后端数据还是带@前端才方便查看与调试。昨天也与一TX前端工程师讨论过这个必要性。取得模板中的需要填写的变量，再与后端传过来的JSON进行比较，尽早进行数据验证。这种技术，可以看一看PHP的变量命名就知了，带是带$前缀。在之前的版本中，如果输出语句带分号或逗号是会报错的 <script type="tmpl" id="table_tmpl" 阅读全文

摘要： v3没有公开出来，只是一些函数进行升级。v4则是对语言链对象的实现进行大升级，第一次链机制的实现可见这里。这是把$.lang改造成一个工厂方法，通过它吐出语言链对象（Chain）的实例。这个语言链对象有两个重要属性，target与type，几乎所有方法都是通过它俩判定是否使用原生方法还是扩展的方法。 var arrayLike = $.oneObject("NodeList,Arguments,Object"); //这只是一个入口 $.lang = function(obj, type){ return adjust(new Chain, obj, type) ... 阅读全文

摘要： mass Framework的瀑布流UI控件，比上一版强大多了，从项目代码中抽取出来的东西，实用性满点。瀑布流通常分为三部分，容器，栏栅，砖块。砖头里面基本上都塞着一张大图，本来瀑布流就是以图片来吸引眼球的。网上绝对大多数瀑布流都是通过绝对定位来设置砖头的位置，但这也非常依赖于后端的支持，除去图片的裁剪不说，一定要把图片的大小预先给出来，然后前端要通过复杂的计算求得它在瀑布的top与left。万一有一天PM要实现即时删除某一砖头的功能，那么这重排的计算量就大了。因此我的瀑布流有如下优点，浮动布局，对后端依赖极小。本控件依赖于我的ejs模板，藉此将后端传过来的JSON数据变成HTML数据，然后通 阅读全文

摘要： 最近都忙着写这个插件，用它来统合跑马灯（marquee），轮播（carousel），风手琴（accordion）, 切换卡（tabs）, slide（幻灯片）这五种控件。 下面是它们的一些描述： 跑马灯没有触发点(trigger)，而显示内容通常是一行行文字或扁平状的图片，自动往上往下滚动。不过也有从左到右滚动的。 轮播经常出现新闻的首页，触发点与面板个数相同，基本上从左到右切换，到了尽头回到第一张继续切换。触发点都浮于控件的最上层的右下角。 风手琴与轮播很相似，不过很少会自动进行自... 阅读全文

摘要： 随着uibase模块的完成，许多共用功能都往上挪到其父类中去。tabs模块只专注于它专业功能与其他新功能就行。v2的新功能，除了可以选定页面某一块具有TABS结构的HTML片断作为它的UI实体外，现在我还允许像EXT用户那样完全不出HTML，光用JS就可以拼凑出华丽的界面。当然越漂亮的界面就越要求有丰富的背景图片。目前，我的UI还没有用到图片。待UI组件丰富起来再说。选定页面结构，我们使用data_expr，意即数据来源的CSS表达式，第二种则用到data属性，二选一。它们在代码中的体现如下： if(typeof ui.data_expr === "string" & 阅读全文

摘要： menu插件的结构是基于tabs插件上改进过来的，以后就连tabs插件都会改成这种新的形式。或许过不久，我会将这种结构抽象成一个新的模块，里面提供一个类，让所有UI插件都继承自它。新插件系统的简述： 插件名即实例方法名，并且此插件只添加一个实例方法，如tabs插件只在$.fn中添加一个tabs方法。 此实例方法同时拥有初始化插件，销毁插件，调用插件的各种方法的能力。 当某一元素被包装成mass的节点链对象$(node)后，第一次调用此插件方法，即是初始化插件。一般地，参数为一个对象。 当这个节点链对象再次调用插件方法，传入的第一个参数为字符串，则会判定此插件对象有没有此方法，有则调用此... 阅读全文

摘要： 经心思熟虑，发明一种更好的HTML结构，在实现上比原来好太多了。下面是其思路。首先是结构层，HTML部分： <ul id="first_tabs" class="mass_tabs"> <li class="section active"> <a href="javascript:void(0)" class="trigger">按钮1</a> <div class="panel"> 面板1 </div> 阅读全文

摘要： 现实中的需求太复杂了，因此插件必须拥有很强的制定性，v2就是在这方面进行改进。现在分页栏大到布局，皮肤（10多套任你选），小到每个链接的标签类型，里面的内容都可以制定。重构后的代码，在核心算法的那一部分呈现出强烈的对称性。在配置对象中，它巨细靡遗地罗列N多可制定的东西，但不用害怕有多复杂，因为内部的默认值会帮定你搞定一切。你甚至可以懒到只传个条目的总数就行了。$.fn.pagintion(max, hash)下面是其是详细文档，你也可以到我的github上，看其mass Framework的整体文档。那里更新是最快最勤的。参数： max ... 阅读全文

摘要： 今天为大家带来mass Framework的分页插件，非常小巧，不到100行。 参数： duration 必需。Number。一共有多少个需要进行分页的物件（如贴子，图片什么）。 hash 可选。Object。配置对象。 返回值： mass实例 hash中有如下可选参数: 键名值 show_last:当分页过多时，是否显示最后一页。 show_first... 阅读全文