JSView MVVM数据绑定库学习

转载 2017年01月03日 00:30:14

MVVM js 库JsRender/JsViews和knockoutjs介绍


http://www.oschina.net/p/jsrender

konckoutjs 参见前端开发框架Bootstrap和KnockoutJS

backbase 框架使用 (songjian公司)


jsViews官网

简书:


使用:

map

List<String> 直接用data表示{{:#data}}  {{:index}}   或者 {{:}} 表示数据

List<Bean>  {{for ...}}

if

{{if nullAble==0}}可以为空{{else}}不能为空{{/if}}

自定义转换器或者tags 

$.views.converters

{{subStrings:username lens=5}}
<img src="../../{{firstImgs:shopProductPicUrls}}"/>
<td>
	<%--photos是用逗号间隔的字符串--%>
	{{if photos}}
	{{for photos.split(",")}}
		 <img layer-src="../../{{:}}" layer-pid="" src="../../{{:}}" alt="" layer-index="0" height="40" width="50">
			{{/for}}
	{{else}}
	{{/if}}
</td>
bool:
<select class="form-control input-sm" id="isHot" name="type" data-rule="required" >
         <option  value="">请选择</option>
         <option  value="1" {{if isHot==true}}selected{{/if}}>热点</option>
         <option  value="0" {{if isHot==false}}selected{{/if}}>普通</option>
 </select>



helpers
{{:~myHelperValue}}
{{:~myHelperFunction(name, title)}}
{{for ~myHelperObject.mySortFunction(people, "increasing")}} ... {{/for}}
debug模式


使用原生的js写法:
{{if detail.length>20}}{{:detail.substring(0,20)}}......{{else}}{{:detail}}{{/if}}


                    

MVVM数据绑定的实现方式(KVO、block、Delegate、Notification、RAC)

前言MVVM 的实现可以采用KVO进行数据绑定,也可以采用RAC。— 其实还可以采用block、代理(protocol)实现。优缺点比较:在对象间的通信中,有block、protocol、通知;blo...
  • u011018979
  • u011018979
  • 2017年07月17日 09:21
  • 417

Android学习笔记之MVVM----DataBinding(数据双向绑定)

首先推荐一个中文API:http://www.jianshu.com/p/b1df61a4df77 这个文档给了很大帮助!要把大象装冰箱,总共三步!第一步:在app.gradle中添加一下代码 ...
  • jing85432373
  • jing85432373
  • 2017年03月20日 13:48
  • 535

DataBinding 与 mvvm 模式(一)文本类型数据绑定

Google 说:世界上已经31个 findViewById 的插件了,不过 Google 推出了最后一个那就是 DataBinding。数据绑定的主创甚至说了:我们发布得太晚了,这个东西应该在7,8...
  • yhaolpz
  • yhaolpz
  • 2017年03月29日 16:17
  • 1316

通俗易懂图解MVVM和RAC双向绑定介绍(附Demo)

前言其实MVVM就是MVC的进化版本,相对于臃肿的Controller,代码越来越多之后,有一部分人就用了新的设计模式,其实看久了也没什么,通俗点讲,其实就是把之前Controller里面的代码逻辑全...
  • Deft_MKJing
  • Deft_MKJing
  • 2017年03月07日 18:01
  • 2335

打造属于自己的MVVM框架: 3.双向绑定

MVVM中对Bingding的解析只能算viewModel->view的单项绑定,但MVVM绝不仅仅只有单向绑定,更重要的是如何监控viewModel变化,将信息实时的反馈给view。 原文请戳 源...
  • kkkkkxiaofei
  • kkkkkxiaofei
  • 2016年05月19日 13:44
  • 2079

剖析Vue原理&实现双向绑定MVVM

原文地址:https://segmentfault.com/a/1190000006599500 本文能帮你做什么? 1、了解vue的双向数据绑定原理以及核心代码模块 2、缓解好奇心的同...
  • tanga842428
  • tanga842428
  • 2017年02月08日 10:53
  • 3040

异步编程 - 针对异步 MVVM 应用程序的模式:数据绑定

 Stephen Cleary 使用 async 和 await 关键字的异步代码正在转变程序的编写方式,这一转变有着充分的理由。 尽管 async 和 await 可能对服务器软件很有...
  • wangrenzhu2011
  • wangrenzhu2011
  • 2014年04月04日 14:01
  • 1238

ios 浅析MVVM模式

一、MVVM是为viewcontroller瘦身? 简单来说,MVVM的横空出世是为了解决MVC模式下的viewcontroller”瘦身”。 在MVC模式下,有一个显著不好的地方,就是viewc...
  • qq_18505715
  • qq_18505715
  • 2016年01月26日 17:39
  • 6356

MVC、MVVM和单向数据流的对比

今天听了部门的高T分享的react和其他框架思想的对比,真的是受益匪浅,所以特地把高T分享的总结一下。前端开发本质上是一种展现层开发,我思考了一下这句话,这句话用人话说就是前端开发本身就是写界面的。但...
  • woshinannan741
  • woshinannan741
  • 2017年07月24日 19:30
  • 661

双向数据绑定原理(三种实现方式)

双向数据绑定原理(三种实现方式)
  • u011301203
  • u011301203
  • 2017年03月22日 21:21
  • 6008
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JSView MVVM数据绑定库学习
举报原因:
原因补充:

(最多只允许输入30个字)