当前位置: 首页 > 软件库 > Web应用开发 > Web框架 >

Avalon

前端 MVVM 框架
授权协议 MIT
开发语言 JavaScript HTML/CSS
所属分类 Web应用开发、 Web框架
软件类型 开源软件
地区 国产
投 递 者 曾宏毅
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

avalon 是一个功能强大,体积小巧的 MVVM 框架。它遵循"操作数据即操作DOM"的理念,让你在代码里基本见不到一点DOM操作代码。DOM操作全部在绑定后,交给框架处理。相当后端有了ORM一样,不用你手写SQL,提高生产力!

与其它js框架相比,同样实现著名的todos功能,(参见todomvc官网),在所有MV*的实现中avalon是让用户写代码最少的。

与其他MV*相比,它不仅轻量,最低支持到IE6,而且性能是最好的。

优势:

  • 使用简单,在HTML中添加绑定,在JS中用avalon.define定义ViewModel,再调用avalon.scan方法,它就能动了!

  • 兼容到IE6(其他mvvm框架, knockoutjs IE6, angularjs IE7, emberjs IE8, winJS IE9 )

  • 没有任何依赖,只有72K,压缩后22K

  • 支持管道符风格的过滤函数,方便格式化输出

  • 局部刷新的颗粒度已细化到一个文本节点,特性节点

  • 要操作的节点,在第一次扫描就与视图刷新函数相绑定,并缓存起来,因此没有选择器出场的余地。

  • 让DOM操作的代码近乎绝迹

  • 使用类似CSS的重叠覆盖机制,让各个ViewModel分区交替地渲染页面

  • 节点移除时,智能卸载对应的视图刷新函数,节约内存

  • 操作数据即操作DOM,对ViewModel的操作都会同步到View与Model去。

与其他框架比较:

  • 它体积更少,在主要的几个MVVM框架(拥有双向绑定机制),knockout是三千多行,angularjs 1.6万, emberjs2-3万行, winjs是几M, kendoui是几M!

  • 兼容情况,kendoui与 knockoutjs IE6, angularjs IE7, emberjs IE8, winJS IE9

  • 让用户写代码更少(可见我给出的todos)

  • 上手难度,与knockout差不多,但借鉴了angularjs的,更为易用。

  • 与knockoutjs, angular, winjs一样是使用动态模板,至少保持第一屏数据是真实的,对SEO友好。

  • 源码也是它们中最易读的。简单的代码也意味着扩展调试等容易。

  •   Avalon的简要历史以及创建它所有的设计原则概述 事情是从Apache JServ项目开始的。Stefano Mazzocchi和其它协助开发Apache JServ的人员认识到项目中所用到的一些模式很通用,足以用于创建一个服务器框架。 在1999年1月27日,星期三(在JServ 1.0b发布大约一个月后),Stefano拿出一份建议书,建议启动一个名为Java Apache Server

  • 关于AvalonJS avalon是一个简单易用迷你的MVVM框架,它最早发布于2012.09.15,为解决同一业务逻辑存在各种视图呈现而开发出来的。 事实上,这问题其实也可以简单地利用一般的前端模板加jQuery 事件委托 搞定,但随着业务的膨胀, 代码就充满了各种选择器与事件回调,难以维护。因此彻底的将业务与逻辑分离,就只能求助于架构。 最初想到的是MVC,尝试过backbone,但代码不降反

 相关资料
  • Model-View-ViewModel (MVVM)是用于开发软件应用程序的架构设计模式。 MVVM由Microsoft Architect John Gossman于2005年开发。该模式源自模型 - 视图 - 控制器(MVC)模式。 MVVM的优势在于它将应用程序层的图形用户界面与业务逻辑分开。 MVVM负责处理来自底层模型的数据,以便非常容易地表示和管理它。 MVVM中的ViewModel

  • avalon-fsn avalon-fsn 是一个Python的编译构造工具,能够将你的代码Cython 使用avalon-fsn的好处 代码Cython化:Windows下把代码编译为pyd,Linux下把代码编译为.so,有效的保护源代码 获得性能提升:能够在不做任何代码级别优化的情况下,对Python代码进行性能提升 安装 pip install avalon-fsn 编译项目 avalon

  • 没基础看不懂大神写的ui库,主做seo,甲方要求结构简单明了,我看了下element-ui那结构复杂的不得了

  • 前端框架图图形展示: 如上图所示,WeX5前端框架(UI2)分以下部分: 基础库 WeX5前端依赖的两个基础库:数据感知MVVM和jQuery,其中数据感知MVVM基于Knockoutjs改进的。 模块框架 UI2遵循AMD模块标准,采用RequireJS实现。模块化是UI2的基础,UI2的所有资源(包括js、css和html等)都是模块,都采用模块化方式引入,采用模块化方式管理依赖。 组件框架

  • 本文向大家介绍前端 Vue.js 和 MVVM 详细介绍,包括了前端 Vue.js 和 MVVM 详细介绍的使用技巧和注意事项,需要的朋友参考一下 MVVM 是Model-View-ViewModel 的缩写,它是一种基于前端开发的架构模式,其核心是提供对View 和 ViewModel 的双向数据绑定,这使得ViewModel 的状态改变可以自动传递给 View,即所谓的数据双向绑定。 Vue.

  • AKjs前端框架是Andrew.Kim和他的团队一起研发的基于jQuery的一个轻量级前端框架。它是只要懂jQuery的语法很容易上手的框架。该框架里面现在发布了很多移动端常用的功能效果;开发者们使用过程中功能插件也可以自己扩展增加。另一方面,它是相当于一个丰富的组件化UI框架,优点是开发要前后端分离,项目开发过程中后端通过ajax调用数据的机制。 AKjs是一个基于jQuery的一套构建用户界面