2021-05-06

2021-5-6学习心得

1、今天学习uni-app 早上下载了手机模拟器和HBilderX已经微信开发者程序

2、在手机模拟器上运行HBilderX写的的内容时的先把HBuilderXAPK文件导入到模拟器上的APK

9、因为使用的是mumu模拟器所以需要将安卓端口需要改成7555

3、在真机上运行时也得把HBuilderX的手机版导入到手机上

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

5、在App端，如果使用vue页面，则使用webview渲染；如果使用nvue页面(native vue的缩写)，则使用原生渲染。一个App中可以同时使用两种页面，比如首页使用nvue，二级页使用vue页面。

 

6、nvue开发BUG少兼容性好有许多内置组件比较方便

7、创建好的项目中：

1、components为符合vue组件规范的uni-app组件目录

2、pages 业务页面文件存放的目录

3、static 存放应用引用的本地静态资源（如图片、视频等）的目录，注意：静态资源只能存放于此

4、App.vue 应用配置，用来配置App全局样式以及监听应用生命周期

函数名	说明
onLaunch	当uni-app 初始化完成时触发（全局只触发一次）
onShow	当 uni-app 启动，或从后台进入前台显示
onHide	当 uni-app 从前台进入后台
onError	当 uni-app 报错时触发
onUniNViewMessage	对 nvue 页面发送的数据进行监听，可参考 nvue 向 vue 通讯
onUnhandledRejection	对未处理的 Promise 拒绝事件监听函数（2.8.1+）
onPageNotFound	页面不存在监听函数
onThemeChange	监听系统主题变化

注意

• 应用生命周期仅可在App.vue中监听，在其它页面监听无效。

5、main.js Vue初始化入口文件

6、manifest.json 配置应用名称、appid、logo、版本等打包信息

7、pages.json 配置页面路由、导航条、选项卡等页面类信息

 

8、uni-app的px需要写成rpx