本章将介绍如何使用avalon来实现前端路由功能。我们需要用到两个avalon路由配套模块—— mmHistory.js 和 mmRouter.js 。其中mmHistory是用于历史管理,它会劫持页面上所有点击链接的行为,当这些链接是以#/ 、#!/开头,就尝试匹配路由规则,阻止页面刷新(通过ha...
分类:
Web程序 时间:
2015-01-12 00:15:46
阅读次数:
423
五,搭建一个工程环境
到此,基础的理论都搞得差不多了,是时候做个实际的例子
换个教程,根据《avalon学习教程》系列--《1、引入avalon》建立一个新项目。
我用的vs2013community版
首先open->web site,指向一个空目录
新建两个folder,一个modules,一个reference。
Modules里存放网站的一个一个模块,reference里面...
分类:
其他好文 时间:
2015-01-07 09:25:23
阅读次数:
226
avalon1.3.8主要是在ms-repeat、 ms-each、 ms-with等循环绑定上做重大性能优化,其次是对一些绑定了事件的指令添加了roolback,让其CG回收更顺畅。 重构ms-repeat、ms-each、ms-with, 内部的代理对象全部使用普通的对象实现, 并且一个监...
分类:
Web程序 时间:
2014-12-15 18:38:59
阅读次数:
205
本章开始搭配requireJS来使用avalon,开始之前,我们可以对avalon进行精简改造。avalon源码里有自己的AMD加载器和DOMReady模块,使用requireJS来加载各依赖脚本的话,使用其配套插件DOMReady来ready执行会更合适,而且avalon的AMD模块也多余了。故我...
分类:
Web程序 时间:
2014-11-25 14:17:02
阅读次数:
249
一、关于AvalonJSavalon是国内的一个MVVM框架,是从knockout发展起来的分为两个版本avalon.js版本,支持IE6及非常老的标准浏览器。这里的标准浏览器特指W3C阵营中的safari, opera, firefox, chromeavalon.modern.js版本,兼容IE...
分类:
Web程序 时间:
2014-11-19 17:40:06
阅读次数:
196
又到每个月的15号了,现在avalon已经固定在每个月的15号发布新版本。这次发布又带来许多新特性,让大家写码更加轻松,借助于“操作数据即操作DOM”的核心理念与双向绑定机制,现在越来越多人加入到avalon的阵营中来。此外,基于avalon的UI库OniUI也越来越强大,很快,树组件也开发完毕,下...
分类:
Web程序 时间:
2014-11-15 14:09:24
阅读次数:
193
本文将介绍如何利用Bootstrap+Avalonjs+EntityFramework 开发ASP.NET WebForm应用程序,分为上下两篇。上篇主要介绍实现,下篇主要介绍界面
分类:
Web程序 时间:
2014-11-09 22:17:33
阅读次数:
5276
本文将介绍如何利用Bootstrap+Avalonjs+EntityFramework 开发ASP.NET WebForm应用程序,分为上下两篇。上篇主要介绍实现,下篇主要介绍界面。打开Visual Studio Web Express2013新建一个空白应用程序 ContactSample--联系...
分类:
Web程序 时间:
2014-11-09 19:19:30
阅读次数:
307
avalon之所以能在页面处理1W个绑定(angular对应的数字是2000),出于两个重要设计——基于事件驱动的双向绑定链及智能CG回收机制。avalon的双向绑定链是通过Object.defineProperties及VBScript,将要操作VM属性变成一种访问器属性。访问器属性是一种特殊的属...
分类:
Web程序 时间:
2014-11-05 12:25:13
阅读次数:
266
avalon的双向绑定机制,是通过一条依赖链实现。此依赖链最底层是监控属性、监控数组,中层是计算属性、监控函数,再上点是求值函数,最上层是视图刷新函数。所谓计算属性,监控属性,监控函数属性,我们改变它们的值,它们会引发视图变化;而监控数组,是我们调用它的一些方法,也会引发视图变化。var vm = ...
分类:
Web程序 时间:
2014-11-03 11:25:13
阅读次数:
276