小程序
悟空_大师兄_
这个作者很懒,什么都没留下…
展开
-
【微信小程序】下载文件到本地并使用
3.读取(readFileSync)本地文件并使用 catch 处理未加载到数据 重新 wx.downloadFile 设置filePath 下载文件保存本地 并使用即可。2.1 判断要下载的文件是否存在(accessSync)于本地 通过 try 去判断 进入catch则 没有存在于本地。1.使用小程序文件管理API (wx.getFileSystemManager())2.2 通过wx.downloadFile 设置filePath 下载文件保存本地。原创 2023-06-09 17:13:23 · 2064 阅读 · 0 评论 -
【微信小程序】2022最新用户信息授权方式
用户信息授权方式变更为”头像昵称填写“原创 2022-11-23 09:48:32 · 1304 阅读 · 0 评论 -
web前端开发 乱七八糟的 奇怪操作
Object.assign(this.$data,this.$options.data.call(this))原创 2022-08-04 17:49:32 · 237 阅读 · 0 评论 -
小程序 奇葩BUG 更新~
1.如果swiper-item中使用了image组件需要加上webp=‘true’并添加图片的长宽。但是苹果手机真机测试时出现BUG只显示前两个swiper-item关闭手机重新打开手机又渲染出来。用户在小程序“客服会话按钮”进入客服会话时服务端可监听到同时可获取到session-from。IOS设置animation动画设置opacity会出现底部闪烁一下暂无找到更加方案。2.如果swiper-item中使用了text组件需要将text更改为view或其他。............原创 2022-07-19 16:31:58 · 529 阅读 · 0 评论 -
【微信小程序】统一处理分享转发功能 及 分享转发时拦截 及 按钮触发分享转发 onShareAppMessage
1.统一处理分享功能app.js 设置! function () { var PageTmp = Page; Page = function (pageConfig) { // 设置全局默认分享 pageConfig = Object.assign({ //右上角分享功能 onShareAppMessage() { return { title: '全新玩法 ', //分享标题 path: '/原创 2022-05-12 17:58:12 · 1305 阅读 · 0 评论 -
小程序 圆圈加载倒计时
控制pass-btn的显示 来进行倒计时js的同步wxml<view class="pass-btn" bindtap="closePoster"> <!-- 跳过 --> <view class="loading"> <view class="left"></view> <view class="right"></view.原创 2022-05-12 17:30:02 · 322 阅读 · 0 评论 -
【微信小程序】app.js 设置全局默认分享(onShareAppMessage)
!function(){ var PageTmp = Page; Page =function (pageConfig) { // 设置全局默认分享 pageConfig = Object.assign({ //右上角分享功能 onShareAppMessage () { return { title: '蜗牛盲盒欢闹上线~',//分享标题 .原创 2022-04-13 09:54:41 · 1492 阅读 · 0 评论 -
【微信小程序】 获取用户信息 UserInfo 不注意的小问题 2022
获取用户信息小程序官方API更新后 获取用户信息显得繁琐 要去做兼容 判断是否支持wx.getUserProfile 再选择获取用户信息的方式<view> <button wx:if="{{canIUseGetUserProfile}}" bindtap="getUserProfile"> 获取头像昵称 </button> <button wx:else open-type="getUserInfo" bindgetuserinf.原创 2022-03-10 15:55:48 · 2043 阅读 · 0 评论 -
【微信小程序】反编译
下载wxappUnpacker下载 node.js电脑下载模拟器模拟器下载微信 下载RE文件管理器打开微信进入对应的小程序打开文件管理器 进入:/data/data/com.tencent.mm/MicroMsg/{数字字母文件名}/appbrand/pkg找到小程序的 .wxapkg文件 复制到根目录 通过微信转发文件到电脑 创建新的文件夹电脑 cmd 打开终端 进入对应的文件夹node -vnpm -v全局安装依赖:npm install esprima原创 2022-03-09 11:43:10 · 7442 阅读 · 2 评论 -
小程序反编译 代码报错_typeof3 is not a function
修改一下 @babel\runtime\helpers\typeof.jsfunction _typeof2(o) { "@babel/helpers - typeof"; return (_typeof2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) { return typeof o; } : function(o) { re..原创 2022-03-09 10:19:01 · 3295 阅读 · 2 评论 -
【微信小程序】网络请求封装 使用Promise 封装 wx.request
创建httpServire.js 统一请求模板const app = getApp();// 线上const URL_HOST = 'https://betadoctor.taiorient.com/api/';let header = { "content-type": "application/json;charset=UTF-8"}const formatParams = (data) => { let arr = []; for (let name in data)原创 2022-03-02 16:24:56 · 228 阅读 · 0 评论 -
【微信小程序】云开发 悟空工具
出于最近钱不知道花哪里去这个问题 想起了记账 找个几个app记账的 但是别人的毕竟还是别人的 就想着自己写一个记账 刚好云开发提供便利 不需要服务端 就可以满足全部 所以开始了~第一个云开发小程序 记账小工具 《悟空记账工具》进入微信管理后台 开通云开发 开启云开发之旅1.利用官方提供的demo 进行云开发环境的部署 创建集合 云函数2.开启项目的整个构造整理 看了几个记账的APP 从而选定自己的简单风格及功能3.小程序分为三个 tabbar 明细 记账 个人中心4.明细-显示为月份的记原创 2020-12-21 14:42:49 · 628 阅读 · 0 评论 -
【微信小程序开发】使用web-view 提示:非微信官方网页,请确认是否继续访问 或 该地址含有无法正确解析的连接格式
1.微信提示:非微信官方网页,请确认是否继续访问解决方法:1.1、检查是否已经在微信小程序后台 业务域名添加了使用的域名注意:根据微信的步骤 下载txt文件 放置在域名是根目录下1.2、对使用的域名进行ICP备案2.微信提示:该地址含有无法正确解析的连接格式解决方法:2.1、检查跳转的链接是否正确2.2、对跳转的链接 携带的参数进行encodeURIComponent编码例如:(leturl=(util.env.RELEASE_PRACTICE_URL+un...原创 2020-12-01 11:24:40 · 11205 阅读 · 0 评论 -
【微信小程序开发】 自定义组件 子组件传父组件 父组件传子组件
场景:多个页面使用 UI画面基本一致举个栗子:拿多个页面 都有搜索框 点击跳搜索页面实施: 创建公用组件页面search search.wxml <view class="search"> <view class="search-inputView flex-align-center"...原创 2020-03-27 09:40:53 · 297 阅读 · 0 评论 -
【微信小程序开发】自定义tabBar(底部导航 )custom-tab-bar
根据需求默认底部导航无法完成 故使用自定义tabBar(底部导航)1、首先 app.json文件 找到tabBar 添加"custom":true 开启自定义tabBar2、根目录下新建custom-tab-bar目录 新建index(Component组件)**必须是index命名...原创 2020-12-01 11:05:04 · 1587 阅读 · 0 评论 -
【微信小程序】 获取手机号 获取基础信息 自定义分享 获取dom节点
微信小程序 获取手机号// 授权手机号 需要button标签 注意:open-type 的值 必须是getPhoneNumber<button open-type="getPhoneNumber" bindgetphonenumber="getuserinfo">授权登录</button>getuserinfo (e) { let that = this if (e.detail.errMsg.indexOf("getPhoneNumber:ok") &g.原创 2020-08-26 17:28:50 · 354 阅读 · 0 评论 -
【微信小程序开发】 路由 页面跳转 使用 EventChannel 带参数
文档父页面jumpsearch(){wx.navigateTo({url:'/pages/search/search',success(res){ 利用eventChannel 传输参数 约定方法名res.eventChannel.emit('parentJump',{data:111111})}})},子页面 通过 内...原创 2020-07-10 17:22:24 · 1340 阅读 · 0 评论 -
【微信小程序开发】 图表 使用echarts 数据动态变换
直接上效果 有动画gif有点卡 看不到出来要求效果: x轴底部只呈现四个时间段 但所有折线数据都要呈现 未来时间不参与绘制 年(12)月(28-31) 日(24)以月示例 主要参考echarts文档 小程序属于轻容量 所以下载echarts.js 选择定制版html 注意地方是在json里面 先引入<view class="content"> <scroll-view scroll-x class="scroll"> <view...原创 2020-07-06 11:36:47 · 1590 阅读 · 0 评论 -
【微信小程序开发】 生成自定义小程序二维码码 通过 canvas 生成海报 保存成图片
功能很简单 但是有坑废话不多说直接上代码htmlcanvas 定义画板 构造海报 .preview 生成海报图浏览 模板框<canvas canvas-id="shareImg" class="canvas-exp"></canvas><view hidden='{{previewHidden}}' class='preview'> <image src='{{preurl}}' mode='widthFix' class='previe..原创 2020-05-09 14:15:16 · 1619 阅读 · 11 评论 -
【微信小程序开发】 踩坑 抽奖幸运大转盘 完美实战
项目需求运用到大转盘 可设置概率 可直接自定义结果 效果如下两种方法一 通过canvas 实现 但是因为定时器原因 手机端卡顿严重 故而最终使用了方法二 但也是该记录下 学习canvas二 通过小程序Apianimation完成完美解决卡顿问题 更精确定位 有样式缺陷...原创 2020-05-07 12:03:10 · 4058 阅读 · 15 评论 -
【微信小程序】小程序仿微信朋友圈效果
废话不多说 直接上代码HTML<!--pages/index/discor.wxml--><view class='scrtionList'> <view wx:if="{{list.length<=0}}" style="width:100%;text-align:center;color:#c5c5c5;padding-top:110...原创 2021-05-06 16:20:54 · 2129 阅读 · 6 评论 -
【微信小程序开发】 瀑布流布局 简单易懂 css 及js 两种方法
小程序 css 瀑布流布局css 实现瀑布流小程序 js 瀑布流布局_腾讯视频js实现瀑布流布局css 自带标签 实现瀑布流 有一定的缺陷 建议使用js 实现瀑布流布局效果有更好的实现方式 请相互分享...原创 2020-03-27 11:58:59 · 335 阅读 · 0 评论 -
【微信小程序开发】 商城多规格选择 购物车添加 简易demo
HTML<view id="vmsimulatedDATA"> <view class='productConten'> <view class="productDelcom" wx:for="{{simulatedDATA.specifications}}" wx:for-index='n' wx:for-item="ProductItem...原创 2020-03-27 09:42:48 · 1609 阅读 · 0 评论 -
【微信小程序开发】 日期+时间 选择器自定义
废话不多说 直接贴代码HTML<picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value="{{multiIndex}}" range="{{multiArrayStr}}"> <view ...原创 2020-04-02 16:52:40 · 507 阅读 · 2 评论 -
【微信小程序开发】 实现生成分享二维码(可带参数 无需配置)
生成可带参数小程序二维码前后端都可以实现,但是最好还是由后端来生成传递给前端这边我是前端的主要介绍前端生成的方法,携带的参数scene 有长度限制 正常分享的需求可以实现,官方文档都有说明。 首先获取access_token 是开发小程序后端的必要参数,同样前端也是通过请求官方提供的接口来获取,取得token就很简单了,直接调用官方的接口,获取带参数的小程序二维码(注意返回的格式...原创 2020-03-27 10:33:43 · 3862 阅读 · 0 评论 -
【微信小程序】 调用微信支付 前端角度 wx.requestPayment
微信官方文档链接:https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_10&index=1首先必要的就是注册微信的账号咯微信公众号然后就是注册好 登录到后台 点击微信支付 申请开通 其他的根据微信提醒操作就好了1.在开发之前一定要看支付流程图 请看文章最底下2.调用微信支付前提需要通过调取登录...原创 2019-10-21 10:42:20 · 2257 阅读 · 0 评论