整理在微信小程序开发过程中的收获

最新推荐文章于 2024-04-20 18:23:28 发布

a la

最新推荐文章于 2024-04-20 18:23:28 发布

阅读量2k

点赞数

分类专栏：小程序前端 mpvue 文章标签：小程序前端

本文链接：https://blog.csdn.net/alaAicy/article/details/105139210

版权

本文作者分享了首次使用mpvue框架开发微信小程序的心得，包括微信登录授权、手机适配、支付功能、分享功能的实现，以及解决栈溢出和首页懒加载等问题。通过webstorm和微信开发者工具进行开发，探讨了mpvue与VUE语法的相似性和微信小程序的特定挑战。

摘要由CSDN通过智能技术生成

整理在微信小程序开发过程中的收获

这是我第一次开发微信小程序，算是小白，有说的不对的请多指教
首先，开发微信小程序我用的是mpvue的框架，工具是webstorm+微信开发者工具
介绍一下mpvue这个框架：
mpvue是由美团开源的一套基于VUE的小程序开发框架，它的语法和VUE几乎是一样的，mpvue让我们可以使用VUE的语法写小程序项目。之前我们写小程序必须使用微信开发者工具的语法（WXML+WXSS+JS）。
在这里我还想问一个问题项目代码是通过什么样的方法打包成可以运行在微信开发者工具上的代码？是mpvue实现的还是webpack打包工具实现的？如果看到这篇文章的可以评论我

接下去整理几个在我开发中遇到的比较有难度的问题（仅思路，不贴代码了）
1.微信登录和授权
感觉三两句话怕表达不清楚。这里画了一张图，觉得画的比较清楚了
在这里插入图片描述
2.关于微信小程序的手机适配
首先，因为我们的这个小程序的顶部导航栏不是默认的是需要自定义的，所以先要在app.json里配置navigationStyle是custom不是默认defalt
然后，通过wx.getSystemInfoSync可以同步获得设备信息
wx.getSystemInfoSync().statusBarHeight就可以获得顶部状态栏的高度
3.微信