uni app心得和感受

uni app的感受

---

作为刚刚开始的小白：

1.我刚刚开始接触uni app，那时候对vue还是比较陌生,还只是小白，只是听说这玩意可以开发app。
2.要想快速入手uniapp的话，你最好提前学会vue、微信小程序开发，因为它几乎就是这两个东西的结合体，不然，你就只有慢慢研究吧。
3.为什么要选择uniapp？
开发多个平台的时候，对，就是开发多端，其中包括安卓、IOS、H5/公众号、微信小程序、百度小程序...等其它小程序时，如果每个平台开发，人力开发成本高，后期维护也难，原生开发周期也长，那Unipp就是你的优先选择，官方是这样介绍的~哈~，下面是我学习的一个项目：

 

4.来说一下uniapp的优点:
优点一，多端支持
当然是多端开发啦，uni-app是一套可以适用多端的开源框架，一套代码可以同时生成ios，Android，H5，微信小程序，支付宝小程序，百度小程序等。例如微信小程序

 

优点二，更新迭代快
用了它的Hbx你就知道，经常会右下角会弹出让你更新，没错，看到它经常更新，这么努力的在先进与优化，还是选良心的了。

优点三，扩张强
你可以把轻松的把uniapp编译到你想要的端，也可以把其它端的转换成uniapp，例如微信小程序，h5等；如果开发app的时候，前端表现不够，你还可以原生嵌套开发。

优点四，开发成本、门槛低
不管你是公司也好，个人也好，如果你想开发多终端兼容的移动端，那uniapp就很适合你，不然以个人的能力要开发多端，哈哈... 洗洗睡觉吧。

优点五，组件丰富
社区还是比较成熟，生态好，组件丰富，支持npm方式安装第三方包，兼容mpvue，DCloud有大量的组件供你使用，当然付费的也不贵，你还可以发布你开发的，赚两个鸡腿钱还是可以的。

uni app分布和打包：
H5发布
 1、在HbuilderX工具，点击项目的manifest.json文件，web配置，设置页面标题、路由模式等

2、点击发行，然后输入网页标题，然后就会自动打包成H5网页文件

3、点击index.html文件，就可以看到啦！

4、uni开发H5手机版也是很可以，开发中后台管理系统，pc端官网就不用想的。开发H5和用vue开发的区别主要在于vue路由的使用，uni只能配置page.json,没有路由守卫，路由传值的功能，相对而言不太友好，但对于vue路由不太熟悉，但熟悉小程序的人来说缺是容易上手的。再然后对npm上的插件库不是很友好，几乎是摆脱了npm，依赖于自家的插件市场。

安卓打包
 1、在HbuilderX工具，点击项目的manifest.json文件，完成基础的配置，如应用图标，启动图设置等，权限配置之类的..

2、点击发行，原生App-云打包，然后，使用云端证书，点击打包。

3、等待打包，然后就可以在项目的/unpackage/release/apk文件夹下看到被打包的apk安装文件，然后用手机安装即可。

5.简单介绍概念：
1、uni-app跨平台小程序框架，还可以发行到app和web。宣传一套代码编到10个平台。

2、采用vue的语法，v-for，v-if，生命周期等；微信小程序的api，但是wx.改成了uni.，例如跳转页面uni.navigateTo();微信小程序的生命周期，vue的生命周期在uni-app里面皆可使用。

3、有自己封装好的组件（和微信小程序的组件类似），以及官方扩展的uni ui组件轮子提供使用。

4、可配置页面路径作为路由，窗口的样式，导航栏，底部的tabbar等

5、状态管理可以用vue的vuex，小程序的globalData，以及本地储存和页面状态。

6、有一个社区和一个插件市场，很多问题可以到社区提问，对于常见的组件都能到找到封装好的轮子使用，有利于快速开发。

7、既然是跨端，当然有端的判断。在uni-app里面叫做条件编译。写法：以 #ifdef 或 #ifndef 加 %PLATFORM% 开头，以 #endif 结尾。
6uni-app：确实给开发带来了快速的体验，但是坑也不少，所以不吹不黑，希望能做得更好。
在没有太多学习Uni APP的实际经验的时候。我可以提供一些关于学习Uni APP的建议。

1. 先学习基础知识：在开始学习Uni APP之前，你需要掌握基础的HTML、CSS和JavaScript知识。如果你还不熟悉这些知识，建议你先学习一下。

2. 官方文档：Uni APP官方文档非常详细，可以帮助你了解Uni APP的基本概念、API和组件等。建议你认真阅读官方文档并实践，这将帮助你快速掌握Uni APP。

3. 学习案例：学习Uni APP的最好方式是通过实际案例。你可以在网上找到一些Uni APP的案例，通过实践案例来加深对Uni APP的理解。

4. 参加培训班或课程：如果你想快速掌握Uni APP，可以考虑参加Uni APP的培训班或在线课程。这些课程会为你提供更深入的指导，帮助你更快地学习Uni APP。

7整体的来说，uni-app的开发其实和vue开发差不多的，掌握了vue，上手起来还是挺快的，发布运行也比较简单，实现了一套代码，多端部署，还是很方便实用的！
使用uniapp可以开发出同时支持多个平台（如iOS、Android、H5等）的应用程序
1.掌握Vue.js基础知识
2.熟悉uniapp框架的使用方法
3.注意跨平台的兼容性问题
4.合理利用第三方插件
8，别人高手的建议：掌握vue.js的基础知识和熟练使用uniapp框架、注意跨平台的兼容性问题、合理利用第三方插件、以及重视代码优化和重构，是成为一个优秀的uniapp开发者的基本条件可使用通配符*进行全局flex布局。cover-view 小程序框架为了优化体验，部分组件如map、video、textarea、canvas通过原生控件实现，原生组件层级高于前端组件，为了能正常覆盖原生组件，设计了cover-view。

9，学习uni app的问题解决：难免会遇到问题，要虚心学习向同学或者老师请教，还有就是上网查也是可以的，有好的学习环境也是很重要的。
大家看看可以通过以上学习的心得，我认为，学习Uni APP需要有耐心和恒心。通过不断的实践和学习，你可以掌握Uni APP并运用到实际项目中。加油学习！