【零基础系列】了解学习 uni-app

一、uniapp的本质

最简单的理解（不具体，但是方便理解）uniapp本质就是 H5网页 ，

dcloud（uniapp的开发团队）制作了各个平台的 编译转换器 ，将uniapp的项目源码转换到不同平台。

平台目前支持的有：

在H5运行时，直接uniapp项目打包（uniapp使用的是vue开发模式）成H5网页，在浏览器里面跑。
在安卓运行的时候：启动的app里面有个浏览器，浏览器直接跑本地的h5网页，网页可以调用uniapp的安卓api实现一些和安卓系统方面的交互
在IOS运行的时候：启动的app里面有个浏览器，浏览器直接跑本地的h5网页，网页可以调用uniapp的IOS系统api实现一些和IOS系统方面的交互
在VX小程序运行时：启动的小程序是，VX里小程序容器里跑一个类似h5网页的项目，网页（暂且理解为一个网页，实际有点出入）和VX交互，VX再和系统交互。
其他各大平台的小程序大同小异。

我们看到，无论在哪一端运行，它都依赖了一个技术：h5

二、uniapp有什么用

楼主创业蛮久，翻车无数次，总结出一个经验：中小型公司不要做原生APP为什么这样说呢，

• 安卓的java苹果的object-c/swift语言，开发效率相较于H5低许多，开发周期长
• ios原生开发人员与安卓原生开发人员只可以做原生开发，中小型公司如果工作分配不均经常容易后端忙的要死，原生前端没活
• 原生开发人员薪资相较于h5前端人员要高一些
• 随着网络监管政策收紧，app上架流程复杂，国内的安卓厂商还没有统一的应用商店，要耗费许多精力
• 中小型公司重在迭代快速，如果项目有起色再转到原生也不迟，更适合快应用，小程序等形式推广早期项目

我们制作小程序的话可以依托于各大平台的能力，比如VX小程序支持云开发，甚至可以做到一天一迭代，前端直接操作后端，后端代码甚至都可以省掉大部分。

但是现在QQ，VX，抖音，百d，快手，甚至虎牙直播，好像能叫上名的平台都有小程序，如果我们开发各个平台的小程序要起多个项目，维护开发成本都特别高，重复的工作量也大，小程序代码的大部分是重合的，我们没有必要为了开发多个平台小程序起多个项目。

因此uniapp就是比较好的选择了：

uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（VX/zfb/百d/头条/QQ/快手/钉钉/Tao宝）、快应用等多个平台。

一套代码，可以多端复用。

三、uniapp怎样学习

uniapp是一个前端项目，这就要求我们要掌握一些前端知识，这里引用之前发过的帖子：

既然是网站，前端知识必须掌握，可以先从简单的开始

第一阶段：写个简单的前端网页（静态）
html5入门 css3入门 JavaScript入门

第二阶段：更方便迅速的写个前端网页
jquery

第三阶段：标准化写前端页面
vue/react 两个方向，如果都会也行（但是这里我推荐vue，因为它是中国人开发的，文档齐全且友好）

（学习过程中不可避免用到一些技术栈：bootstrap(pc/移动自适应) uniapp（前端的网页语言开发app小程序） element（制作管理后台常用vue库） layui（最简单的jquery ui库） layuimini（做admin页面快速成型）ovine ams）
以上的知识点，学完jquery就可以接触bootstrap layui layuimini

既然是网站，有了前端肯定要再做点后端（服务器端）的东西，这个方面语言就太多了
图省事，推荐易语言直接写网站：E2EE

E2EE_精易论坛​https://link.zhihu.com/?target=https%3A//bbs.125.la/forum-216-1.html

如果前端学的还行，前端里面的js（JavaScript）就可以写后端，它叫做：node.js（如果你听说过它，有个叫npm的东西也不错，你学习vue等更接近应用层的框架一定会用到它导包）
虽然php有没落的趋势，但是不可否认，现在大多数网站还在用它，比如我的博客：http://blog.h2t.me(感谢wordpress)，比如咱们的论坛（感谢dz论坛），毕竟，php是世界上最好的语言（狗头保命）

如果你希望以后做企业项目，那么肯定是推荐java了，它的可靠性极强，而且现在应用非常广泛，微服务更是可以处理亿级并发
既然后端学都学了，技能可以做点其他的就更棒了，这里推荐您学习python，简单易学，还有django这种成熟好用的库

作为啥都会一点，啥都不精通的我来说，其实我更加喜欢golang这门语言，俗称go语言，因为它的开发效率高，性能强，而且出身名门，是谷歌的语言，近年来很多大厂开始实用这门语言，也有许多不错的http库，如：beego,gin,Echo,Irsi等
当然了，通过上面这么多可以写后端的语言也许你发现了，只要是有处理能力，有http库，就可以做后端，那么用什么好呢，鉴于您是初学者这里我推荐您：php（别问，问就是不走弯路，简单！）

学习资源：
学习资源推荐：
菜鸟教程（细心耐心看文档，你一定可以）
哔哩哔哩（直接搜索上面加粗的关键字，教程非常全面哦）

如果想直接撸袖子开干，不学这么多基础课，边学边做，怎么办呢？

1.多看，多改源码

建议有耐心的同学可以到uniapp官方的插件市场看看：https://ext.dcloud.net.cn/

找一些感兴趣的项目，下载下来看看代码，改改代码，运行运行代码，不过前端这东西吧，制定js语法的大佬玩的太花了，写法也特别花，很可能出现看不懂的情况，这种情况下，可以继续看下面的：

2.知道VUE项目如何打开

前端项目只要有src文件夹，就用cmd运行npm i，npm run dev

如果你没有了解过npm，可以把他理解为

精易论坛https://link.zhihu.com/?target=http%3A//bbs.125.la/

易语言支持库（模块）安装器，可以自动帮你安装依赖的支持库（模块）

3.学会使用前端调试开发工具

如果你有抓包分析的经验，应该知道在大多数浏览器按下F12，可以打开开发者工具，这里我建议使用Chrome浏览器，切换到console（理解为易语言的调试输出），看看网页状态以及是否报错，如果有报错（一般是英文）直接使用翻译工具翻译，翻译不明白，直接复制百度（这里有个坑，因为前端花活太多，一种类型报错引起的可能性非常多，因此在找网上的解决方案时一定要多试，多对比）

4.一定一定要知道web技术由三部分驱动：HTML CSS JS

html可以理解为易语言上的组件，不过web技术的复杂组件需要自己用简单的组件组合而成

css可以理解为易语言组件自绘，给元素加样式（美化元素）让元素变得更好看

js可以理解为易语言里面的函数，通过函数我们可以控制组件

5.多交流，虚心请教大佬

可以直接在QQ面板搜前端 web VUE uniapp js css3 html5 layui类似这样的关键词，多加群，遇到问题群里虚心请教大佬

6.这个不重要

等你把上面5条建议玩的炉火纯青了，但是发现自己还是啥项目都写不明白，这很正常，前端技术现在被玩的太花了，建议你还是看下最上面引用的部分吧，从基础的html css js学起，jquery已经没落，甚至就在前几天layui官网也关闭了，基础看完后可以直接学习去撸VUE，祝你好运。

在写文章的时候F12打开调试工具看到了精易论坛前端大佬留的菜单：

 Uniapp问答互助学习交流群：

uni-app问答互助交流群 326576256https://jq.qq.com/?_wv=1027&k=Drduf43I