学习uni-APP的心得体会

[覃敬然]

1.uni-APP介绍

什么是uni-app

uni-app是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web、以及各种小程序、快应用等多个平台。

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

即使不跨端，uni-app同时也是更好的小程序开发框架。

具有vue和微信小程序的开发经验，可快速上手uni-app

在我学习的过程中我发现uni-app和Vue有很多相同的地方，那么他们区别在哪呢。

1、uniapp开发可以编译到（头条，支付宝，微信，QQ，百度）小程序，安卓版，ios版，h5版。通过打包实现一套代码多端运行；

2、vue是一个单页面应用，在app上面会卡死

3、vue是一个框架，开发的时候可以借助ui组件库进行开发

4、uniapp的开发主要依靠uniapp自己封装的组件，一可以借助外部的ui组件库

5、uniapp自带路由和请求方式

6、uni-app还有自动的框架预载，加载页面的速度更快。

7、里面的标签也发生了变化，

div 改成 view

span、font 改成 text

a 改成 navigator

img 改成 image

input 还在，但type属性改成了confirmtype

form、button、checkbox、radio、label、textarea、canvas、video

这些还在。

select 改成 picker

iframe 改成 web-view

ul、li没有了，都用view替代

它的优点，

• 可以跨平台，一套代码搞定iOS、Android、微信小程序、H5应用等

• 开发成本较低，开发周期比原生短

• 适用于跟系统交互少、页面不太复杂的场景

缺点

• 对开发者要求高，除了本身JS的了解，还必须熟悉一点原生开发

• 不适合做高性能、复杂用户体验，以及定制高的应用程序。比如：抖音、微信、QQ等

• 同时开发多端兼容和适配比较麻烦、调试起来不方便

2.为什么要学习uni-APP

学习成本小，因为只学会uni-app之后，即可开发出iOS、Android、H5、以及各种小程序的应用，不需要再去学习开发其他应用的框架，相对公司而言，也大大减少了开发和学习成本。

3.学习笔记

UniApp项目结构

UniApp项目结构与Vue.js项目结构类似，但是还包含了一些特定的文件和文件夹，如manifest.json和pages.json等。

编写UniApp页面

UniApp页面可以使用Vue.js的语法进行编写，同时还可以使用UniApp自己的组件和API。

发布UniApp应用

可以通过UniApp提供的命令行工具将应用打包成各种格式并发布到各种平台上。

使用UniApp插件

UniApp提供了一些插件，可以帮助您快速集成第三方库和功能，如uni-ui插件、友盟统计插件等。调试UniApp应用

可以使用UniApp提供的调试工具或者微信开发者工具来调试应用。

学习UniApp API

UniApp提供了许多API，可以帮助您快速开发应用，如路由API、网络请求API、本地存储API等。

4.学习心得

经过这一个学期对Uni-app的学习，我对Uni-app有了更深入、全面的认识。同时，Uni-app的发展也是非常迅速的，未来它会有更加广泛的应用前景。在未来的学习和实践中，我相信我可以更加深入地了解Uni-app。