![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
KAGHQ
这个作者很懒,什么都没留下…
展开
-
微信小程序将高德地图转为腾讯地图的自行车路线规划
【代码】微信小程序将高德地图转为腾讯地图的自行车路线规划。原创 2024-03-15 17:46:13 · 804 阅读 · 0 评论 -
微信小程序按需注入和用时注入
【代码】微信小程序按需注入和用时注入。转载 2024-02-18 16:42:49 · 1552 阅读 · 0 评论 -
微信小程序分包异步化,分包之间可以互相使用自定义组件
data() {return {},mounted(){},methods:{转载 2024-02-18 16:30:35 · 698 阅读 · 0 评论 -
微信小程序独立分包与分包预下载
为了在分包预下载的效果和对用户资源的消耗上取得平衡,我们限制了同一个分包中的页面预下载总大小不得超过2M,并鼓励开发者按需设置分包预下载的网络条件。开发者可以通过在 app.json 中增加 preloadRule 字段,控制进入某个页面时进行预下载的分包,并设置触发预下载的网络环境。原创 2024-02-18 15:35:17 · 924 阅读 · 0 评论 -
微信小程序根据用户活跃性设置最低版本
基础数据-版本设置。原创 2023-12-14 17:59:10 · 450 阅读 · 0 评论 -
微信小程序使用camera扫码获取相机权限
【代码】微信小程序使用camera扫码获取相机权限。原创 2023-12-13 11:02:21 · 1624 阅读 · 2 评论 -
微信小程序上传图片
【代码】微信小程序上传图片。原创 2023-10-30 11:23:38 · 99 阅读 · 0 评论 -
微信小程序前端调起支付接口验证
https://developers.weixin.qq.com/miniprogram/dev/api/payment/wx.requestPayment.html原创 2023-08-28 15:09:26 · 48 阅读 · 0 评论 -
封装微信小程序顶部tab切换
【代码】封装微信小程序顶部tab切换。原创 2023-08-23 22:05:30 · 183 阅读 · 0 评论 -
微信小程序点击公众号文章图片跳转公众号文章
登录微信公众号账户,找到如下图,如果没有开发者密码(AppSecret) 选择“启用”,自己设置一下就可以了,(ip白名单作用:调用api接口的电脑ip地址需要再此处添加,否则,api接口调用不成功,会有相关的报错提示)再建一个weixin页面,就放一个web-view,承载网页的容器,会自动铺满整个小程序页面。要想获取微信公众号的文章列表,需要登录公众号运行账号,进行一下相关的设置。微信小程序调用实例:(实际开发中,为了安全,应该在后端调用);做了一个轮播图,点击图片直接进入公众号文章。转载 2023-07-31 20:03:30 · 730 阅读 · 0 评论 -
微信小程序tab切换,可滑动切换,导航栏跟随滚动实现
【代码】微信小程序tab切换,可滑动切换,导航栏跟随滚动实现。转载 2023-07-27 21:16:16 · 1511 阅读 · 0 评论 -
配置微信小程序开发分享朋友圈功能
在“基本信息”页面中,可以配置小程序的分享相关参数,包括小程序的图标、分享的标题、分享的页面路径等。在完成配置后,点击“提交”按钮,保存配置。在完成分享相关参数的配置后,还需要将小程序的域名配置为JS接口安全域名和分享接口安全域名。在分享接口安全域名中,需要配置小程序的域名和小程序的appid,以便可以使用微信提供的分享接口。在完成分享相关参数和安全域名的配置后,可以在小程序中测试分享操作,确保分享功能正常。在JS接口安全域名中,需要配置小程序的域名,以便可以通过JS接口调用微信的接口。原创 2023-05-05 20:46:16 · 760 阅读 · 0 评论 -
微信小程序canvas踩坑之旅
clip顾名思义 裁剪,小程序开放之初,clip方法画多个圆形时,模拟器和真机(尤其是ios)表现不一,如 ios只能裁剪一个圆形,微信6.6.7版本以前bug都存在,6.7.0开始修复;但是稍不注意写法,bug立马随之而来。在使用clip前,应先调用save()保存当前画布状态,因为clip() 方法从原始画布中剪切任意形状和尺寸。一旦剪切了某个区域,则所有之后的绘图都会被限制在被剪切的区域内(不能访问画布上的其他区域)。我们可以在以后的任意时间通过restore()方法回复初始状态;我们drawImag转载 2022-04-17 21:10:50 · 407 阅读 · 0 评论 -
总结小程序海报遇到的一些坑
在不同的手机绘制出来样式会串(尤其在性能比较低的Andrio机)ctx.draw(true, () => { setTimeout(() => { wx.canvasToTempFilePath({ canvasId: 'poster', success(res) { that.filePath = res.tempFilePath } }原创 2022-04-15 21:37:06 · 57 阅读 · 0 评论 -
微信小程序mock数据 使用微信开发者工具中的mock来mock数据
例如要mock https://example.com/ajax?dataType=member接口数据url正则:https:\/\/example.com\/ajax\?dataType=memberjson数据包{ "statusCode": 200, "header": {}, "data": { "list":[{ "id": 1, "name":"微信开发" }], "code": 0, "codeMsg": ""原创 2022-04-01 20:45:17 · 4079 阅读 · 2 评论 -
【uni-app】vue组件祖先/父亲/孙子传值:props, provide,inject,$attrs,$listeners,$emit,$on总结及注意事项
vue组件之间的传递分类:1、父向子传递:props2、子向父传递:emit、兄弟之间传递:借助中间代理: emit3、兄弟之间传递:借助中间代理:emit3、兄弟之间传递:借助中间代理:emit,$on3、祖先传给孙子:这个高级provide,inject【无法响应式实时更新,uni-app框架中不建议使用】4、attrs,attrs,attrs,listeners这个在浏览器中可以,但是在uni-app框架中不支持!5、牵涉到多层传参或多页面传参建议使用【uni-app框架建议使用vuex】【转载 2022-03-29 22:32:39 · 1596 阅读 · 0 评论 -
uni微信小程序使用vant Weapp组件,引入notify,toast方法类的提示出错:例如:‘未找到 van-toast 节点,请确认 selector 及 context 是否正确‘
首先我们看下文档分下面三步:1.在app.json中或者在你分包的json中引入 "usingComponents": { "van-toast": "@vant/weapp/toast/index", // 根据你们项目的路径引入van-toast },2.在文件的根组件中引入(一定要在根组件否则获取到的options.context 不对)<van-toast id="van-toast" />3.使用Toast('我是提示文案,建议不超过十五字原创 2022-03-23 22:37:29 · 2054 阅读 · 1 评论 -
移动端实现拖曳核心思想
1.touchstart,touchend,touchmove可以实现拖曳2.拖动元素当前手指的坐标值可以使用targetTouches[0]中的pageX pageY3.移动端拖曳原理:手指移动过程中计算出手指移动的距离盒子原来的位置+手指移动的距离4.手指移动距离: 手指滑动中的位置减去手指刚开始触摸的位置拖曳元素三步走:(1)触摸元素touchstart:获取手指的初始坐标 即盒子刚开始的位置(2)移动手指touchmove:计算手指的滑动距离,并且移动盒子(3)离开手指touchen原创 2022-03-17 21:58:46 · 408 阅读 · 0 评论 -
小程序接入指南(小程序注册和发布等)
https://developers.weixin.qq.com/miniprogram/introduction/#%E5%B0%8F%E7%A8%8B%E5%BA%8F%E6%B3%A8%E5%86%8C原创 2022-03-04 13:43:28 · 248 阅读 · 0 评论 -
uniapp 小程序 文件体积超过 500KB common/vendor.js
HBuilderX创建的项目1.勾选运行–>运行到小程序模拟器2.勾选运行->运行时是否压缩代码cli创建的项目在pacakge.json中添加参数–minimize,示例:"dev:mp-weixin": "cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch --minimize"...转载 2022-02-28 13:57:57 · 1196 阅读 · 0 评论 -
小程序编译不想看到warning警告
原创 2022-02-17 10:29:18 · 499 阅读 · 0 评论 -
小程序中跨页面调用方法
1.调用获取页面的apilet pages = getCurrentPages()let page = pages[pages.length - 2]console.log(page.$vm)https://juejin.cn/post/7020680215009427470在这里插入代码片2.如果使用的vue可以将上一个页面的实例挂在到原型 等不用了不要忘记重置3.uni的版本是2.8.9+的话![在这里插入图片描述](https://img-blog.csdnimg.cn/db843a3原创 2022-02-15 16:30:58 · 1851 阅读 · 0 评论 -
VM11289 WAService.js:2 Do not have __e handler in component:
https://blog.csdn.net/ziyue13/article/details/120983329转载 2022-02-14 17:23:02 · 1677 阅读 · 0 评论 -
小程序设置多账号调试
原创 2022-02-14 15:55:15 · 895 阅读 · 0 评论 -
微信小程序页面滚动条穿透遮罩层解决方案
假设你在遮罩层中写了一个pop窗 可以通过中断捕获阶段和取消冒泡阶段capture-catch控制手指触摸后移动capture-catch:touchmove例子// 底部的内容盒子<div><div class="content" :capture-catch:touchmove="preventdefault"><div @click="openPop">打开弹窗</div></div>// 弹窗<van-popup原创 2021-12-20 16:30:11 · 735 阅读 · 0 评论 -
小程序圆角矩形
https://blog.csdn.net/DeepLies/article/details/81942151转载 2021-12-13 22:34:24 · 422 阅读 · 0 评论 -
uni写的小程序中vue的生命周期和小程序页面生命周期的执行顺序
// 将小程序页面生命周期和vue的生命周期排个序 onLoad() { console.log('onLoad') }, onReady() { console.log('onReady') }, onShow() { console.log('onShow') }, onHide() { console.log('onHide') }, onUnload() { console.log('onUnload') }, be原创 2021-12-09 13:13:48 · 536 阅读 · 0 评论 -
打包h5 uni-app 部署 H5 到相对路径(本地)
参考https://ask.dcloud.net.cn/article/374321.2.选择路径3.点进去4.看见文件index.html直接打开就好了原创 2021-11-21 21:44:18 · 1127 阅读 · 0 评论 -
使用hbuilderx 基于uni框架创建微信小程序
1.下载hbuilderxhttps://www.dcloud.io/hbuilderx.html2.查看uni文档入门介绍https://uniapp.dcloud.io/quickstart-hx3.运行到微信小程序4.填写自己的微信ID5.微信开发者工具中愉快看一下吧原创 2021-11-21 20:53:52 · 903 阅读 · 0 评论 -
开发小程序引入腾讯位置服务地图选点
1.进入小程序管理页面 下方设置中点击2.进入插件页面https://lbs.qq.com/miniProgram/plugin/pluginGuide/locationPicker使用插件需要到腾讯位置服务申请的key 将申请到的key填入第4步https://lbs.qq.com/如果是uni框架搭建的在这个文件中的mp-weixin对象中配置...原创 2021-11-16 21:24:06 · 362 阅读 · 0 评论 -
uni+vue开放小程序全局数据传递
页面加载的时候使用原创 2021-11-07 22:13:19 · 63 阅读 · 0 评论 -
微信开发者工具使用简单技巧
1.查看页面参数![在这里插入图片描述](https://img-blog.csdnimg.cn/b3d13b4889974ad79865504b6330aa30.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAS0FHSFE=,size_20,color_FFFFFF,t_70,g_se,x_16)2.真机调试在体验版或者开发版中点击上面 会出现打开调试其余步骤htt原创 2021-11-07 11:47:48 · 570 阅读 · 0 评论 -
小程序配合vant+vue2+ts使用实现反选多选全选demo
<template> <div> <van-checkbox :value="checked" @change="radioChange">全选</van-checkbox> <van-checkbox-group :value="result" @change="onChange"> <van-checkbox v-for="item in list" :key="item.id" :name="item.i原创 2021-10-21 22:43:59 · 557 阅读 · 0 评论 -
小程序引入图片 [渲染层网络层错误] Failed to load local image resource /pages/business/src/assets/images/add-one.png
1.image引入的时候报错500<image class="add-icon" :src="imageMember"></image>data() { return { imageMember: require('@/assets/images/add-one.png') } },原创 2021-10-19 20:56:50 · 1693 阅读 · 0 评论