
小程序知识/功能大总结
微信小程序相关
码上流星&洒下星辰
前端领域新星创作者、技术传递力量、传承布道精神、期待你我共同进步
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
微信小程序实现连续签到七天
【代码】微信小程序实现连续签到七天。原创 2023-09-07 18:04:06 · 1811 阅读 · 0 评论 -
uni-app根据经纬度逆解析详细地址
注意填写的appid是你项目用的appid,如果是测试,则勾选域名白名单即可,如果是正式项目,则需要在文本框里填写具体,(可选项:勾选授权ip,并将你本机电脑的ip及测试环境和正式环境的域名ip填入其中,勾选serveiceApi,里面写入域名)原创 2023-08-16 09:56:35 · 2491 阅读 · 1 评论 -
微信小程序分享实现拉新绑定(用户关系绑定)
我分享的时候将uid作为参数携带出去,让别人点击我的分享链接,点击进入详情页面后通过截取到分享链接上面的uid然后将其存入本地,当用户点击砍价的时候检测到他未登录注册小程序,然后到登陆页面进行登录,登陆时判断本地是否有uid有的话就给auth/mpLogin这个登录接口传递过去,没有则正常请求,用户第一次砍价完成后我这边砍价记录中会显示他是新用户,他那边自己看记录也会显示新用户标识,第二次分享给他其他商品链接进行砍价时则就没有新用户标识了。原创 2023-08-07 14:19:03 · 2600 阅读 · 0 评论 -
解决小程序wx.openLocation位置偏移的问题
【代码】解决小程序wx.openLocation位置偏移的问题。转载 2023-07-03 14:11:46 · 1732 阅读 · 1 评论 -
自定义线路选择切换站点
【代码】自定义线路选择切换站点。原创 2023-06-02 10:56:42 · 274 阅读 · 0 评论 -
微信小程序真机一键清空搜索框按钮失效的问题
【代码】微信小程序真机一键清空搜索框按钮失效的问题。原创 2023-05-29 15:00:21 · 794 阅读 · 0 评论 -
微信小程序解决跳转页面不能超过10层的问题
使用 wx.switchTab 方法跳转到底部 Tab 页面。底部 Tab页面不计入页面层级,因此可以避免页面层级过深的问题。但是需要注意的是,底部 Tab页面的数量有限,且一般用于展示常用功能或主要内容,不适合用于展示次要内容或辅助功能。使用 wx.redirectTo 方法代替 wx.navigateTo 方法进行页面跳转。方法可以关闭当前页面并跳转到应用内的某个页面,因此可以避免页面层级过深的问题。转载 2023-05-25 15:34:24 · 1936 阅读 · 0 评论 -
全网最详细实现微信小程序支付功能【前端部分】
【代码】全网最详细实现微信小程序小程序支付功能【前端部分】原创 2023-05-25 14:33:06 · 7579 阅读 · 2 评论 -
微信小程序判断用户是否授权定位
【代码】微信小程序判断用户是否授权定位。原创 2023-05-19 10:56:57 · 816 阅读 · 0 评论 -
优化小程序中频繁下拉刷新导致的定位获取失败问题
【代码】优化小程序中频繁下拉刷新导致的定位获取失败问题。原创 2023-05-18 10:35:11 · 283 阅读 · 0 评论 -
小程序获取用户信息实现一键登录
【代码】小程序获取用户信息实现一键登录。原创 2023-05-17 17:07:02 · 491 阅读 · 0 评论 -
小程序点击导航栏返回顶部小例子
【代码】小程序点击导航栏返回顶部小例子。原创 2023-05-16 11:04:35 · 450 阅读 · 0 评论 -
小程序全局接口文件中限制loading动画在指定页面不显示
【代码】小程序全局接口文件中限制loading动画在指定页面不显示。原创 2023-05-11 16:16:46 · 320 阅读 · 1 评论 -
小程序解析dom片段及整个html页面并展示到视图
在全局app.vue(我这里是用hbuilderx启动的项目所以是app.vue中,开发者工具中是main.js)中封装一个函数对数据结构进行处理。根据最新的版本来,我这会用的时候是1.4.0。hbuilderx中。原创 2023-05-10 18:29:46 · 1113 阅读 · 1 评论 -
使用hbuilderx开发小程序项目遇到的问题
在hbuilderx运行项目时候使用vue语法,当运行起来之后切回hbuilderx将语法改为微信小程序语法即可,不影响小程序编译,但是hbuilderx终端会有报错信息。因为在hbuilderx中开发使用的是vue语法,绑定元素是v-if=”元素“,但是运行到微信开发者工具上则会直接将这个属性以值的形式展示到页面。配置全局就比较方便了,找到pages.json文件与tabar及pages对象同级直接声明添加即可,例如下图plugins。或者用一个最笨的方法。原创 2023-05-10 18:24:12 · 1106 阅读 · 0 评论 -
小程序实时监听搜索数据并将关键字高亮显示
【代码】实现input搜索实时监听相关内容展示并给关键字加高亮效果。原创 2023-05-05 17:35:51 · 840 阅读 · 2 评论 -
小程序发布上线后扫普通二维码进入小程序对应商品详情页
(3)二维码规则,这个看文档有些人估计会比较迷糊,简单理解一下就是一个https的路径。(6)小程序的功能页面,这个页面就是你扫码要打开的页面。(1)协议类型选择https。(4)前缀占用规则选择不占用。原创 2023-04-26 16:55:58 · 1120 阅读 · 1 评论 -
小程序获取用户当前位置计算距离最近的地铁站并获取对应地区的商品(可手动切换地铁线路及地铁站)
【代码】微信小程序定位用户附近地铁站获取对应商家(可手动切换地铁线路及地铁站)原创 2023-04-25 17:36:51 · 1386 阅读 · 1 评论 -
实现无需登录即可访问第三方页面
在公司自己的产品通过兑换码激活链接后调取后端联合登录接口,实现免登录的方式直接跳转到第三方产品的页面中。原创 2023-04-11 16:22:39 · 1205 阅读 · 0 评论 -
小程序在日常遇到的一些限制及解决方法
定期清理小程序的缓存,删除无用的缓存文件和数据,可以有效减少缓存的大小和数量,提升小程序的运行效率和性能。使用本地存储可以避免服务器请求频繁和数据传输量过大的问题,同时还可以提升小程序的访问速度和稳定性。使用云函数可以避免小程序端请求过多和频繁请求等问题,同时还可以提升小程序的安全性和稳定性。合并多个相似的请求,并将其一次性发送到服务器,可以降低小程序端的请求数量和网络负载,提升请求效率和速度。合理设置请求参数,减少无用的参数和重复参数,可以有效降低请求的大小和数量,提升小程序的请求效率和速度。原创 2023-04-07 15:00:08 · 6560 阅读 · 1 评论 -
如何在线上环境关闭(vue/小程序)项目中的console.log
【代码】如何在线上环境关闭(vue/小程序)项目中的console.log。原创 2023-04-06 14:40:30 · 1383 阅读 · 1 评论 -
web前端在手机上查看电脑上的项目(电脑请求的数据手机可以同步,可以热更新)
想必大家都知道一个很简便的方法,如下:第一步手机给电脑共享热点第二步电脑上面查看当前wifi的属性,找到ipv4地址并复制第三步运行项目,在浏览器地址栏把localhost替换成复制的ipv4地址回车第四步再次点击浏览器地址栏会出现二维码按钮,点击之后手机微信扫一扫就可以这个方法虽然简便但是他只适合刚开始新手开发的静态页面,这个方法数据是请求不过来的而且也无法实现热更新。那我们到底应该怎么弄呢,下面我给大家一个新的方法:(软件实名认证要花俩块钱,网上找了好久就这个最便宜,软原创 2021-06-28 11:26:10 · 2536 阅读 · 9 评论 -
小程序实现的一些常用功能【持续更新】
实现列表详情页跳转(动态传参;图片预览)及上拉下拉刷新效果原创 2022-12-26 17:20:56 · 269 阅读 · 0 评论 -
微信小程序获取用户openid(详解)
获取openid首先需要调用小程序的login方法获取小程序的登录凭证code,然后使用code向微信换取登录态信息,包括用户的唯一标识(openid)及本次登录的会话密钥(session_key)我这里是用一个点击事件来触发一个函数wx.getUserInfo 会获取到你的一些信息 比如名字打印结果wx.login 可以获取到你的code值打印结果通过wx.request 来让code换取openid这个地址可以在开发文档=>服务器=>登录中 找到这段链接中有三处地方需要改动(每个人原创 2022-07-13 14:34:35 · 23405 阅读 · 10 评论 -
微信小程序实现保存图片到本地
wxml代码js代码转载 2022-07-11 15:00:21 · 5198 阅读 · 0 评论 -
微信小程序实现预览图片
wxml代码js代码转载 2022-07-11 14:54:54 · 1668 阅读 · 0 评论 -
微信小程序实现单/多图片上传(预览删除)
wxml结构css代码js逻辑原创 2022-07-11 14:39:32 · 848 阅读 · 0 评论 -
uniapp小程序 subPackages分包配置
这个是正常组件目录1.首先,在uniapp结构里原本已经有一个pages的包(文件夹)了,这时候在pages同级里新建一个subpkg(commission)包 并新建页面2.配置pages.json(原生小程序则需要去app.json配置)3.分包预载配置(preloadRule)preloadRule 中,key 是页面路径,value 是进入此页面的预下载配置,每个配置有以下几项:...原创 2022-06-30 15:57:52 · 3627 阅读 · 1 评论 -
小程序报错解决
错误一:( http://localhost:3000 不在以下 request 合法域名列表中)点击详情勾选不校验https即可原创 2021-09-10 16:03:04 · 1145 阅读 · 1 评论 -
微信小程序中引入图标
第一步百度搜索阿里巴巴矢量图标库搜索到之后开始查找相应的图标名称第二步找到对应的图标点击添加到库并添加到项目第三步添加到项目之后点击font class并点击代码部分(会打开一个新窗口)然后在新页面复制代码第六步在小程序项目中新建文件目录如下将代码复制到iconfont.wxss中在具体页面使用时要将他引入到具体页面的wxss中wxml中使用直接添加具体的图标class类名即可...原创 2021-09-10 10:16:54 · 1312 阅读 · 2 评论 -
小程序如何引入第三方依赖或样式库
使用第三方依赖wx-axios-promise如果直接引入模块同时还使用useExtendedLib引入了依赖,那么就会冲突,此时就需要构建npm了。import axios from "wx-axios-promise";const Axios = axios();Axios.get("http://baidu.com").then((res) => { console.log(res);});用来执行请求的,并且不用再构建npm,直接使用es6的import就可以引入使用。原创 2021-09-08 11:50:44 · 1323 阅读 · 1 评论 -
微信小程序全局/页面配置
全局配置app.jsonentryPagePath:主页面pages:页面路由如果没有设置entryPagePath,那么显示的第一个页面就取自于第一个路径。window:窗口设置tabBar:底部的tab导航list是核心的设置,是一个数组,最多五个导航,最少两个;list里的pagePath路径必须先在pages里定义,定以后才能使用;networkTimeout 设置网络超时时间 默认6秒sitemapLocation 指明 sitemap.json 的位置默认为 ‘s原创 2021-09-08 11:48:28 · 1261 阅读 · 1 评论 -
微信小程序api语法及代码实例(入门到精通)
小程序ApiApp全局入口,整个小程序项目中,只允许有一个App入口函数。全局数据globalData:写在全局的js里使用this.globalData.data私有的生命周期【全局的生命周期】onLaunch:初始化函数onShow:启动或切换前台onHide:小程序后台运行Page私有的生命周期【页面的生命周期】onLoad:页面加载onShow:页面显示onHide:页面隐藏onReady:页面初始化渲染完成onUn原创 2021-09-08 11:48:09 · 3659 阅读 · 1 评论 -
小程序项目结构及项目启动过程和页面渲染过程
项目—>退出当前项目格式化代码—>shift+alt+f工具—> 构建npm详情—>本地设置:【使用npm模块,不校验合法域名】||原创 2021-06-22 09:01:11 · 375 阅读 · 2 评论