Ruby's Louvre

摘要： 本版本修正@月王提出的关于visible的BUG，比如说用户是用DIV摸拟的按扭，会将它的display改成inline-block，之前avlaon只是简单地取它的默认值，得到block，因此隐藏再显示后，按钮就会占满一行，让用户布局崩溃了。此外，从本版本开始，avalon将从mass中分家，有自己独立的仓库，地址为https://github.com/RubyLouvre/avalon从现在的反馈来看,已经有十几人在用我的avalon项目，由于文档不全或他们设计的数据结构异常复杂，涌现许多问题，其中绝对多数可以在我五群里立即得到解决。今天将会完善文档，重新设计VM与M的同步逻辑，以支撑用户 阅读全文

摘要： 本版本感谢@黄轩,@月王,@soon，提出一些BUG与功能改进。 首先是事件回调的return false问题，标准浏览器的addEventListener的回调不处理返回值，因此我们还是得fix一下。 其次是ms-attr的支持，这是初版，以后还会大辐增强的 最后是ms-css对z-index的支持，修改一个正则问题。官网地址为http://rubylouvre.github.io/mvvm/框架下载地址，只需下载其中的avalon.js，没有任何依赖PS:框架已经添加路由支持 阅读全文

摘要： 让日子过得轻松，必须让代码不断往上抽象。avalon的一切就是为这个崇高的目的而迸进——操作数据即操作DOM，远离DOM进行前端开发。javascript之所以在生命的前十年碌碌无为，都是因为开发者被这些兼容性问题搞怕了。在前十年，人们都是用着那些很底层的原生DOM方法，JS方法进行编程，效率异常低下。随着Prototype.js, jQuery等库的出现， 把几乎所有能封装都给封装了， 我们的生活才变得美好起来。但开发企业内部管理系统，却鲜有听说用jQuery来搞，大家都爱用开箱即用的EXT UI框架。UI组件无疑是比jQuery这些DOM操作对象强上一截，是更高程度的抽象与封装。但组件的制 阅读全文

摘要： 本版本主要是添加了template绑定与对扫描机制进行大量改良template绑定的语法为ms-template-id="aaa", id为页面上的某个元素节点，aaa为ViewModel的一个对象属性。建议将此对象属性的名字标识为不可监控的，即$tmplOpts，因为用户可能用不到此对象，我们就无需立即转换它为子ViewModel。id是一个script标签，其type属性改成浏览器不认识的MIME，比如"xxx/text"，然后在script标签间填写内容就行了。里面也可以使用绑定属性。当avalon扫描到带着ms-template属性的元素时，它会 阅读全文

摘要： 本版本主要修BUG，感谢2群，3群的朋友帮忙测试。 @月王提出事件回调return false要阻止默认行为与事件传播，修正如下： function callback(e) { var ex = fixEvent(e || window.event); ... 阅读全文

摘要： angular是找大而面的道路，因此体积非常庞大，1.6-1.7万行；avalon旨在提供一种远离DOM操作的前端开发体验，0.6.3只有2420行，min只有29kb。avalon从angular抄来了不少好东西，如{{}}插值表达式，ms-model（通过事件实现双向同步），ms-controller（为了VierModel指定作用域范围），但都做了增强，{{aaa|html}添加html过滤器就能输出innerHTML，ms-duplex可以通过data-observe来开关双向同步，ms-controller拥有孪生兄弟ms-important。avalon的$watch与ms-bin 阅读全文

摘要： 本版本的更新如下。 添加$json对象，它是ViewModel对应一个纯JS对象，没有访问器与框架添加的一些特有方法与属性，方便用户直接把它提交到后台。以后我们每次修改ViewModel的属性都会同步此对象。从此我们修改ViewModel时就能同时同步View与Model。 重构avalon.define, Collection, 求值函数，代码更加精简，比上一版本减少50行。 现在ms-model方法可以绑定诸如aaa.bbb.ccc这样的多级属性。 废弃avalon.forEach, 改用avalon.each，但旧的还是能用的。 现在$watch方法可以监听数组长度... 阅读全文

摘要： 最近有许多人问我怎么用这东西，如果是那些用过knockout的人还好，之前没有接触过MVVM的人可能一头雾水。大多数人被我那个jquery ui的演示吸引过来，都深感它的威力之大。这里详细介绍一下它的用法吧。第一步，当然是引入avalon库，就像引入jQuery库那样，当然要从官网下。现在avalon的地址为这个，只要这个文件就好了，当然旁边还有个avalon_min.js。第二步，是创建ViewModel，就是MVVM最后那两个字母的全称。它是M的再包装，用于自动同步视图，当然视图也能自动同步VM。VM与V这种双向绑定的特性非常诱人，可以让我们少写无数代码，尤其是那样麻烦的DOM代码。虽然j 阅读全文

摘要： Mozilla在官方FTP中放出了Firefox 21正式版本，预计明天会在官网正式发布。下面来看看该版本的一些主要新特性：提供了3个不跟踪（Do Not Track）选项，之前版本中只有一个复选框如果需要，Firefox会给出改善你的应用程序启动时间的建议初步实现了Firefox Health Report，该工具能够帮助用户优化他们的Firefox配置为 JavaScript 开发者实现了远程 Profiling功能支持<main>标签实现了对Scoped Stylesheets的支持 阅读全文

摘要： 本次更新，带来了几个新API与在IE6的更好性能。 添加ms-css绑定，用法为ms-css-xxx=yyy， 相当于jQuery的$el.css(xxx,yyy)操作，不同的，以后yyy有什么改动，框架都是自动帮你处理。 ... 阅读全文