迷你MVVM框架 avalonjs 学习教程20、路由系统

最新推荐文章于 2017-02-09 14:10:00 发布

weixin_34204057

最新推荐文章于 2017-02-09 14:10:00 发布

阅读量75

点赞数

原文链接：http://www.cnblogs.com/cymbidium/p/5525885.html

版权

迷你MVVM框架 avalonjs 学习教程20、路由系统

时间 2014-10-28 14:44:00 Ruby's Louvre

原文 http://www.cnblogs.com/rubylouvre/p/4056825.html

主题 MVVM模式 HTML5

SPA的成功离开不这三个东西，分层架构，路由系统，储存系统。分层架构是我们组织复杂代码的关键，这里特指MVVM的avalon；路由系统是将多个页面压缩在一个页面的关键；储存系统特指本地储存，是安全保存大量数据的关键。本章节介绍的是avalon三柱臣之一的 mmRouter （内含mmHistory）。

我们先上一个示例吧。

<!DOCTYPE html>
<html>
  <body >   <div ms-controller="test">    <table width="100%" height="300">     <tr>      <td width="250">       <ul>

转载于:https://www.cnblogs.com/cymbidium/p/5525885.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34204057

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

迷你MVVM框架 avalonjs 入门教程

qq_43747015的博客

02-22

698

迷你MVVM框架 avalonjs 入门教程

WPF mvvm框架Stylet使用教程-窗体交互用法

04-16

**WPF MVVM框架Stylet使用教程 - 窗体交互用法** Windows Presentation Foundation (WPF) 是Microsoft提供的一种用于构建桌面应用程序的框架，它引入了Model-View-ViewModel (MVVM) 设计模式，使得UI设计和业务逻辑...

参与评论您还未登录，请先登录后发表或查看评论

avalon.js路由

dl81329的博客

04-21

384

之前自己写了一个AJAX加载页面的方法；有时候一个页面里面会分区域加载不同的东西（div，html），但是IE的回退按钮，就失去任何意义了；这两天研究了一下avalon.js的路由；需要准备： 1、引入mmRouter（请将mmRouter.js、mmHistory.js这两个文件与avalon.js放在一起）； 2、在页面中定义VM； 3、定义路由规则（可以参考avalo...

avalon 路由问题

weixin_30265103的博客

02-09

225

1, 直接使用avalon的 amd加载器, 可以不需要 require.js 2, 配置baseUrl 路径, 这个一定要在 js所在的目录, 而不是jsp所在的目录, 如果js 和jsp分开　可以用 window.location.protocol + "//" + window.location.host 来获取网站资源路径 require 和 defin...

迷你MVVM框架 avalonjs1.5 入门教程

weixin_33725272的博客

03-31

139

avalon经过几年以后，已成为国内一个举足轻重的框架。它提供了多种不同的版本，满足不同人群的需要。比如avalon.js支持IE6等老旧浏览器，让许多靠政府项目或对兼容性要求够高的公司也能享受MVVM的乐趣。avalon.modern.js支持IE10以上版本，优先使用新API，性能更优，体积更少。avalon.mobile.js在avalon.modern的基础提供了触屏事件的支持，满足大家在...

迷你MVVM框架 avalonjs 学习教程18、一步步做一个todoMVC

weixin_34221276的博客

10-15

117

大凡出名的MVC，MVVM框架都有todo例子，我们也搞一下看看avalon是否这么便宜。我们先从react的todo例子中扒一下HTML与CSS用用。 <!doctype html> <html lang="en" data-framework="react"> <head> <meta charset="utf-8"

迷你MVVM框架 avalonjs 入门教程（司徒正美）

weixin_30900589的博客

09-17

1175

迷你MVVM框架 avalonjs 入门教程关于AvalonJs 开始的例子扫描视图模型数据模型绑定属性与动态模板作用域绑定(ms-controller, ms-important) 模板绑定(ms-include) 数据填充(ms-text, ms-html) 类名切换(ms-class, ms-hover, ms-active) 事件绑定(ms-on，……...

迷你MVVM框架 avalonjs 1.3.9发布

weixin_33716941的博客

01-15

172

本次升级，avalon改进了许多内部方法，大大提升性能，并且带来异步刷新视图的新功能。 ms-html内部不再使用异步 head元素中的avalon元素加入ms-skip指令重构计算属性，现在超级轻量化重构CG回收，不会每次都全部检测所有绑定对象重构内部方法isArrayLike，更好的判定非负整数重构number过滤器重构widget的节点回收，去掉onTree方法 ...

迷你MVVM框架 avalonjs 1.2发布

weixin_34029949的博客

02-19

avalon1.2 带来了许多新特性，让开发更轻松！详见如下：升级路由系统与分页组件。对ms-duplex的绑定值进行增强，以前只能prop或prop.prop2，现在可以prop["xxx"]、prop[prop2]。换言之，添加对数组法对子属性的支持。详见这里 ms-duplex支持用JS修改input.value触发oninput事件（实现旧式IE下...

迷你MVVM框架---avalonjs.html

09-04

一个迷你框架

Android mvvm 框架，最流行的mvvm demo

09-23

本项目“Android mvvm 框架，最流行的mvvm demo”旨在提供一个无bug的示例，帮助开发者深入理解并实践MVVM框架在Android应用中的应用。 MVVM模式源于微软的WPF开发，近年来在Android开发中逐渐流行，它通过解耦视图...

Android快速搭建MVVM框架

01-03

上面是从一个开源项目中了解到的框架结构，以最简洁的方式搭建一个app的基础框架。框架的几个特点是：通过Jetpack的Navigation构建单Activity多Fragment结构，我们知道Activity是属于比较重的组件，而Fragment是...

史上最强 MVVM 框架学习必备

09-30

【标题】: "史上最全 MVVM 框架学习指南" 在 Android 开发领域，MVVM（Model-View-ViewModel）框架已经成为了现代应用程序设计的重要组成部分。本学习资源旨在提供全面深入的 MVVM 架构理解和实践指导，帮助开发者...

vpn集中配置方法.docx

09-17

cisco设备配置指导

吉他谱_What's My Age Again - Blink-182.pdf

09-17

初级入门吉他谱 guitar tab

c1900-universalk9-npe-mz.SPA.151-2.T0a.bin

09-17

c1900-universalk9-npe-mz.SPA.151-2.T0a.bin

c1900-universalk9-mz.SPA.151-4.M4.bin