avalon 可以很好的与jquery结合mvvm模式框架

最新推荐文章于 2025-09-15 13:02:21 发布
原创 最新推荐文章于 2025-09-15 13:02:21 发布 · 4.7k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一个易于使用且与jQuery结合良好的MVVM框架Avalon，相较于AngularJS，它更加符合人类思维模式，上手更快。文章分享了Avalon的官方网址并对比了其与AngularJS的不同之处。


终于找到一个 既好用 

又不用大面积修改代码的  mvvm 框架  

可以和jquery 很好的结合.

不用太大的学习成本的.容易上手


avalon 官网.
http://avalonjs.github.io/


比起 angularjs 可以更符合我们的大脑思维.模式i.更快,更容易上手.

初学angularjs 还是有很陡峭的学习曲线的. 

用了些日子 angularjs 发现不顺手..


avalon 还在试用中


MVVM框架学习第12篇--avalon介绍
桂云帆的博客
07-26 1286
MVVM划分三层，M，VM，V，M是原始数据，用于转换为VM，VM管理状态与绑定回调，V通过绑定得到VM的状态与回调，渲染页面，绑定事件，切换类名，什么脏活都揽了——但用户只需要声明。比如if(aaa){}语句中的aaa，就是表示true与false，switch(bbb){}语句，它表示有多个值的状态，就像有人幼年，童年，少年，青年，中年，老年这几个阶段，它们都指向同一个东西。许多人都知道MVVM是MVC的一个变体，但那些MVC是在后端的，包括微软的WPF，这意味着这个V与我们前端接触到的V差别很大。
avalon：小而美，轻量级前端MVVM框架
02-26
摘要：迷你易用MVVM框架avalon，凭借其出色的性能表现，已成为国内举足轻重的框架。框架作者司徒正美将在本文深度剖析avalon，带你领略avalon出奇制胜之处。这几年，国内在造轮子上非常狂热，几乎每个大公司都有自己...
avalon js框架
09-16
avalon是一个迷你的MVVM框架，虽然从发布到现在，它臌胀了不少，但它现在还是比knockout小许多。avalon开发过程一直遵循三个原则：1，复杂即错误，2，数据结构优于算法，3，出奇制胜。这三大原则保证avalon具有良好的维护性，扩展性，与众不同。
用avalon和jquery做基础网页导航
Lee_Lei0213的博客
05-07 262
url：http://zjingwen.github.io/SetTimeOutGoBlog/demoAvalon/navone/index.html （如果打开过慢，或者打不开，原因你懂得。） 一、目录结构 二、index.html部分 <!DOCTYPE html> <html> <head lang="en"> <...
Avalon前端框架实现详解与实战
最新发布
weixin_42573757的博客
09-15 1060
Avalon 是一个轻量级的 JavaScript MVVM 框架，专注于提供高效的双向数据绑定和模块化开发体验。它诞生于2012年，旨在解决传统 MVC 模式在前端开发中带来的复杂性与耦合度问题。相较于 Angular、React 和 Vue 等主流框架，Avalon 更加轻量且易于上手，尤其适合对性能有高要求的小型项目或组件级开发。其核心机制基于 Object.defineProperty（或 Proxy）实现响应式数据绑定，同时支持模板编译、指令系统和兼容性处理等现代框架特性。
纯js实现mvvm
qq_39291044的博客
12-29 1009
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;&lt;/title&gt; &lt;script type="text/javascript"&gt; function Dep(){
探索未来Web开发的新星：Avalon框架
gitblog_00003的博客
03-20 621
是一个由RubyLouvre团队打造的前端JavaScript框架，旨在简化复杂的Web应用程序开发，提供高性能、可维护和易扩展的解决方案。在本文中，我们将深入探讨Avalon的技术特性，应用场景及其优势，以帮助更多的开发者了解并开始使用这一强大工具。 ## 项目简介 Avalon的核心理念是“轻量级”与“高效”，它采用了MVVM（Model-View-ViewModel）设计模式，使得数据绑...
前端 MVVM 框架 Avalon
前端栈开发
07-25 559
Avalon 详细介绍 avalon是一个功能强大，体积小巧的MVVM框架。它遵循&amp;ldquo;操作数据即操作DOM&amp;rdquo;的理念，让你在代码里基本见不到一点DOM操作代码。DOM操作全部在绑定后，交给框架处理。相当后端有了ORM一样，不用你手写SQL，提高生产力！ 与其它js框架相比，同样实现著名的todos功能,（参见todomvc官网），在所有MV*的实现中aval...
Avalon：iOS中实现MVVM模式的框架
标题“**Avalon:iOS 的原型绑定框架——支持 MVVM 模式**”中包含了几个关键的IT知识点。 - **Avalon**: 标题提到的Avalon，指的是一个iOS平台上的原型绑定框架。从描述中我们可以了解到，Avalon目前仍然是一个正在...
vue,angular,avalon这三种MVVM框架优缺点
11-22
4. **与Ionic的结合**：与Ionic框架结合，适合开发高性能的混合移动应用。 缺点： 1. **学习曲线陡峭**：由于功能繁多，学习起来相对复杂。 2. **AngularJS 2.0的转变**：AngularJS 2.0进行了重大重构，学习成本...
基于司徒大神的轻量级MVVM框架avalon20搭建的一个简易的脚手架
08-10
在JavaScript的世界里，MVVM...理解并掌握Avalon2.0的MVVM机制，结合mmRouter的使用，将大大提升开发效率，使项目更具可维护性和扩展性。同时，熟悉脚手架的结构和配置，能帮助开发者更好地理解和定制自己的项目。
轻量级前端MVVM框架avalon
刘海峰的专栏
07-17 599
官网提供架构图   单看这个图呢,还木有说明,感觉有点蛋疼,作者的抽象度太高了,还好在前面已经大概分析过了执行流程 如图 左边是View视图,我们就理解html结构,换句话就是说用户能看到的界面,渲染页面，绑定事件，切换类名，什么脏活都揽 右边是ViewModel 视图模式,就是开发者通过avalon.define("xxx", function(vm){vm.firstName
avalon框架系列
天暮雨的博客
10-08 1934
之前找工作面试的时候,第一次听说avalon框架,说是可以兼容到IE8,当时就觉得相当厉害. 在入职之后,入职培训就是学习这个框架的内容,初次了解,感觉和Vue框架的语法很像,但是具体之处又有不同. 指令方面很像Vue,比如:ms-for ms-if ms-visible ms-class.... 还有过滤器,avalon框架自定义了很多过滤器方法,写法和Vue一样: xx.xxx | tr...
jQuery的MVP模式和Vue的MVVM模式
心生的小鱼专栏
04-22 821
MVP设计模式。M指数据层，V指视图层，P指控制层。 M：数据层，用于请求数据； V：视图层，用于DOM展示数据； P：控制器，控制数据层去请求数据，以及控制视图层展示数据。 例如，点击视图层的按钮，触发控制器里面的方法。控制器可以直接改变视图，比如操作DOM、增添样式；控制器也可以触发数据层去请求数据，然后再用返回的数据来填充DOM，改变视图。这就是上图展示的含义，可见控制层是MVP模式的关键。 在MVP设计模式里，有很大一部分精力用在了操作DOM上。在大型项目中这一问题更为明显，大概有30
jquery框架和mvvm框架的元素插入对比
weixin_30587927的博客
12-06 368
这里的mvvm框架选用的是avalon. 元素插入用的是img做例子。 点击看效果demo 核心代码： 　　 //jq way var picHref = $("<a></a>").attr("class","zxx_image_list"); var picSrc = $("<img</img>").attr("src",$img[c...
利用 ES6 的字符串模板和 JQuery 简单理解 MVVM
weixin_34345560的博客
08-29 395
把自己对这MVVM设计模式的理解整理并记录，仅作自己以后查询之用。 先说前端为什么需要 MVVM 或者 FLUX。在我看来，是为了保证不那么优秀的前端er在团队中写出不那么垃圾的代码，即使确实十分垃圾，也不会污染到团队中其他同事的代码，其它的设计模式应该也具有这种作用。 通过代码对比理解MVVM MVVM 是 Model-View-Vie...
迷你MVVM框架 avalon的魔术
weixin_34128411的博客
05-04 174
本文将深入介绍一下avalon的运作机理及与jQuery的区别。 许多人都知道MVVM是MVC的一个变体，但那些MVC是在后端的，包括微软的WPF，这意味着这个V与我们前端接触到的V差别很大。后端的V就是使用各种模板拼凑成一个静态页面给前端。而前端的V在JSer的眼中就是一个巨大的DOM树，要考虑加载时间，渲染顺序，浏览器对HTML的容错与修复，浏览器的默认事件，新图片与节点增删移动引起的ref...
js实现一个简单的MVVM框架
weixin_34250434的博客
01-14 197
以前都是默默地看园子里的文章，猥琐的点赞，今天也分享一下自己用js实现的一个简单mvvm框架。 最初只做了自动绑定事件，后面又参考学习了vue，knouckout以及argular实现方式，以及结合自己做WPF的一些经验，增加了属性绑定，今天又稍微整理了下，完善了部分功能，把代码提交到了码云：https://gitee.com/zlj_fy/Simple-MVVM 先简单介绍下用法： ...
html 属于mvvm框架,前端MVVM框架avalon揭秘 - HTML编译器
weixin_42168902的博客
06-08 203
MVVM试图更加清晰的讲用户界面(UI)开发从应用程序的业务逻辑与行为中心分离，因为，很多这样的模式的实现都需要利用声明式数据绑定来实现讲View(视图)工作从其他层分离所以出现了一大堆自定义的声明式的语法：如:Avalon顾名思义,自定义声明语法,那么游览器本身是不能识别的，那么如何游览器能过识别自定义的HTML语法，它能让你讲行为关系到HTML元素或者属性上，甚至能让你创造具有自定义行为的新元...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值