uni-app:基于Vue的跨端框架(闪电演讲内容整理)| 掘金开发者大会

1,758 阅读2分钟

大家好,我是DCloud公司的崔红保,感谢掘金提供机会,跟大家闪电分享一下uni-app ^_^

一句话介绍uni-app :一款基于vue的跨平台前端框架; 多说两句就是:开发者通过编写 Vue.js 代码,uni-app 将其编译到iOS、Android、微信小程序等多个平台,保证其正确运行并达到优秀体验。

随着微信小程序的成熟火爆,支付宝、百度、手机厂商等阵营也逐步推出自己的小程序/快应用规范,除了之前的iOS、Android、H5平台外,前端开发者还要面临多家小程序的适配开发,工作量在剧增,规范学习成本在提高,uni-app就是为了解决这些跨端兼容而生。

规范

从设计开始,uni-app有一个基本原则:充分利用现有前端生态,尽量不新立规范,减少前端学习成本,因 此uni-app 的开发规范大量借鉴了微信小程序和Vue.js; 具体来讲,组件标签和api靠近微信规范,数据绑定和文件系统靠近vue,开发者编写一个业务页面时,无需像原生小程序那样编写wxml、wsxx、js、json四个文件,而只需要编写一个扩展名为 .vue 的 single-file components(单文件组件)文件即可。这样的设计,方便有一定 Vue.js 和微信小程序开发经验的开发者可快速上手 uni-app ,开发出兼容多端的应用。

跨端

关于跨端框架,很多开发者可能会担心跨端意味着丢失平台特色,uniapp 对此的解决方案是引入条件编译,开发者可以优雅的为某平台写个性化代码、调用专有能力而不影响其他平台。

工具

关于IDE支持,HBuilderX对uni-app提供了良好的开发支持,包括语法提示、代码块、真机运行、云端打包等。HBuilderX 是HBuilder的下一代产品,全新架构,更轻量化,欢迎大家使用。

生态

生态方面,DCloud发布了一些常用的扩展组件和业务模版,比如索引列表,城市联动;围绕DCloud产品有大量前端开发者,也贡献了不少组件模板,比如图片裁剪等。另外,uni-app兼容mpvue项目,mpvue相关的开源组件和项目,都可以快速迁移到uni-app中。

最后,屏幕右下角的小程序码是 uni-app 的组件能力演示程序,大家可以扫码体验。

我的演讲到此结束,谢谢大家!