
小程序
小程序是基于WEB规范,采用HTML、CSS和JS(WXML/WXSS/JavaScript)等搭建的一套框架,本质就是富单页面WEB应用
Yolo416
健康可爱,没有眼袋
展开
-
小程序 - 上传图片到云开发后台
pages/index/index.wxml<!--index.wxml--><view>云函数调用的例子</view><button type="default" style="width: 600rpx; margin: 50rpx;" bindtap="handleOk">调用yunfoo云函数</button><button type="default" style="width: 600rpx; margin: 50rpx原创 2021-09-12 19:33:15 · 118 阅读 · 0 评论 -
微信小程序 - 支付功能
支付功能逻辑1. 获取用户地址,通过 uni.chooseAddress2. 获取支付需要的token 2.1 没有token的情况下,需要去到授权页面进行授权3. 创建订单,获取订单的编号4. 获取支付需要的参数5. 调用支付接口6. 查询支付状态7. 支付成功后,删除本地已支付的购物小车中商品的数据8. 跳转到订单页面准备工作:1. 检查AppID2. 检查基本路径 base_url3. 微信账号添加到 管理后台微信支付流程分析:说明小程序支付流程微信支付原创 2021-09-11 20:54:05 · 961 阅读 · 0 评论 -
小程序页面生命周期
应用级别:Page()中触发onLaunch:小程序启启动时onShow:小程序前台运行时onHide:小程序后台运行时onError:执行错误时onPageNotFount:冷启动(如扫码)打开小程序的页面不存在时页面级别:onLoad:页面加载时触发。一个页面只会调用一次,可以在onLoad的参数中获取打开当前页面路径的参数onShow:页面显示/切入前台时触发(返回、tabBar切换、前台运行)onReady:页面初次渲染完毕,相当于vue的mounted。一个页面只会调用.原创 2021-09-06 20:47:07 · 196 阅读 · 0 评论 -
小程序 - 首页-回到顶部按钮
需求:实现首页回到顶部功能步骤:定义按钮,绑定点击事件,通过v-show控制按钮的显示和隐藏调用页面滚动方法:uni.pageScrollTo()控制到一定位置显示到顶部按钮获取页面滚动高度:onPageScroll()获取页面半屏高度:uni.getSystemInfoSync().windowHeight / 2如果滚动高度大于半屏高度,显示回顶按钮简单结构 <view class="yg-top" v-show="showBackToTop" @click="goTo原创 2021-09-05 19:02:10 · 386 阅读 · 0 评论 -
小程序 - 使用npm
小程序目前不支持直接引入 node_modules , 开发者需要使用到 node_modules 时候建议拷贝出相关的代码到小程序的目录中,或者使用小程序支持的 npm 功能。示例:使用npm,安装一个依赖并使用# 初始化$ npm init -y# 安装 mime 模块$ npm install dayjs// 导入失败!import dayjs from 'dayjs';小程序默认不支持 npm 的模块,必须经过小程序工具构建后才可以使用,如下图所示: 这时工.原创 2021-09-04 14:44:02 · 451 阅读 · 0 评论 -
小程序 - 数据缓存
localStoragelocalStorage.setItem("key",JSON.stringify({test:123}))- 你如何测试localStorage的大小?https://www.cnblogs.com/djjlovedjj/p/11202195.html数据大小5M左右永久存储sessionStorage浏览器关闭的时候自动销毁cookies 1. cookies可以控制失效时间2. 会随着请求发送到后台4KB 左右wx.setStorage(Objec原创 2021-09-04 14:32:38 · 614 阅读 · 0 评论 -
微信小程序路由的三种方法
wx.navigateTo(Object object)保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。wx.switchTab(Object object)跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面wx.redirectTo(Object object)关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。注意⚠️:小程序中页面栈最多十层。(getCurren原创 2021-09-04 09:54:58 · 1601 阅读 · 0 评论