Ruby's Louvre

摘要： 为了验证avalon的可用性与高效性，我用它重新实现jQuery ui。打造过程如下，直接到jQuery ui官网，查看它们的运行效果，不看其JS源码，然后取其HTML结构修改。使用了MVVM编写代码，能保证你思维清晰畅顺，不用在DOM逻辑与数据处理中跳来跳去，因此带来比jQuery还强大的革命性生... 阅读全文

摘要： 我直接把jquery datepicker的结构抄过来，类名也照搬。于是一个换肤的日历就诞生了。 <div ms-controller="datepicker"> <div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all" style="display:block"> <div class="ui-datepicke 阅读全文

摘要： avalon是一个迷你高效易用的MVVM框架，遵循“操作数据即操作DOM”的理念，让你在代码里基本见不到一点DOM操作代码。DOM操作全部在绑定后，交给框架处理。相当后端有了ORM一样，不用你手写SQL，提高生产力！此版本只要是小补小修。只要改进有 IE透明滤镜强制使用zoom:1来hasLay... 阅读全文

摘要： 本文将深入介绍一下avalon的运作机理及与jQuery的区别。许多人都知道MVVM是MVC的一个变体，但那些MVC是在后端的，包括微软的WPF，这意味着这个V与我们前端接触到的V差别很大。后端的V就是使用各种模板拼凑成一个静态页面给前端。而前端的V在JSer的眼中就是一个巨大的DOM树，要考虑加载... 阅读全文

摘要： 早在avalon在IE与firefox有较为严重的性能问题，chrome等则由于它们太逆天因此看不出。主要原因是动态插入节点时，each由于一些帮方法考虑不周，结果不得不逐个插入，虽然使用了nextTick进行缓冲，但延迟明显。然后avalonjs v5把大体的架构完成了，然后重点改良这些方法了。在... 阅读全文

摘要： 为了方便编写控件，本次升级就是整合了一个迷你的三百行的迷你jQuery进去。主要更新如下： 添加强大的UI绑定与自定扫描功能，让你一行JS也不用写生成UI。UI绑定的格式为ms-ui-opts?=uiName。 opts为VM中的对象名，uiName为控件名，UI会自动寻找data-id的值作为... 阅读全文

摘要： 本教程将介绍avalon的高级特性 date过滤器的使用, 这个与angular的date过滤器的使用方法差不多，{{xxx|date("yyyy MM d")}} $watch监听，相当于把监控属性变成一种事件，当它变化时，就执行它绑定的回调。vm.$watch("firstName", function(){alert("我是回调")}) 不监听属性或方法的定义，就是$开头，或放在$skipArray数组中。 if绑定，类似于knockout的if绑定，根据求值表达式的... 阅读全文

摘要： avalon已经从mass Framework抽取出来，没有任何依赖。 主要优点如下 使用简单，在HTML中添加绑定，在JS中用avalon.define定义ViewModel，再调用avalon.scan方法，它就能动了！ ... 阅读全文

摘要： Eval、Execute、ExecuteGlobal这三个语句（函数）都是执行字符串表达式，不过它们之间又有所不同。Eval 计算一个表达式的值并返回结果。语法：[result = ]Eval(expression)expression 为任意有效 VBScript 表达式的字符串示例：response.Write(eval("3+2")) '输出 5"3+2" 使用引号括起来，表示是一个字符串，但是在 Eval “眼里”，把它当作一个表达式 3+2 来执行。Execute 执行一个或多个指定的语句。多个语句间用冒号（:）隔开。语法：Execut 阅读全文

摘要： 它们是放在框架的最后几句，由于自带太多指令了。因此可允许用户一行JS也不用就能构建一个智能的应用。 bindJQuery(); publishExternalAPI(angular); jqLite(document).ready(function() { angularInit(document, bootstrap); });决定是使用jQuery还是自带的jqLite，如果是jQuery还要加工一下。function bindJQuery() { // bind to jQuery if present; jQuery = window.jQuery; // rese... 阅读全文