- 博客(27)
- 收藏
- 关注
RSS订阅
原创 jquery多页面官网webpack脚手架 multi_page
jquery多页面官网webpack脚手架 multi_page简介：用于官网等多页面项目开发，提供最基本的开发方案及功能组件特点：精简，简单易用，纯干货功能：webpack多页面项目打包兼容 混淆 压缩rem页面适配方案示例使用rem，定义最大宽度屏幕宽度不足时，进行等比缩放如需响应式样式调整，请另写响应式代码进行微调接口请求ajax封装模板渲染handlebars模仿vuex的状态管理(store.js)国际化-多语言-i18n简易弹窗组件
2021-03-17 11:04:14
401
原创 web前端-纯前端音频剪辑，vue音频编辑组件
本文包含内容概述： - 整理总结的音频相关资料 - 音频相关jsapi说明及示例 - vue编写的组件及git项目地址
2020-12-01 18:04:46
5734
6
原创 小程序、微信H5、APP，移动端跨端相互跳转相关规则，2020/11最新总结
这里只做总结与解释，细则可以去相应官方文档查看前情提要：其他小程序的appid可以在它的资料里直接查看，所以不是问题H5 => 小程序 => 随便跳通过微信jssdkopenTagList: [‘wx-open-launch-weapp’]用于页面中提供一个可跳转指定小程序的按钮。要求:仅开放给已认证的服务号，绑定“JS接口安全域名”需要用户触发跳转H5 => APP => 需要关联APP通过微信jssdkopenTagList: [‘wx-open-lau
2020-11-24 11:23:58
2700
原创 vue打开其他项目页面，并传入数据
如何打开其他系统，并传入数据vue项目中如何嵌入其它项目的页面1.携带sessionstorage打开新页面；2.iframe通信
2020-11-17 17:44:56
4872
11
原创 微信小程序开发问题处理记录，无法调起照片选择，无法调起拍照，无法调起蓝牙
微信小程序，经常出现部分设备出现无法调起照片选择，无法调起拍照，无法调起蓝牙等情况，离奇的是过几天又自己好了。如果出现类似事件，可以尝试补充隐私协议授权声明，过审后即可恢复。
2023-11-27 16:31:26
266
原创 vuex状态管理watch监听在ios上存在的bug记录
场景：使用this.$store.watch监听某个state值变化，触发事件。实际：在ios上连续触发三次及以上改变，仅能监听到第一次和最后一次。预期：监听到每一次变化，均做对应处理。解决：还是老老实实用回调函数吧。
2023-11-27 16:23:39
102
原创 微信小程序camera组件录像问题记录
小于两秒大概率失败，大于两秒如果开启压缩则概率失败，关闭压缩则能稳定成功。canvas 不能写type 写了就报错。canvas不是webgl就报错。
2023-02-07 09:23:19
321
原创 加速度计xyz值变化说明wx.onAccelerometerChange
x:0,y:0,z:-2（向上加速） => x:0,y:0,z:1（向上减速） => x:0,y:0,z:-1（静止）x:-1,y:0,z:-1 （向右加速）=> x:1,y:0,z:-1（向右减速）=> x:0,y:0,z:-1（静止）备注：容易理解错的点是，向上是z轴的负值而不是正值，向右是x轴的负值而不是正值。1.静止状态 x:0,y:0,z:-1。res.x number X 轴。res.z number Z 轴。2.手机沿z轴向上加速运动。3.手机向x轴右加速运动。
2022-10-14 18:01:28
1136
1
原创 微信小游戏帧同步demo（minigame-lockstep-demo）学习笔记
（这里不懂为什么逻辑帧比实际游戏帧下发周期小3，难道不会导致计算的时间preFrameTick大于实际时间nowFrameTick，然后帧堆在本地，全跑的后边快进的逻辑）
2022-10-14 15:05:44
1553
原创 uniapp小程序/APP接入蓝牙设备（踩坑记录）
需要持续开启扫描蓝牙设备，才能通过uni.getBluetoothDevices获取到最新的广播包数据。再调用uni.notifyBLECharacteristicValueChange。再调用uni.writeBLECharacteristicValue。调用uni.createBLEConnection之后。ios连接设备后，需要把全流程跑完，不能直接监听特征值。1.获取蓝牙设备所有服务。
2022-09-23 17:19:37
4089
原创 前端js数据导出excel，并修改样式
前端js数据导出excel，并修改样式使用方法参考原文：https://blog.csdn.net/weixin_43965143/article/details/106572755作出部分修改：该修改仅满足本人当前需求，并不完善，仅供参考1.【修改】 自动计算列宽度 原本没有title时，header行不参与计算2.【修改】 改了一些头部样式3.【增加】 数字下标转excel列下标函数 number_to_excel4.【增加】 设置修改列样式的参数 stylesimport Export
2022-04-02 15:00:55
3409
1
原创 小程序 uniapp使用echarts报错 t.addEventListener 未定义
修改如下代码:示例为压缩版echarts.min.js1.增加 var isDomLevel2 = (typeof window !== ‘undefined’) && !!window.addEventListener;2.修改函数 Le Pe3.修改函数gx
2022-02-15 10:29:44
3088
14
原创 echarts4升级echarts5升级记录
升级后优点，默认样式更好看，动效体验更好。缺点，容错率降低，需要处理新版不支持的代码1.y周label的纵向位置调整 负值padding不生效旧：axisLabel: { padding:[-13,0,0,0],}新：axisLabel: { padding:[-13,0,0,0], verticalAlign: 'top',}2.自定义y轴最大值max与最小值min旧：min/max写反也能正常使用新：无法正常使用3.饼图label位置调整到引导线上方
2021-11-02 10:24:38
2770
原创 【uniapp】安卓APP打包
云打包备注：简单1.配置manifest.json2.云打包生成安卓证书（ios证书需要申请）原生混淆开启安心打包离线打包备注：以下两种情况是必须进行离线打包的：1、本地集成5+SDK2、使用其它第三方插件https://nativesupport.dcloud.net.cn/AppDocs/README申请appkeyhttps://nativesupport.dcloud.net.cn/AppDocs/usesdk/appkey安卓工程配置https://native
2021-07-12 16:28:29
153
原创 三种方法 计算 文本宽度 及 文本行数
1.已有元素，获取元素内文本行数//计算元素内的行数var line=parseFloat(el.css("height"))/parseFloat(el.css("line-height"));2.canvas计算文本宽度、行数注：不同字体、不同尺寸 的文字占用宽度不同//txt:文字 font：字体 width：一行最大宽度//计算宽度function getwidth(txt,font){ var canvas = document.createElement('canvas'
2021-03-16 16:06:51
4263
原创 苹果safari浏览器 button点击不会触发focus事件 如何解决？
苹果safari浏览器 button点击不会触发focus事件 如何解决？解决如下：//点击时手动focus<button id="button" type="button"></button> $('#button').on('focus',function(e){ $(this).addClass('active') }).on('blur',function(e){ $(this).removeClass('active'
2021-02-24 11:10:58
916
原创 pc端、移动端如何拖动元素？vue编写
vue如何拖动元素？移动端touchpc端drag注意：drag需设置e.preventDefault()//可以防止鼠标出现禁止手势移动端触点需要放大，否则很难拖动<div v-if="isMobile"> <div @touchmove="dragover($event,point)" @touchstart ="dragstart($event,point)" :style="'left:'+point.x+'px;top:'+point.y+'px'">
2020-12-21 15:50:25
701
原创 怎么查看自己的外网IP？用自己的电脑发布网站，连接公网
理论上外网ip是唯一的，但是ipv4根本不够用，所以运营商会让一个区域使用同一个外网ip，再对你下发一个区域内部的ip除非你提出要求需要使用外网ipv4的ip，运营商才会给你真正的外网ip所以新一代的ipv6就解决了这个问题，可以一人一个ip，关于ipv6怎么用你可以另行百度，反正这是已经普及的东西，只是少有人用而已至于查看方法：1.运行cmd ipconfig 里边什么都有2.或者更简单的 百度搜索 ip如果你被运营商划在区域ip里，那就去问运营商客服吧...
2020-12-20 15:54:23
1031
原创 font-spider字蛛怎么用，踩坑记录
font-spider字蛛有什么用？在已知使用字符的情况下，压缩字体包，把html中使用到的字符进行打包，生成新的字体包，减小体积font-spider字蛛怎么用1.Git下载https://github.com/aui/font-spider/tree/master/src2.src中新建目录，如下图3.index.html写入代码<!DOCTYPE html><html lang="en"><head> <meta charset="
2020-12-16 14:10:13
1952
原创 ios分享设置不生效原因大全；微信公众号H5分享不生效
1.只有IOS不生效url链接问题ios页面链接跳转不改变，导致获取到的url与当前url对不上//在app.vue中记录this.$store.commit('setshareurl',window.location.href.split('#')[0])//使用时判断设备类型 使用app.vue中的记录var isIOS = navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ioslet urlShare = wi
2020-12-15 16:00:34
3158
3
原创 阿里云对象存储OSS权限管理设置-新手基础设置
读写权限Bucket ACL设定为“公共读”权限（不然每次查看文件都要验证）防盗链防止其他域名访问你的文件Referer本地调试http://192.168.1.100:*你的域名http://*baidu.com空 Referer不允许跨域设置防止其他域名上传文件来源本地调试http://192.168.1.100:*你的域名http://*baidu.com允许 Methods选中GET、POST、PUT、DELETE以及HEAD。允许 Header
2020-12-08 17:04:30
4259
原创 js 获取某时间点 所在月份对应的时间戳范围
获取某个月份的时间范围不要去算这个月有多少天，累~开始时间：这个月的第一天零点结束时间：下个月的第一天零点let time = new Date();//当前月 要计算其他时间点自己传入即可let year = time.getFullYear();let month = parseInt( time.getMonth() + 1 );//开始时间 时间戳let start = new Date( year + "-" + month + "-01 00:00:00" ).getTime(
2020-11-19 15:50:32
3551
原创 less函数传参使用示例，less多行文本溢出函数，溢出...
1.定义函数.overflow(@line) when (isnumber(@line)){ text-overflow:ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: @line; overflow: hidden;}2.调用函数.text{ .overflow(@line:3);}
2020-11-18 17:29:14
2994
原创 html页面转图片 html2canvas 使用注意事项
说明：本篇文章是自己实践总结，并非查资料得出的结论，因此不保证准确性代码实例为vue1.transform兼容性极差ex：transform中的内容会从顶部开始，而其他不会(window.scroll(0, 0);//滚动到顶部再转图片)旋转不生效等等一大堆2.svg不能直接用要用canvg转成canvas需要引入color.js https://cdn.bootcdn.net/ajax/libs/color-js/1.0.1/color.min.js3.background
2020-11-18 15:32:21
1641
原创 canvas画布导出报图片污染，Promise.all异步多图转base64代码实例
canvas画布导出报图片污染Promise.all异步多图转base64代码实例<img class="tobase64img" :src="src1"><img class="tobase64img" :src="src2">data(){ return { isload:false, src1:'',//图片src src2:'',//图片src }},mounted(){ let load_arr = [];//初始化的所有异步行为 let
2020-11-18 15:24:14
1465
原创 微信H5 用户调整微信字体 导致使用rem的页面错乱
微信H5上，如果发现部分用户或手机上页面离奇错乱，并且你使用了rem布局，那么八成就是这个原因了因为用户调整了微信字体，导致使用rem的页面错乱设置 => 通用 => 字体大小（如下图）不让用户修改肯定是不可能了，那就只能让修改了的设置对我们不生效//ios body{ -webkit-text-size-adjust: 100% !important;}//安卓(function() { if (typeof WeixinJSBridge == "object" &
2020-11-18 14:45:43
2816
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人