![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
一枕黄粱-web
砥砺前行,未来可期
展开
-
父组件(hooks)调用子组件(hooks)的方法
父组件(hooks)调用子组件(hooks)的方法原创 2022-04-28 17:42:18 · 1458 阅读 · 0 评论 -
父组件(class)调用子组件(hooks)的方法
子组件import React, { useImperativeHandle, forwardRef } from "react" let Child = (props, ref) => { useImperativeHandle(ref, () => ({ confirmPostcardOrder })) const confirmPostcardOrder = () => { console.log("子组件方法1") } return原创 2022-04-28 17:17:20 · 1184 阅读 · 0 评论 -
Taro小程序引用ScrollView组件注意点
不同页面引用的ScrollView组件的scrollIntoView属性设置的值必须不一样,否则ScrollView组件里引用的click方法会被污染。例如:前提条件:A页面(Tabbar页)和B页面(非Tabbar页)都引用了ScrollView组件,scrollIntoView属性设置的值都一样。造成结果:从A页面跳转到B页面,再从B页面返回A页面,此时B页面已被卸载,但是触发A页面ScrollView组件里调用的click方法时,发现实际上触发的时B页面ScrollView组件里调用的clic原创 2022-02-16 16:30:10 · 1873 阅读 · 0 评论 -
基于Taro实现的抛物线动效
基于Taro实现的抛物线动效原创 2021-12-15 10:10:10 · 958 阅读 · 0 评论 -
canvas绘制多个矩形实现热区图功能
热区图功能:上传一张背景图,在背景图上框选指定区域,配置对应的跳转链接和领券信息canvas绘制矩形组件<template> <div class="img-intercept-content" :style="hotStyle"> <div class="imgContainer" :style="hotStyle" ref="imgContainer"> <canvas ref原创 2021-11-29 17:48:28 · 1825 阅读 · 0 评论 -
微信小程序苹果手机边框1rpx显示不全解决办法
微信小程序苹果手机边框1rpx显示不全,加上transform: rotateZ(360deg).address-map_details{ width: 125px; height: 36px; line-height: 36px; border: 1px solid #e4e5e6; transform: rotateZ(360deg);}原创 2021-08-10 11:02:19 · 943 阅读 · 0 评论 -
js计算文本在页面所占px宽度
计算文本在页面所占px宽度 -- 扩展String原型方法pxWidth(web端适用)/*** 获取文本px宽度* @param font{String}: 字体样式**/String.prototype.pxWidth = function(font) { var canvas = String.prototype.pxWidth.canvas || (String.prototype.pxWidth.canvas = document.createElement("canvas")),原创 2021-06-28 10:10:28 · 1806 阅读 · 2 评论 -
小程序视频组件重写
需求视频交互:用户wifi状态:视频自动播放(默认静音播放) 流量状态:视频界面有播放按钮,点击按钮可播放视频。点击视频界面则视频停止播放,下方出现播放开关、进度条、声音开关,支持调节进度条 再次点击视频界面可重新播放,重新播放时进度条隐去。页面滑动至视频下方,即完全看不见该视频界面,则视频播放停止。 视频尺寸750宽*420高。componentWillMount () { // 入口判断是否wifi条件访问小程序 let _this = this Taro.g原创 2021-05-26 15:35:41 · 161 阅读 · 0 评论 -
小程序分享
转发获取更多转发信息通常开发者希望转发出去的小程序被二次打开的时候能够获取到一些信息,例如群的标识。现在通过调用 wx.showShareMenu 并且设置 withShareTicket 为 true ,当用户将小程序转发到任一群聊之后,此转发卡片在群聊中被其他用户打开时,可以在 App.onLaunch 或 App.onShow 获取到一个 shareTicket。通过调用 wx.getShareInfo 接口传入此 shareTicket 可以获取到转发信息。页面内发起转发基础库 1.2.0原创 2021-04-16 09:52:29 · 145 阅读 · 0 评论 -
小程序保存图片到相册
情景1:只有图片的远程链接1.通过wx.downloadFile将图片下载到本地,拿到临时图片路径,再通过注意:以下代码使用的是Taro框架,如果是用原生开发,将Taro改成wx情景2:只有图片的二进制流数据...原创 2021-04-14 16:48:17 · 799 阅读 · 0 评论 -
小程序使用canvas生成海报
Taro框架使用taro-plugin-canvas插件快速生成海报小程序原生框架使用wxa-plugin-canvas插件快速生成海报原创 2021-04-14 16:38:04 · 304 阅读 · 0 评论 -
小程序埋点工具类
import { reportUrl } from '@/utils/conf.js'import { getJsonHead } from '@/utils/header.js'import request from '@/utils/request.js'import Taro,{getCurrentInstance} from '@tarojs/taro'const maxlength = 1 //最大上传数据, 当本地存有10条数据的时候才开始上报,1即每次手收集到数据就上报// 是否验原创 2021-04-14 16:28:35 · 176 阅读 · 0 评论 -
小程序RSA加密 - 公钥加密
RSA使用import { Base64 } from "../../utils/js-base64"; // base64加密const Encrypt = require('../../utils/jsencrypt.js'); // 路径看个人的放哪里哈import { publicKey} from '../../utils/util.js' // 公钥// 使用RSA加密后...原创 2020-03-27 10:34:21 · 1204 阅读 · 0 评论 -
微信小程序弹出层禁止页面滚动
添加自定义的弹出框后,当滚动鼠标时下边的页面也会跟着滚动解决办法:在弹出层上添加 catchtouchmove=’true’<!--弹出框 --><view class="sh_Model_box" catchtouchmove='true'>...</view>注意:开发工具的模拟器上没有效果,必须真机测试,真机上有效果...原创 2019-04-12 16:05:54 · 1355 阅读 · 1 评论