MVVM框架jsViews和Knockout的选择

简介: jsViews和Knockout都是JavaScript库,都在客户端实现了MVVM模式,使用了jQuery模板插件jsRender。如何选择jsViews和Knockout库呢?看下面的对比: 一、Knockout的优缺点: 1. 优点: 事件声明式的绑定,比选择器或代码绑定更方便。
jsViews和Knockout都是JavaScript库,都在客户端实现了MVVM模式,使用了jQuery模板插件jsRender。

如何选择jsViews和Knockout库呢?看下面的对比:

一、Knockout的优缺点:

1. 优点:

  • 事件声明式的绑定,比选择器或代码绑定更方便。
  • 有极好的文档和例子。
  • 绑定常见的元素非常容易,语法简单。

2. 缺点:

  • 需要使用绑定引擎的ko.observable(data)调用来转换视图数据为可用的数据。
  • 在访问时,需要以函数方式调用视图模型属性。如果忘记这一点,绑定会被破坏,且不报错。
  • 声明式的事件绑定违背了关注点隔离的原则。

作者博客主页:http://blog.csdn.net/chszs

二、下面看jsViews的优缺点

1. 优点:

  • 使用原始的视图模型,无需转换或封装。
  • 轻量级、速度快。
  • 使用jsRender开箱即用,无需修改。

2. 缺点:

  • 对于数据变更,需要在代码中明确指定"observalbe"更新调用。
  • 文档极少,仅有几个例子。
  • 无事件绑定的功能。

三、结论

两个框架差不多,可以根据自己的喜好任意选择。
目录
相关文章
|
5月前
|
设计模式 JavaScript 前端开发
vue的MVVM模型
Vue 的 MVVM(Model-View-ViewModel)模型是一种用于构建用户界面的设计模式。`它将应用程序的模型(Model)、视图(View)和视图模型(ViewModel)进行了明确的分离,使得开发和维护更加简单和高效。
|
前端开发
MVVM框架原理
MVVM框架(Model-View-ViewModel)是一种基于数据绑定的前端架构模式。它将视图逻辑与业务逻辑分离,提供了一种简单而清晰的方式来管理和组织代码。
424 0
|
5月前
|
设计模式 前端开发 JavaScript
Vue之MVVM模型
Vue之MVVM模型
|
5月前
|
设计模式 JavaScript 前端开发
Vue的MVVM实现原理
Vue的MVVM实现原理
88 1
|
10月前
|
前端开发 JavaScript
【Vue2.0学习】—理解MVVM(二十九)
【Vue2.0学习】—理解MVVM(二十九)
【Vue2.0学习】—理解MVVM(二十九)
|
11月前
|
JavaScript 前端开发 Java
【Vue】MVVM模型还没懂嘛
【Vue】MVVM模型还没懂嘛
|
JavaScript 前端开发 容器
|
开发框架 缓存 前端开发
【前端】学习前端框架Vue之MVVM
MVVM是一种客户端开发框架。MVVM是指数据层(Model),视图层(View),视图数据模型(ViewModel)。所以,MVVM是 Model-View-ViewModel 的缩写,即 模型-视图-视图模型。
201 0
【前端】学习前端框架Vue之MVVM
|
缓存 前端开发 JavaScript
【前端】学习前端框架Vue中的MVVM之LiveData
上一篇学习了MVVM,这一篇来学习下LiveData知识点
97 0
|
JavaScript 前端开发 开发者
MVVM之卡哇伊Vue源码分析plus
本文是对我在2019-01-01发布的名为MVVM之Vue源码分析一文的重新整理,我会首先介绍几个涉及JS方面的知识,然后将对MVVM框架的三大基本原理(即数据代理、模板解析、数据绑定)进行介绍。
MVVM之卡哇伊Vue源码分析plus