- 博客(25)
- 收藏
- 关注
RSS订阅原创 小程序跳转H5页面以及交互问题
本文介绍了小程序与H5页面双向跳转及数据交互的实现方案。核心代码包括：1)小程序通过web-view加载H5页面并传递token参数；2)H5通过__wxjs_environment环境变量判断来源，使用wx.miniProgram.navigateTo跳回小程序并携带加密数据；3)小程序接收H5返回的支付数据并存储到全局变量。关键点涉及URL编解码、JSON数据处理和环境判断，实现了小程序与H5间的无缝跳转和复杂数据传递，特别处理了支付密码等敏感信息的传输安全。
2026-06-03 15:52:47
61
原创 截取视频第一帧,并上传
这段代码实现了一个截取视频第一帧并上传的功能。主要流程包括：1)创建视频元素并设置跨域属性；2)加载视频元数据；3)定位到0.1秒位置获取有效帧；4)使用canvas绘制视频帧并转为base64格式；5)通过AJAX上传图片数据到服务器。关键点在于正确处理视频加载事件、设置合适的时间点避免黑屏，以及确保跨域视频可访问。代码还包含完善的错误处理和上传进度提示。
2026-02-03 15:57:01
112
原创 sortable实现拖动排序
html部分js部分引入sortable插件sortable.js内容放到(下一篇)sortable.js中注意:样式有点乱，主要看事件的实现！仅个人记录一下
2022-06-18 15:58:59
297
原创 小程序实现手写板签名
小程序实现手写板签名1.wxss代码page { background: #F8F8F8;}/* 签名 */.qianming { background: #fff; padding: 20rpx 30rpx; font-size: 32rpx; color: #333; padding-bottom: 0; position: fixed; bottom: 0; left: 0; width: 92%; he
2022-02-28 10:51:42
1253
原创 h5端手写板签名
h5端手写板签名用到的js,jSignature.min.js ，vue.js,jquery-1.12.1.min.jscss块body { background-color: #F8F8F8; } .protocolPage .protocol_conent { background: #fff; /* margin-bottom: 20rpx; */ padding: 15px; position
2022-02-28 10:41:42
1054
原创 vue中解决轮播图（Swiper）第一张图片一闪而过
vue中解决轮播图（Swiper）第一张图片一闪而过解决方式:初始化(Swiper)时，外层添加一个定时器代码:setTimeout(function() { var mySwiper = new Swiper($(el), { autoplay: true,//可选选项，自动滑动 speed:500,//切换时间 loop : true, pagination : pagination, paginationT
2021-11-12 15:09:44
1879
原创 解决npm run dev或者npm run build 出现...exceeds the max of 500KB
npm项目运行：npm run dev或者npm run build出现BABEL] Note: The code generator has deoptimised the styling of \element-ui\lib\element-ui.common.js as it exceeds the max of 500KB.在项目的根目录加粗样式下找到 .babelrc 文件，增加 “compact”: false ，如：{"compact": false, "plugins": [
2021-10-28 15:42:19
12328
3
原创 html中创建vue组件及引用
html中创建vue组件及引用需要的js文件组件vue文件中的代码<template> <div class="person-infor" @click="addressClick"> <div class="address-wrap" v-if="!data.address_str"> <p>请添加收货地址</p> </div> <div class="address-wrap"
2020-09-30 17:17:48
4659
3
原创 js实现倒计时
wxml文件<view class="countdown" style="padding:{{data.content.padding}}px 0;"> <view class="custom-countdown" style="background-color:{{data.content.bg_type == 1?data.content.bg_color:''}};ba...
2020-04-25 17:33:24
191
原创 CSS实现垂直水平居中的3种方法
body部分代码方法一利用:befoer伪类实现垂直水平居中.ess { width: 600px; height: 300px; background-color: #2c405a; display: block;}.ess:before { content: ''; height: 100%; display: inline-block; vertical-alig...
2020-04-15 11:01:35
568
原创 npm run build报错
npm run build打包报以下错误解决办法1.找到package.json文件2.去掉箭头指的地方3.重新运行npm run build即可
2020-04-03 10:31:49
1055
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人