2. uni-app的一些介绍

前言

就目前的前端生态而言,跨端开发基本算是每一个前端开发者必备的技能点之一了,而在Vue这个技术栈里uni-app在跨端是独一档的,不信的话可以翻翻Boss之类的招聘网站....


概述

阅读时间:约5~10分钟;

本文重点:

  • 通过本文你可以知道uniapp是什么;
  • 技术栈、入门难度等等;
  • 我们该如何有效的学习uniapp;

整体内容大致如下:


官网

学习uniapp怎么能不知道uniapp的官网呢,官网地址如下:https://uniapp.dcloud.net.cn/


uniapp是什么

官网原话

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

简单的说,uni-app是一个 前端的框架,它使用的语法是 Vue的语法,并且通过uniapp框架开发的代码在开发完毕后,在打包编译的阶段,可以编译成不同平台类型的程序,其中我们最常用的就是编译成IOS客户端,Android客户端以及各个平台的小程序;

由此可见,uniapp确实很强大、非常强大,虽然外面都在说由uniapp开发出来的程序在体验上不如原生,但这又如何,对于老板来说原本开发团队在前端开发这个配置上需要一个IOS,一个Android,一个Web,现在只需要一个Web,用人成本减少带来的优势是远远大过于那一点点用户体验,所以......你懂得......纯IOS和Android的开发者是越来越难了,这也是不争的事实;

另外,uniapp是开源免费的,不用担心收费的问题,原文如下:

uni-app 是免费并且属于Apache2.0开源协议的产品。DCloud官方承诺无论HBuilderX、uni-app,面向全球程序员永久免费。大家可以放心使用。

小结

uni-app是一个 开源免费 前端的框架,它日常开发使用的是 Vue的语法,通过该框架的开发的程序最终能被打包编译成适用于包括小程序在内的多个平台。


技术栈和入门难度

  • 技术栈:Vue(Vue2、Vue3都支持)
  • 入门难度:比较平滑

uniapp的技术栈完全可以认为是等同于Vue,并且 Vue2和Vue3都是支持的,如果你是一位比较了解Vue技术栈的开发者,那么我个人认为uniapp对你而言是毫无难度的。

当然,这也不代表uniapp的语法和Vue完全等同,在uniapp中还是有很多自己的方法,只不过说这些方法的使用与Vue几乎一致,举个例子吧,以Vue2的生命周期为例,除了Vue自带的生命周期,uniapp还提供了一些自带的,如下图:

留个印象,强行记忆没有效果,等要用到了再回来查资料....

关于技术选型,如果一直从事的是React相关的开发,现在正在做项目的技术选型,其实我个人不太建议选uniapp,因为我觉得相比uniapp,react native才应该是你的首选,但如果仅仅是用作学习,那么毫无疑问是可以的,毕竟我个人觉得vue的用法比react更亲民;

官方在技术选型上也是有几份详尽比对的,资料如下:

  1. 多端开发框架对比横评,参考:跨端开发框架深度横评之2020版 - 掘金
  2. 只做App,flutter、react native等App跨平台框架对比,参考:flutter、rn、uni-app比较 - DCloud问答
  3. 只做小程序,原生wxml开发、wepy、mpvue、taro的对比,跨端框架深度评测:微信原生、wepy、mpvue、uni-app、taro、chameleon - DCloud问答
  4. uni-app和微信原生开发的详细比较评测,参考:使用uni-app开发小程序,比直接原生开发小程序好在哪里? - DCloud问答

小结

如果是项目的技术选型,那么毫无疑问,Vue选uniapp,react的选react native,如果是 小程序选uniapp好过原生,毕竟如果用微信原生写了之后你也不知道以后会不会产品经理会不会来一句,"能不能把微信小程序移植到支付宝小程序/抖音小程序上";


如何有效的学习uniapp

官网上其实有很多学习资源,uni-app官网,通过这些资源入个门毫无疑问是可以的;

另外,如何有效的学习,我个人的建议是:自己找些有感兴趣的app临摹实战一下,找一个现有的产品临摹也好,还是在花瓣,站酷这种上找一个现成的UI设计图,照着设计图开发也罢,只有通过实战才可以融会贯通的学习。

本专栏在分享完基础内容后,分享一个仿《通义千问》的微信小程序案例,期望通过这个实际的案例可以帮助你更加有效的了解uniapp。


本章小结

  • uniapp是一个 免费开源的前端框架 ,它使用 Vue的语法,通过它可以用一套代码来管理IOS客户端,Android客户端,各平台的小程序,网页等等;
  • uniapp对于Vue2和Vue3均支持;
  • uniapp的学习难度是相对较低的,甚至于会Vue的开发者学习起来几乎没有任何难度;
  • 学习最好的方式是使用,通过本专栏的仿《通义千问》的微信小程序案例相信可以帮助你更好的了解uniapp;
相关推荐
初遇你时动了情1 小时前
uniapp 城市选择插件
开发语言·javascript·uni-app
zhangjr05752 小时前
【HarmonyOS Next】鸿蒙实用装饰器一览(一)
前端·harmonyos·arkts
不爱学习的YY酱2 小时前
【操作系统不挂科】<CPU调度(13)>选择题(带答案与解析)
java·linux·前端·算法·操作系统
木子七2 小时前
vue2-vuex
前端·vue
麻辣_水煮鱼2 小时前
vue数据变化但页面不变
前端·javascript·vue.js
BY—-组态2 小时前
web组态软件
前端·物联网·工业互联网·web组态·组态
一条晒干的咸魚2 小时前
【Web前端】实现基于 Promise 的 API:alarm API
开发语言·前端·javascript·api·promise
WilliamLuo3 小时前
MP4结构初识-第一篇
前端·javascript·音视频开发
Beekeeper&&P...3 小时前
web钩子什么意思
前端·网络
啵咿傲3 小时前
重绘&重排、CSS树&DOM树&渲染树、动画加速 ✅
前端·css