从Knockout到Angular的架构演变-低调大师

从Knockout到Angular的架构演变

2017-11-21 697

2008年第一次在WPF中使用MVVM模式之后，就一直热衷于耦合隔离、模块化与重构、UI和逻辑分离、单元测试以及后面的领域模型。谈及MVVM模式，自己也开发过一套框架，但没有长期更新和维护，所以索性就一直使用Prism和 MVVM Light。到2012年的时候，看到HTML5的大行其道和Silverlight的衰落，果断把主要精力投入到ASP.NET MVC和Knockout的开发和研究当中，虽然Knockout比较容易上手且方便使用，但总觉得没有在WPF和Silverlight中使用MVVM 那么酣畅淋漓。

WPF/Silverlight

Web

MVVM框架

· Prism

· MVVMLight

· Caliburn（Caliburn.Micro）

· MVVM Helpers

· Cinch

· MVVMFoundation

· AngularJS

· Knockout (or use Durandal)

· Backbone.js

· Ember.js

· Epitome

· Agility.js

尽管后面尝试过其他框架，比如通过Durandal 实现SPA让我之前对Knockout的种种不便有所改观，但始终还是有所缺憾，直至现在使用Angular，尤其是Angular + TypeScript才发现一切问题都不复存在了。

（之前使用WPF/Silverlight的最大问题其实是很难招到合适的人员做美工和设计，因为很少人会专门投入到Blend和XAML的研究当中，但现在使用Web就会发现资源是那么的丰富，不管是人力资源还是开源社区）

功能	WPF/Silverlight	AngularJS
UI	XAML	HTML+CSS
设计工具	Design/Blend and Visual Studio	All professional design tools
控件模板和自定义控件	Control Templates or Custom Control	Custom Directives (Element)
动画	System.Windows.Media.Animation	CSS3 Animations and/or JavaScript via ngAnimate
样式和模板	XAML/Resources	CSS3 and LESS
样式继承和关联	Implicit Styles and/or BasedOn	LESS Mixins
转换和过滤	IValueConverter	Filters
绑定Model到UI	ViewModel and DataContext	Controller and Scope
服务重用	Prism Service Locator	Custom Services/Service Factory
事件	Routed Events	$emit and $broadcast
模块化	MEF and/or Prism Module Catalog	Angular Modules
Services	WCF or WCF RIA Services	RESTful services (accessed via the Angular $http/$resource Services)
导航与路由	UriMapper	Routing
内部组件通信	Prism Event Aggregator or Messager	Shared Services
视频	MediaElement	HTML5 Video Element
脱离浏览器运行	Yes	Yes, via Chrome Apps
封装UI逻辑	Behaviors	Custom Directives (Attribute)
UI与逻辑分离	Control or Data Templates	CSS/LESS
跨域请求	Access-Policy	CORS
单向数据绑定	BindingMode.One	Ng-Bind
双向数据绑定	BindingMode.TwoWay	Ng-Model
单向数据源绑定	BindingMode.OneTime	Ng-Model
开源模板	Modern UI or MahApps	Bootstrap or Foundation
浏览器支持	Need silverlight plugin or XBAP	All supported

所以现在将架构由Knockout到Angular的调整并使用到新项目的开发，具体如下：

到目前为止，还没有发现Angular有什么大的技术难题或者性能问题，如果有Angular项目经验的朋友，不妨留言讨论，学习共勉！

另外，很多人发邮件问WPF是否会像Silverlight一样消亡，其实这个问题很难回答，尤其在目前这个不光是微软主导的开发环境下（HTML5流行度远甚于XAML，IOS和Android的大行其道与Windows Phone的不温不火，Windows的命运尚不知晓），可能连微软自己也不能很好地解答这个问题，所以一切只能由市场和时间来慢慢决定。

本文转自KnightsWarrior51CTO博客，原文链接： http://blog.51cto.com/knightswarrior/1669687，如需转载请自行联系原作者

微信关注我们

原文链接：https://yq.aliyun.com/articles/499559

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

DNS

DNS and BIND DNS:Domain Name Service,协议(c/s,53/udp,53/tcp) BIND:Bekerley Internat Name Domain,ISC(www.isc.org) TCP:Transmission Control Protocol 传输控制协议，面向连接的协议； UDP:user datagram protocl 用户数据报协议，无连接协议本地名称解析配置文件：hosts /etc/hosts 1.1.1.1 www.test1.com 1.2.2.2 www.test2.com 哈希之后放入内存。 --方XX TOP level Domain：tld com，edu，mil，gov，net，org，int dns查询：递归查询迭代查询名称服务器：域内负责解析本域内的名称的主机；根服务器：13组服务器 DNS服务器类型：主DNS服务器辅助DNS服务器缓存DNS服务器转发器主DNS服务器:维护所负责域内解析库服务器从DNS服务器：从主DNS服务器或者其他的从DNS服务器那里“复制”（区域传送）一份解析库； ...

2017-11-21

859

一. 背景 2014年6月30日离开微软新加坡，第二天随即加入现在的公司，之后一直忙碌着公司的新项目，权限系统、以及旧项目的维护与重构，整体来说一起都比较顺利，每天都忙碌、痛苦并快乐着。由于前面几个系统的顺利开发完成并上线，所以忙里偷闲，恰巧最近公司突然来了一个在我看来非常大且持久的项目，面对挑战，我希望能把它顺利的接下来并做大做好，遂希望招聘几名志同道合的.NET程序猿。二. 招聘信息具体招聘条件： Bachelor degree in business, software engineering, or computer science. Experience creating ASP.NET views in MVC/Razor utilizing CSS and jQuery/JavaScript. C# .NET development in Framework 4 or newer. Experience with WCF web services or Web API. Familiarity with Microsoft Unit Testing tools, i...

2017-11-21

787

资源下载

更多资源

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。

WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源，继承了IntelliJ IDEA强大的JS部分的功能。