玩转uni-app系列-第1篇:什么是uni-app?

转自公众号:潇湘e时间
http://mp.weixin.qq.com/s?__biz=MjM5MTAwMDMyNA==&mid=2247483704&idx=1&sn=fdd1643f471ea9a4cf8b813df6db72ed

    最近小哥哥一直在找一个同源能部署到多个平台的框架,一不小心果真找到了这款神器!玩转uni-app系列-第1篇:什么是uni-app?当然这个框架已经不是刚刚才出来了,可能很多前端的大师早就熟悉了,如果您已经熟知了,请勿喷,给新人一个学习的机会玩转uni-app系列-第1篇:什么是uni-app?

uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。

DCloud公司拥有470万开发者用户,几十万应用案例、8.4亿手机端月活用户,数千款uni-app插件、70+微信/qq群。阿里小程序工具官方内置uni-app(详见),腾讯课堂官方为uni-app录制培训课程(详见),开发者可以放心选择。

uni-app在手,做啥都不愁。即使不跨端,uni-app也是更好的小程序开发框架(详见)、更好的App跨平台框架、更方便的H5开发框架。不管领导安排什么样的项目,你都可以快速交付,不需要转换开发思维、不需要更改开发习惯。是不是觉得很方便呢?开发快速,真是一部葵花宝典。

为什么要选择uni-app?

uni-app在开发者数量、案例、跨端抹平度、扩展灵活性、性能体验、周边生态、学习成本、开发成本等8大关键指标上拥有更强的优势。

笔者觉得最重要的是学习成本和开发成本低,扩展性非常好!

     

开发者/案例数量更多

几十万应用、uni统计月活8.4亿、70+微信/qq群、更高的百度指数

跨端完善度更高,真正落地的提高生产力

     

平台能力不受限

在跨端的同时,通过条件编译+平台特有API调用,可以优雅的为某平台写个性化代码,调用专有能力而不影响其他平台。

支持原生代码混写和原生sdk集成。

     

性能体验优秀

体验更好的Hybrid框架,加载新页面速度更快。

App端支持weex原生渲染,可支撑更流畅的用户体验。

小程序端的性能优于市场其他框架。

     

周边生态丰富

插件市场数千款插件。具体可以点插件市场详细了解。

支持NPM、支持小程序组件和SDK、兼容mpvue组件和项目、兼容weex组件。

微信生态的各种sdk可直接用于跨平台App。

     

学习成本低

基于通用的前端技术栈,采用vue语法+微信小程序api,无额外学习成本。

     

开发成本低

不止开发成本,招聘、管理、测试各方面成本都大幅下降。

HBuilderX是高效开发神器,熟练掌握后研发效率至少翻倍(即便只开发一个平台)。

功能框架

从下面uni-app功能框架图可看出,uni-app在跨平台的过程中,不牺牲平台特色,可优雅的调用平台专有能力,真正做到海纳百川、各取所长。

一套代码,运行到多个平台

uni-app实现了一套代码,同时运行到多个平台;如下图所示,一套代码,同时运行到iOS模拟器、Android模拟器、H5、微信开发者工具、支付宝小程序Studio、百度开发者工具、字节跳动开发者工具、QQ开发者工具(底部8个终端选项卡代表8个终端模拟器):

至于开发工具

 

开发工具也一直是笔者非常喜欢的Hbuilder X,以前的版本是Hbuilder,这个工具为啥好用,请自行了解,附上学习地址:

https://ask.dcloud.net.cn/docs/

常用的好看的样式库

Card卡片

Drawer 抽屉


宫格

评分





分段器




Steps 步骤条




轮播图






暂时就列举这些了,光看这些样式是不是就特别舒服呢,不仅舒服,而且用起来特别方便,学习成本也低,最重要的是接近原生体验。如果你有兴趣,可以详细的了解下,下面附上官方学习地址:

https://uniapp.dcloud.io/component/README

玩转uni-app系列-第1篇:什么是uni-app?》来自互联网,仅为收藏学习,如侵权请联系删除。本文URL:http://www.hashtobe.com/17.html