Ruby's Louvre

摘要： function replaceURLWithHTMLLinks(text) { /* Example: >>> GateOne.Utils.replaceURLWithHTMLLinks('Downloading http://foo.bar.com/some/file.zip'); "Downloading http://foo.bar.com/some/file.zip" */ var exp = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!... 阅读全文

摘要： 翻译文章，原文地址：http://blog.teamtreehouse.com/increase-your-sites-performance-with-hardware-accelerated-css。你知道我们可以在浏览器中用css开启硬件加速，使GPU (Graphics Processing Unit) 发挥功能，从而提升性能吗？现在大多数电脑的显卡都支持硬件加速。鉴于此，我们可以发挥GPU的力量，从而使我们的网站或应用表现的更为流畅。在桌面端和移动端用CSS开启硬件加速CSS animations, transforms 以及 transitions 不会自动开启GPU加速，而是由浏 阅读全文

摘要： window.crypto.getRandomValues(new Uint32Array(1))[0];浏览器支持情况如下：IE: noIE Mobile: noFirefox24+Firefox Mobile: will be in 21Safari: from 3.1Safari Mobile: from iOS 6Chrome: from 11Chrome for Mobile: from 23Android browser (before 4.0 as replaced with Chrome): noOpera: no (though will probably get it wh 阅读全文

摘要： Test 我的slideDown 1111111 2222222 3333333 ... 阅读全文

摘要： 传送门 阅读全文

摘要： 在本版本中，avalon侧重于对组件开发的支持，可用控件达到12个，末来将大力投入对GRID，TREE等重型UI的开发中。添加ms-widget绑定，废弃ms-ui绑定为ms-include添加跨域处理与绑存模板的功能支持在on绑定通过bind方法修改this值对{{}}插值表达式中出现的过滤使用更好的正则进行抽取优化 ms-if的插入监听机制升级avalon.draggable升级现存所有UI组件，并添加多两个组件，现在拥有accordion,autocomplete,button,datepicker,dialog,pagination,progressbar,tabs,tooltip,s 阅读全文

摘要： SKU（stock keeping unit库存量单位）组合查询是网上商场一个非常常用的功能。具体来说，一件商品会有许多型号，许多颜色，许多产地，许多码寸，而满足用户选中的这些条件的具体商品可能有库存，也可能没有。我们把型号，颜色，产地，码寸什么的都分成一栏，每一栏的选项都有三种形态，可选，不可选，已选中。选中某一栏的一个选项的话，会影响到另外一些栏的项目的选中状态。如下图：网上也有文章介绍它们的实现，涉及大量复杂的算法，HTML都是用JS动态生成的，非常不直观。并且那个东西这么简单，还要用那么复杂的算法啊，脑子被狗吃了。 sku组合查询算法探索 淘宝SKU组合查询算法实现在avalo... 阅读全文

摘要： angular的实现 {{aaa.bbb.ccc}} 运行代码 avalon的实现 avalon {{aaa.bbb.ccc}} 运行代码 从调用来看，angular由于不能直接使用setTimeout，需要hack一下，并且它并不够智能，需要你$digest。说明它本身没有对子对象的监控，只有用户手动$digest，它才匆匆忙忙把自己修改一遍，然... 阅读全文

摘要： Object.observe API概述 最近，JavaScript的MVC框架在Web开发届非常盛行。在实现MVC框架的时候，一个非常重要的技术就是数据绑定技术。如果要实现模型与视图的分离，就必须要使用数据绑定技术。但是，MVC框架的原作者对于数据绑定处理实现得并不如人意，因此，Google公司在ECMAScript中封装了一个Object.observe API，专用于实现数据绑定处理（目前将其正式使用在V8中）。 Object.observe API可以被称为一种“可以对任何对象的属性值修改进行监视的事件处理函数”。 在Firefox浏览器中，实现了与之相类似的可以对D... 阅读全文

摘要： 1. npm install xxx -g 时， 模块将被下载安装到【全局目录】中。【全局目录】通过 npm config set prefix "目录路径" 来设置。比如说，当我们使用了npm install -g express安装了express框架后， 我们就可以在电脑里的某一个文件夹下，打开控制台，直接使用express mvc创建项目，否则会遇到 “'express' 不是内部或外部命令，也不是可运行的程序”错误。2. npm install xxx ，则是将模块下载到当前命令行所在目录。例如：c:\123>npm install xxx 阅读全文