Ruby's Louvre

摘要： 本版本最主要的改进是ms-with 深层绑定的实现，至少，avalon1.0所有重要的feature已经开发完毕，之后就是小补小漏，性能优化了。ms-with进行绑定。对VM的某个对象属性重新赋给它一个对象，那么页面上对应的列表将根据它的键值对重新排列增删，修改它的$val。如果对它的对象属性的某一个键重新赋值 ，只会进行更新操作，详见index21with.html, index22with.html, index23with.htmlms-with, ms-each内部大重构，使用虚拟代理模式进行性能优化。$watch, $unwatch进行增强，添加临时让VM的所有$watch回调暂时. 阅读全文

摘要： 本文翻译自 Custom Elements: defining new elements in HTML，在保证技术要点表达准确的前提下，行文风格有少量改编和瞎搞。原译文地址本文目录引言用时髦标记整点儿像样的赶紧开始吧注册新元素扩展原生元素元素如何提升unresolved（未提升）元素实例化元素实例化自定义标签实例化类型扩展元素添加 JS 属性和方法生命周期回调方法添加标记用 Shadow DOM 封装内部实现从模板创建元素为自定义元素增加样式为使用 Shadow DOM 的元素增加样式使用 :unresolved 伪类避免无样式内容闪烁（FOUC）历史和浏览器支持特性检测浏览器支持HTMLE 阅读全文

摘要： 本文转自http://hinc.me/2013/04/01/front-end-framework/说起前端框架，我个人主张有框架不如无框架，这个观点要先从框架和库的区别说起。我所理解的库，解决的是代码或是模块级别的复用或者对复杂度的封装问题；而框架，更多的是对模式级别的复用和对程序组织的规范，这里的模式是指比如 MVC，为了实现 M 和 V 的解耦，通过 IOC 或是 PubSub 等手段，把丑陋的耦合由经常变化的业务代码转移到不经常变化的框架内部消化。对于前端来说，在 WebApp 概念兴起前，很少能看到所谓的框架，更多的是类似于 jQuery、YUI 的库，因为前端的一路下来的发展历程和 阅读全文

摘要： avalon“操作数据即操作DOM”的能力，让我们可以专致于业务，写出更专业，更优雅，更易维护的代码来。现在让我们看看如何实现一个序列号输入功能。它的需求以下： 每输入4个字符就跳到下一个输入框。 不能输入超过4个字符。 支持复制贴粘功能，每4个字符自动对位到相应的输入框。先给出代码： 1234aaaabbbb6789 首先，我们要监听一个input里面的内容变化，马上能想到用ms-duplex，该... 阅读全文