uni-app学习笔记及感悟

简介及感悟

在学习uni-app中，我们需要用到HBuilderX、微信开发者工具 、vscode，一般用HBuilderX比较多。HBuilderX是为前端开发者服务的通用 IDE，或者称为编辑器；HBuilder是一个 web开发的 IDE，它支持HTML5。旧的 HBuilder是一个红色的标志，并且在2018年就已经不再更新了。带有绿色标志的 HBuilderX是新版本的选择；顶级的 AST文法解析技巧，语法提示准确，全面，一丝不苟，转到定义，重构，完善，为其它工具提供更好的 Vue支持。

因为 uniapp在编写程序时，所选择的语法就是 Vue，所以在学习 Vue之前，我们必须对 Vue的一些基本语法有一定的了解，例如：虚拟 DOM，数据绑定，组件， Vuex等。而要搞清楚这一点，就需要学习 JS。在学习了 js之后，我发现它和 java有很多相似之处。同时，我还学习了 HTML+ CSS，使自己能写出更加优美的页面，并且对前端有了一个初步的了解。在将来的项目中，我们会参照 vue的语法，撰写网页与接口，加深对前端的理解。

通过本课程的学习，我掌握了许多基本的东西，这些东西对我以后的工作有很大的帮助。

例如：全局网络请求步骤、iconfont字体图标使用、使用缓存保存数据、利用自定义消息组件发通知、给注册页面的input赋值等。

如何使用缓存保存数据？

应用场景：
1、对时效要求不高的应用，初次加载页面，可使用缓存减少等待时间。
2、无网络或服务器无法访问时，使用缓存提供本地数据查阅或离线阅读。
3、相对固定不变的数据，无需每次从服务器获取。

同步异步：
使用时存在两种方案，同步和异步（记住两种方案是重点）。

使用步骤：
设置缓存值，获取缓存值，从服务器获取最新数据保存到本地。

a.因缓存在本地，基本可不考虑耗时和失败的情况，所以使用同步异步均可。
b.若需要即刻使缓存生效以进行下一步操作则必须使用同步方法。

如何利用自定义消息组件发通知？

1.在被通知页面的onLoad()生命周期函数中调用消息组件的add方法添加消息。
2.在通知页面需要发起通知的方法中调用消息组件的post方法，发送消息。
3.在被通知页面的Unload()生命周期函数中调用消息组件的remove方法，删除消息。

如何进行全局网络请求？

1、建立一个request.js文件  。
2、写出网络请求的方法  。
3、开放导出  。
4、在main.js引入  。
5、在main.js中添加实例。
6、用this使用方法。

uniapp如何进行运行和调试？

1.可以在H5中直接运行调试

2.用微信小程序进行调试，首先要打开微信开发者工具，选择运行到小程序模拟器->微信开发者工具，当它运行完成之后，就会自动打开小程序。

3.用今日头条小程序进行调试，选择运行到小程序模拟器->今日头条开发者工具，然后将文件导入到unpackage->dist->dev-> MPT。

APP的调试，可以在安卓系统中连上手机后开启开发模式，在手机终端上运行。可以通过仿真程序对 IOS进行调试

以上就是我这段时间学习这门课程的一些笔记和感悟，希望能对大家有一定的帮助。