使用avalon MVVM框架打造整一套jquery ui

87103053

2013-05-12

为了验证avalon的可用性与高效性，我用它重新实现jQuery ui。打造过程如下，直接到jQuery ui官网，查看它们的运行效果，不看其JS源码，然后取其HTML结构修改。使用了MVVM编写代码，能保证你思维清晰畅顺，不用总在DOM逻辑与数据处理中跳过来蹦过去。仅用一天，实现8成以上的功能，而且JS代码量非常少，都是原来的百分之几至十之间。基本上，现在avalon的源码挑不出什么毛病。以后从mass分离出ajax，effect等模块来，构建成avalon的一个组件，这些UI组件的可用性就更高了。

即时可运行的例子链接

avalon MVVM框架的官网

使用avalon MVVM框架打造整一套jquery ui

使用avalon MVVM框架打造整一套jquery ui

mvvm jquery 框架 ui框架

87103053

0 关注 0 粉丝 0 动态

相关推荐

MVVM 模式

Model–View–ViewModel 是一个软件架构设计模式，由微软 WPF 和 Silverlight 的架构师 Ken Cooper 和 Ted Peters 开发，是一种简化用户界面的事件驱动编程方式。由 John Gossman于2005年在他

姜海强 2020-08-01

Android组件化 + MVP + MVVM

组件化和插件化已经提出了很久了，到现在也是比较稳定的一种架构方案了，在三年前，组件化和插件提出来没多久，前公司就已经在项目中使用了，只是当时还只是菜鸟，没有资格参与到架构的建设中，只是在大佬搭好的架构中写一些业务代码。当时的做法基本上也和现在网上流行的大多

chenjinlong 2020-06-10

对MVC、MVP、MVVM的理解（一）

MVC模式的通信是单向的，View触发事件或数据的提交，到了Controller进行处理逻辑之后，返回Model给View，View再从Model中取出数据，当然View中也会有相应的逻辑。个人认为这样的描述算是比较正确，让我们来看看ASP.NET Cor

conganguo 2020-06-09

MVVM WPF 简化类的开发

