- 小程序开发笔记#1 封装一个页面栈工具类:思路分析(一)
为啥想要写一个页面栈工具类? 关于官方API 微信官方文档中提供了有关路由的5个API,对应实现不同的页面切换需求,分别为: wx.switchTab(Object object) wx.navigateTo(Object object) wx.navigateBack(Object object) wx.reLaunch(Object object) wx.redirectTo(Object object) 改进思路(主要还是打代码的习惯) 1)5个API可以看作页面栈的进出栈操作 tabBar之间的跳转 保留当前页面,跳转到应用内的某个页面(但是不能跳到 tabbar 页面)——push(进栈) 关闭当前页面,返回上一页面或多级页面——pop(出栈) 关闭所有页面,打开到应用内的某个页面——清空栈后push一个页面 关闭当前页面,跳转到应用内的某个页面(但是不能跳 tabbar 页面)——先pop后push一个页面 不妨尝试封装一个页面栈工具类,通过更简洁的进出栈操作实现页面切换 2)要实现页面间跳转时的数据传输,一般采用把data放入url中,如: [代码]wx:navigateTo({ url: '../pageTest/pageTest?id=123&name='bao'' }) [代码] 在目标页面pageTest的onload方法中可以这样获取数据: [代码]onLoad: function (res) { this.setData({ id:res.id, name:res.name }) console.log(this.data.id); console.log(this.data.name) }, [代码] 可以看到,对于大量数据的传输时,url会非常长,处理起来比较不方便,我们可以尝试封装一些方法实现从要传输数据对象到url的转换 NavigateUtilAPI push(page页面地址,data需要传递的数据) pop(delta返回层数) switch(page页面地址,data需要传递的数据):进行tabBar间的切换 change(page页面地址,data需要传递的数据):改变当前页面 goto(page页面地址,data需要传递的数据):强制跳转 (……更加细化的接口,如将data嵌入url,当前页面获取等 后记 下一节开始写代码实现!希望能对刚开始学小程序的朋友有所帮助! 还是小白,如果有错误或更好的想法,欢迎各位大佬一同交流、指出哇~
2021-11-13 - 大二小白就不能开发小程序应用?!
启。 1、规划学习路线 想要学习小程序,得先明确自己的学习路径,在b站和微信课堂都有好些优秀的学习视频。身边有人已经开发出应用了,人家已经玩转小程序了,但这并不是不出发的理由。正因为知道自己是小白,所以我得出发!听从你心,无问西东。 2、做自己的产品经理 在学习小程序的过程中,就发挥自己的奇思妙想,想想自己想要做什么样的产品出来。一个企业开发游戏小程序还是商城小程序,都要在开发前进行一下市场调研;而我个人开发一个小程序,小白阶段还不是奔着开发什么盈利小程序,而是一个展现思路-实现想法的实践作品。所以我们主要是走进自己的内心,结合自己的实际情况,也可以对用户年龄、喜好、体验有一定的了解,这样就有了小程序设计的大方向。 3、一点一点去进步 途中会遇到bug,正如写别的程序也是如此。想要学习开发小程序应用,就要稳住心态,多练习多试错。想要做出来自己的作品,每一点一点都是亲手去完成。时间从来不说话,却回答了所有的问题。只要真切地付出了时间和心思,总会有收获。学习是一个过程,进步同样。 4、不要想太多 想法太完美有时候也不是一件好事,有时候就是因为想太多,所以导致一直没开始,从看完文章的这一刻,去做吧!无论结果如何,都是一场惊奇的际遇。
2021-11-09