小程序
小程序
前端大颖颖
7年前端码农,专注写bug,专注改bug,我会持续分享日常遇到的问题
展开
-
微信小程序安装vant-weapp,将vant的px转成rpx
Vant-weapp官网地址:https://vant-contrib.gitee.io/vant-weapp/#/home安装:1、npm init (这是初始化,一定要做,否则不能安装,官网没说。)一路回车。2、npm安装npm i @vant/weapp -S --production3、修改app.json将 app.json 中的 “style”: “v2” 去除,小程序的新版基础组件强行加上了许多样式,难以覆盖,不关闭将造成部分组件样式混乱。4、修改project.confi原创 2021-12-24 13:36:54 · 1304 阅读 · 0 评论 -
微信小程序类似于路由拦截的中间件
在小程序中无法做路由拦截,所以用page中间页面来代替类似进入页面之后(onShow)判断是否登录,没有的话重定向到登录页的这种需求。中间页面的主要功能:1)在每个需要判断是否登录的功能的页面onshow生命周期中来获取storage中的token值,如果有,则跳转到对应页面,没有则跳转到登录页面。2)跳转到登录页面之前,需要将即将跳转的页面(验证是否登录的页面)的路径及参数存入storage中,以便登录完成后继续跳转到之前想跳转的那个页面。全局引入中间页:每个页面使用:需要使用中间页的原创 2021-12-24 10:13:33 · 1329 阅读 · 2 评论 -
微信小程序全局状态管理store
wxMiniStore一个基于原生小程序的Mini全局状态管理库,跨页面/组件的数据共享。1、安装npm init npm install wxministore -S2、微信开发者工具中勾选‘使用npm模块’3、工具->构建npm4、项目中引入5、使用1)app.js中引入store.js2)store.js中可以引入其他模块存放全局状态的文件3)其他模块的全局变量的写法4)更改全局变量的值,在需要使用的组件中,加入useStore: true,表示当前页面或组件原创 2021-12-24 09:50:32 · 3072 阅读 · 1 评论 -
微信小程序发版流程
无论是体验版还是正式版,在发布之前,都需要先配置服务器域名。配置服务器域名的作用?小程序只可以跟指定的域名进行网络通信,包括普通的https请求(wx.request)、上传文件(wx.uploadFile)、下载文件(wx.downloadFile)和websocket通信(wx.connectSocket)。如何配置配置服务器域名登录下程序后台https://mp.weixin.qq.com/wxamp/devprofile/get_profile?token=274463507&原创 2021-12-23 16:39:18 · 2106 阅读 · 0 评论 -
创建第一个微信小程序
1、在微信官网下载微信开发者工具,并安装https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html,用微信扫码登录开发者工具。2、新建项目,选择代码存放的硬盘路径,填入申请的小程序AppID,勾选‘不使用云服务’,点击‘确定’。小程序创建成功。...原创 2021-12-23 14:39:00 · 42 阅读 · 0 评论 -
微信小程序注册流程
一、小程序注册1)进入微信管理后台https://mp.weixin.qq.com/,点击‘立即注册’在微信官网下载微信开发者工具并安装,https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html原创 2021-12-23 14:27:42 · 1574 阅读 · 0 评论