{. private string name;public string Name. {. get { return name; }. set { this.SetProperty(ref name, value); }. }

88473166 2020-05-14

贝塞尔曲线 WPF MVVM N阶实现公式详解+源代码下载

剩下部分应该是很简单了。//此处的ax ay为t时，i下标的有效Points[i].X 坐标点和Points[i].Y坐标点的Points.Count - 1阶贝塞尔曲线

89427412 2020-05-06

WPF 利用附加属性创建FreezableCollection集合和反射实现控件参数以MVVM模式传递

本文中的例子本质上就是利用附加属性传递附加对象，并在观察者模式中使用反射技术实现指定名称的事件参数传递。本文中框架任然有很多问题，目前来说是勉强能用，有可以修改的地方尽管说！创建附加属性时写DependencyProperty的这一部分，并且需要使用Se

conganguo 2020-05-06

07 Vue基本代码和MVVM之间对应的关系

Model是从后端中取出来的数据，view是前端html代码，vm是vue实例是model和view的调度者。-- 1.首先导入一个vue.js的包， //当我们导入包之后，在浏览器中内存中，就多一个vue的构造函数。-- 将来new一个vue实例，会根据

yw00yw 2020-05-04

了解MVC、MVP、MVVM定义

Controller控制层触发View层时，并不会更新View层中的数据，View层中的数据是通过监听Model层数据变化而自动更新的，与Controller层无关。View层不能直接访问Model层，必须通过Presenter层提供的接口，然后Prese

conganguo 2020-04-25

.NET CORE(C#) WPF简单菜单MVVM绑定

微信公众号：Dotnet9，网站：Dotnet9，问题或建议：请网站留言，如果对您有所帮助：欢迎赞赏。WPF中垂直导航菜单大家应该都常用，本文介绍使用MVVM的方式怎么绑定菜单，真的很简单。其中菜单项图标使用MD控件自带的字体图标库，通过枚举可以很方便的使

86523296 2020-04-22

Asp.ner Core-Blazor(MVVM)随手记

Blazor真的是微软开发的一个类似Vue.js & Angular.js的东西,不过感觉还是替代不了这两个js,主要是因为前端页面跑C#代码有点浪费资源的感觉。Blazor WebAssembly app就是专门用来把C#代码嵌入进Page里面的

89427412 2020-04-22

年薪百万之让人耳目一新的 Jetpack MVVM 精讲

最近在后台时有收到读者的留言，说能不能出一期 Jetpack MVVM 精讲，以及配套一份简练的案例，好把玩把玩、感受感受、加深对 MVVM 的印象。答案当然是肯定的。金九银十，相信有不少读者在抓紧机会面试。Android 市场已今非昔比。现如今，J

yw00yw 2020-04-20

秒懂是如何做到的？私下分享让人耳目一新的 Jetpack MVVM 精讲！

今天推送一篇关于 Android 架构的最佳实践项目。在 Lifecycle 面市前，生命周期管理纯靠手工维持，这样就容易滋生大量的一致性问题。一方面，凡是手工维持的，开发者容易疏忽，特别是工作交接给其他同事时，同事并不能及时注意到这些细节。为了在视图控

86523296 2020-04-11

MVVM

Model 是用来表示我们会对其进行处理的实际数据，而且其中不应该包含逻辑。ViewModel 会跟踪 View 的事件，和Model 层传给它的数据。他会公开属性和方法，帮住View 保持最新的状态。状态变更之后，ViewModel 通过委托通知 Vie

檀木雨林 2020-04-11

MVVM

Model 是用来表示我们会对其进行处理的实际数据，而且其中不应该包含逻辑。ViewModel 会跟踪 View 的事件，和Model 层传给它的数据。他会公开属性和方法，帮住View 保持最新的状态。状态变更之后，ViewModel 通过委托通知 Vie

yw00yw 2020-04-11

他来了，他来了，他带着MVVM的BRVAH走来了！再不看又错过了

希望大家能耐心看完，之后，你会觉得该控件真心赞，帮你项目开发更加精简，建议收藏。我们日常开发中，用到的列表是何其多，大量的列表，就意味着大量的适配器，更意味着更大量的bean类、item布局和复杂繁多的逻辑，所以，有一套方便，快捷的列表模板是何其重要。因为

yw00yw 2020-04-09

Vue：MVVM模式和第一个Vue程序

　　MVVM是一种软件架构设计模式，由微软 WPF和 Silverlight 的架构师 Ken Cooper 和 Ted Peters 开发，是一种简化用户界面的事件驱动编程方式。　　由 John Gossman于 2005 年在他的博客上发表。　　MVV

howema 2020-02-21

MVVM和MVC的总结

MVVM与MVC最大的区别就是：它实现了View和Model的自动同步，也就是当Model的属性改变时，我们不用再自己手动操作Dom元素，来改变View的显示，而是改变属性后该属性对应View层显示会自动改变。Vue实例中的data相当于Model层，而V

闲来也无事 2020-02-19

MVVM框架（一）---双向绑定及设计模式

以简洁的API迅速俘获了前端开发者的芳心；MVVM 模型应运而生。控制用户输入，并向模型发送数据。订阅者收到通知后对视图进行相应的更新。

codercheng 2020-02-15

MVVM框架 -- Caliburn.Micro 系列文章

Caliburn.Micro 项目文档（翻译）：Screens, Conductors and Composition. Caliburn.Micro 杰的入门教程2 ，了解Data Binding 和 Events（翻译）

檀木雨林 2020-02-15

WPF MVVM ComboBox(in DataGrid)触发事件SelectionChanged, 通知到ViewModel.

　　　　　　</ComboBox> 　　　　</DataTemplate>

89427412 2020-02-13

87103053

W3CSchool教程: HTML 教程; CSS 教程; Bootstrap 教程; Javascript 教程; jQuery 教程

后端教程: C 教程; Java 教程; PHP 教程; Python 教程; Go 教程

移动开发: Android 教程; Swift 教程; Kotlin 教程; jQuery Mobile 教程; ionic 教程

关于我们: 新闻动态; 联系方式; 招聘英才; 安科实验室; 帮助与反馈

安科网(Ancii)，中国第一极客网

Copyright © 2013 - 2019 Ancii.com

京ICP备18063983号京公网安备11010802014868号