国内最专业的IT技术学习网

UI设计

当前位置:主页 > UI设计 >

百度开源的快速、可移植且灵活的MVVM前端组件框

发布时间:2019/07/17标签:   组件    点击量:

原标题:百度开源的快速、可移植且灵活的MVVM前端组件框
先容San,是一个玲珑的MVVM组件框架,它玲珑的体积(<15k)、优良的兼容性以及出色的机能是笔者以为能够先容给各人的一个起因,特殊是其兼容性,其依然兼容IE6,现在还没见过哪个框架兼容到这么低版本的IE,以是说仍是很有应用代价的,可称得上是一个牢靠、可依靠的完成呼应式用户界面的处理计划!百度开源的快速、可移植且灵活的MVVM前端组件框架——San疾速开端San是开源的,各人能够到Github找到他,从Github来看,百度对其保护仍是到位了的百度开源的快速、可移植且灵活的MVVM前端组件框架——San上面是一段官网的简略先容,能够经过这些来疾速懂得它:

San 经过申明式的类 HTML 视图模板,在支撑全部原生 HTML 的语法特征外,还支撑了数据到视图的绑定指令、营业开辟中最常应用的分支、轮回指令等,在坚持精良的易用性基本上,由框架实现基于字符串的模板剖析,并构建出视图层的 节点关联树,经过高机能的视图引擎疾速天生 UI 视图。San 中界说的数据会被封装,使切当数据产生无效变革时告诉 San 组件,San 组件依靠模板编译阶段天生的节点关联树,断定须要变革的最藐视图,进而实现视图的异步更新,保障了视图更新的高效性。varMyApp=san.defineComponent({template:'

Hello{{name}}!

',initData:function(){return{name:'San'};}});varmyApp=newMyApp();myApp.attach(document.body);
能够看到,平日情形应用 San 会经由这么几步: 咱们先界说了一个 San 的组件,在界说时指定了组件的内容模板与初始数据。 初始化组件工具 让组件在响应的处所衬着
额定提醒:在 JavaScript 中誊写 HTML 片断对保护来讲是不友爱的,咱们能够经过 WebPack、AMD plugin、异步恳求等方法治理。这里为了例子的简略就写在一同了。
从民间文档能够大抵懂得了San是怎样任务的,以及怎样应用!相干特征San一共包括了九大特征,咱们一同来懂得下: HTML模板
申明式的模板,在编写视图时就像是在写一个一般的页面,更合乎 HTML 开辟职员的习气。
数据驱动
修正数据,视图引擎会依据绑定关联主动革新视图,今后解脱手工挪用 DOM API 的烦琐与能够的漏掉。
组件化
组件是数据、逻辑与视图的聚合体。经过组件,咱们封装自力的功效区块,小到输出组合,大到一个页面。
高机能视图
经过修正数据的方式,视图引擎可能间接革新须要变革的视图地区,无需停止任何检测,机能更高。
版权信息Copyright ? IT技术教程 版权所有??? ICP备案编号:鲁ICP备09013610号