简介及感悟
在学习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进行调试
以上就是我这段时间学习这门课程的一些笔记和感悟,希望能对大家有一定的帮助。