为了更好的服务互联网移动应用,响应总行打造数字化银行的战略目标,浙江省分行对移动前端框架进行了积极的探索。
如今,以Angular、React、Vue为首的MVVM框架,正成为大量网站前端应用的首选。利用这些框架可以容易的开发一系列风格统一的移动端、桌面端网站,并相对平滑地转化为安卓与iOS的应用,打造一体化的线上服务。其中Vue框架易于使用,性能出色,且拥有大量第三方扩展。我行开始着手从传统的JQuery框架向VUE框架转型。
VUE的主要特征: 0 1Vue易于使用许多人对Vue的评价都是易于使用的JavaScript框架,这里的易于使用包括两个方面,一方面Vue易于学习,了解基本的JavaScript语法即可上手开发,另一方面Vue易于部署,并支持模块化、渐进式交付,既可以单独在页面的某一区域引入Vue,对该区域的数据与视图使用新特性,保持原有的用户体验不变,也支持在前端使用Vue、Vuex与Vue Router构建完整生态的同时,在其中嵌入既有业务的JavaScript代码,实现资源复用。
0 2Vue使用虚拟DOMVue使用虚拟DOM进行页面的更新,通过JavaScript对象模拟真实DOM,在更新时通过JavaScript计算现有DOM与新DOM差异,最小化更新DOM区域,避免浏览器反复更新页面上的实体DOM,使得页面更新速度大幅提高,提升用户体验。
0 3Vue视图数据双向绑定Vue支持数据与视图双向绑定,使用JavaScript脚本操作前端数据,视图将即时更新,用户使用控件操作视图时,数据也能完成同步更新。在获取数据变化的方法上,相比传统的发布订阅模式、或者定时轮询模式,Vue使用更为方便的数据绑定方式,通过使用类的defineProperty方法来关联各个属性的setter或者getter方法,可以实时获取数据变化,同步更新页面显示。
0 4Vue前端生态丰富Vue的发展与迭代大多依靠开源社区,在开源代码平台Github上,有众多使用者不断反馈,提交工单更新,来不断演进。
Vue也拥有丰富的UI组件库,例如饿了么平台的封装Element UI组件库,在Github上也有5万余支持数。在饿了么上常见的小圆点开关,扁平风格的表格,出现在越来越多的网站上。这些开源组件一方面丰富了开源社区的选择,另一方面,也依托着开源社区,不断地完善自己,去扩展更多更广泛的领域。
以上为浙江省分行信息科技部在VUE框架探索上积累的一些知识与经验,下期将深入介绍VUE框架在我行的应用。
供稿|浙江省分行信息科技部