![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
wx小程序
文章平均质量分 73
C+ 安口木
https://github.com/ytanck/
生命不息,coding不止...
展开
-
微信小程序的支付流程
微信小程序为电商类小程序,提供了非常完善、优秀、安全的支付功能在小程序内可调用微信的API完成支付功能,方便、快捷。原创 2024-01-12 10:09:52 · 478 阅读 · 0 评论 -
微信小程序中路由跳转的方式有哪些?区别?
navigateTo 保留当前页面,跳转到应用内的某个页面,使用 wx.navigateBack 可以返回到原页redirectTo 关闭当前页面,跳转到应用内的某个页面switchTab 跳转到 tabBar 页面,同时关闭其他非 tabBar 页面navigateBack 返回上一页面reLanch 关闭所有页面,打开到应用内的某个页面其中关于它们的页面栈的关系如下:avigateTo 新页面入栈redirectTo 当前页面出栈,新页面入栈。原创 2024-01-11 10:01:48 · 1546 阅读 · 0 评论 -
说说微信小程序的登录流程?
传统的web开发实现登陆功能,一般的做法是输入账号密码、或者输入手机号及短信验证码进行登录服务端校验用户信息通过之后,下发一个代表登录态的token给客户端,以便进行后续的交互,每当token过期,用户都需要重新登录而在微信小程序中,可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识,快速建立小程序内的用户体系,从而实现登陆功能实现小程序用户体系主要涉及到openid和codewx.login()codecodeopenid对于每个小程序,微信都会将用户的微信ID映射出一个小程序。原创 2024-01-11 10:00:31 · 996 阅读 · 0 评论 -
微信小程序的生命周期函数有哪些?
跟vuereact框架一样,微信小程序框架也存在生命周期,实质也是一堆会在特定时期执行的函数。原创 2024-01-10 09:59:06 · 1598 阅读 · 0 评论 -
gulp配置打包微信和支付宝小程序
gulp配置打包小程序原创 2023-03-08 14:34:53 · 553 阅读 · 0 评论 -
微信小程序 wx.request 请求封装
方式1:const baseUrl = 'https://*****/';//这里可通过环境变量获取不同域名// 封装请求module.exports = function (options) { return new Promise((resolve, reject) => { wx.showLoading({ title: '加载中', }); wx.request({ url: baseUrl + options.url, m原创 2022-02-14 15:16:01 · 538 阅读 · 0 评论 -
vue和微信小程序的区别、比较
写了vue项目和小程序,发现二者有许多相同之处,在此想总结一下二者的共同点和区别。一、生命周期vue生命周期beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestroydestroyed小程序生命周期相比之下,小程序的钩子函数要简单得多。vue的钩子函数在跳转新页面时,钩子函数都会触发,但是小程序的钩子函数,页面不同的跳转方式,触发的钩子并不一样。onLoad: 页面加载一个页面只会调用一次,可以在转载 2020-12-09 13:58:56 · 228 阅读 · 0 评论 -
wx小程序中的全局数据共享方案MonX
1.什么是全局数据共享全局数据共享(又叫做:状态管理)是为了解决组件之间数据共享的问题。开发中常用的全局数据共享方案有: Vuex 、 Redux 、 MobX 等。2. 小程序中的全局数据共享方案在小程序中,可使用 mobx-miniprogram 配合 mobx-miniprogram-bindings 实现全局数据共享。其中:mobx-miniprogram 用来创建 Store 实例对象mobx-miniprogram-bindings 用来把 Store 中的共享数据或方法,原创 2020-11-22 22:10:08 · 765 阅读 · 0 评论 -
实现wx小程序API的 Promise化
基于回调函数的异步 API 的缺点默认情况下,小程序官方提供的异步 API 都是基于回调函数实现的,例如,网络请求的 API 需要按照如下的方式调用:wx.request({ method: '', url: '', data: {}, success: () => {}, // 成功的回调 complate: () => {}, // 无论成功与否都会执行的回调 fail: () => {} // 失败的回调})这种代码的缺点是显而易见的, .原创 2020-11-22 21:59:05 · 1565 阅读 · 1 评论 -
微信小程序父子组件之间的数据传递
1.父子组件之间通信的 3 种方式① 属性绑定用于父组件向子组件的指定属性设置数据,仅能设置 JSON 兼容的数据(只能传递数据,不能传递方法)② 事件绑定用于子组件向父组件传递数据,可以传递任意数据(包括数据和方法)③ 获取组件实例父组件还可以通过 this.selectComponent() 获取子组件实例对象这样就可以直接访问子组件的任意数据和方法属性绑定属性绑定用于实现父向子传值,而且只能传递普通类型的数据,无法将方法传递给子组件。父组件的示例代码如下:data: {原创 2020-11-22 21:53:54 · 1740 阅读 · 3 评论 -
在wx小程序中实现双向数据绑定
实现步骤:① 定义数据② 渲染结构, 绑定 data 中的数据③ 监听 input 事件具体代码如下://定义数据:/** 页面的初始数据*/ data: { msg: '请输入...'}渲染结构:将data中的 msg 绑定到输入框的 value 属性<!-- input和data中的数据同步-双向数据绑定 --><view class="iptBox"> <input value="{{ msg }}" bindinput="inputHand原创 2020-11-22 21:43:00 · 578 阅读 · 0 评论