司徒正美
- 浏览: 13592 次
- 性别:
- 来自: 广州
-
最新评论
-
捣蛋小孩：
轻量级MVVM框架Vue.js快速上手（MVVM、SEO单页面 ...
使用avalon MVVM框架打造整一套jquery ui -
yuruei2000：
写的很详细， 支持一下
公开我的开源项目newland.js -
pangwu86：
看了博主的东东，很牛B，向你学习
我的第五代选择器Icarus
文章列表
又到每个月的15号了，现在avalon已经固定在每个月的15号发布新版本。这次发布又带来许多新特性，让大家写码更加轻松，借助于“操作数据即操作DOM”的核心理念与双向绑定机制，现在越来越多人加入到avalon的阵营中来。此外，基于avalon的UI库OniUI也越来越强大，很快，树组件也开发完毕，下星期也与大家见面了。到时，OniUI也有两个Grid组件，一个树组件的完整UI库。与本次发布的UI还有验证组件，mask组件，百叶窗切换组件……
UI库的广告就到时为止，我们看一下新版本带来的新特性与FIX BUG情况吧。
【新特征】ms-duplex绑定全面升级，脱胎换骨，如avalon.d ...
为了验证avalon的可用性与高效性，我用它重新实现jQuery ui。打造过程如下，直接到jQuery ui官网，查看它们的运行效果，不看其JS源码，然后取其HTML结构修改。使用了MVVM编写代码，能保证你思维清晰畅顺，不用总在DOM逻辑与数据处理中跳过来蹦过去。仅用一天，实现8成以上的功能，而且JS代码量非常少，都是原来的百分之几至十之间。基本上，现在avalon的源码挑不出什么毛病。以后从mass分离出ajax，effect等模块来，构建成avalon的一个组件，这些UI组件的可用性就更高了。
即时可运行的例子链接
avalon MVVM框架的官网
...
本文将深入介绍一下avalon的运作机理及与jQuery的区别。
许多人都知道MVVM是MVC的一个变体，但那些MVC是在后端的，包括微软的WPF，这意味着这个V与我们前端接触到的V差别很大。后端的V就是使用各种模板拼凑成一个静态页面给前端。而前端的V在JSer的眼中就是一个巨大的DOM树，要考虑加载时间，渲染顺序，浏览器对HTML的容错与修复，浏览器的默认事件，新图片与节点增删移动引起的reflow，是活生生的。前端的V就是一个DOM的世界，而后端就是字符串！
M，模型，一个数据体，用于填允我们的页面，通常PHP交给我们时数据已经填好了，想改变，就要再发出请求 ...
newland.js是一个node.js MVC框架，这个MVC架构只是针对它的后端部分而已。当然有人立即会提出怀疑，世界已经有这么MVC框架，你的亮点在哪啊？回答通常有两种：重复造轮子的意义，与新框架的特性。是的，重造轮子，世界无时无刻地造轮子，造轮子的人为了编造了许许多“藉口”，我觉得最美妙的藉口是最近多《GTF: Great Teacher Friedman 》读的东西，我觉得光是他说的那一点就能让许多人闭嘴了——当然，重新发明东西并不会给我带来论文发表，但是它却给我带来了更重要的东西，这就是独立的思考能力。一旦一个东西被你“想”出来，而不是从别人那里 “学”过来，那么你就知道这个想法是如 ...
Icarus是我目前匹配精度最高（通过470单元测试保证精度)，速度最快（IE67下力压jQuery，其他浏览器都是使用querySelectorAll不分上下）的选择器，并且它全面支持CSS3的所有新增伪类，支持jQuery所有自定义伪类，并且支持对XML的查找，支持XML带命名空间的元素的查找（jQuery只能支持不带命名空间的，并且非常容易报错）。
Icarus与jQuery1.7在slickspeed中的速度比赛结果（数值最大代表越慢）：
Icarus
jQuery1.7
比率
IE7
443
657