- 博客(32)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 【elementui】解决el-select组件失去焦点blur事件每次获取的是上一次选中值的问题
解决elementui组件el-select失去焦点取值错误问题
2023-08-02 23:14:30
5323
原创 H5 处理ios端部分mp3文件播放不了
有些mp3文件在pc端，安卓端可以正常播放，但是在ios设备上却不能播放，大概是给音频源文件转换格式时没有使用转换工具，而是直接修改的后缀，比如将【demo.wav】直接修改成【demo.mp3】，这样直接修改后缀而产生的文件在ios端会导致解码失败无法播放；- 但这样处理有个缺点就是如果文件太大，生成的base64链接地址会特别大，有可能导致手机卡顿，具体我没测试，我猜是这样的(￣▽￣)~*- 经测试在ios端能正常播放的mp3文件转成wav格式base64也是能播放的；
2022-11-26 20:13:03
2455
1
原创 deasync 报错问题
问题描述：最近一个项目用yarn和npm安装node包时老是报错，大致分析是deasync导致的， 然鹅使用cnpm安装是可以的；具体是什么原因就不清楚了；下面是解决办法：1、删掉node_modules, window系统可以在cmd敲下面命令快速删除；rmdir /s/q node_modules2、敲下面命令清楚缓存重新安装；npm cache clean --forcenpm install --ignore-scripts3、这个时候再用yarn安装就没报错
2022-03-17 12:48:56
3996
原创 vscode更新后重启版本回退到之前的版本问题
问题描述：最近更新了vscode后发现打开最近的文件里面记录消失了，一顿操作后发现每次更新后重启第一次时记录出来了，再次重启又没了。查询更新前版本和更新后版本，以及重启第二次后的版本，发现重启第二次后版本又回退到更新前了！于是查找环境变量，发现路径变成C盘下了解决办法：进去C:\Users\VRJay\AppData\Local\Programs\Microsoft VS Code 目录下，把Code.exe文件右键发送到桌面快捷方式，再点快捷方式后就是新版本了，打开最近的文件记录.
2022-03-15 11:35:39
7534
原创 Vue 监听对象数组某一项某个属性值的变化
示例：监听tempArr数组的第0项的age值变化 监听formData对象的likes数组第1项吉他项的值的变化export default { data(){ return { tempArr: [ { name: '小明', age: 18 }, {
2022-03-08 19:40:05
5125
5
原创 JavaScript 根据指定索引数组批量删除元素
let arr = [0,1,2,3,4,5,6,7,8,9];let idxs = [1,3,5,7]; //arr数组需要删除的项目索引arr = arr.filter((n,i) => !idxs.includes(i));//[0, 2, 4, 6, 8, 9]* 巧妙利用filter过滤出不符合索引数组的项目，然后再赋值给arr本身就行了，比splice好用多了，那个还要考虑删除某一项后索引变化的问题；...
2022-02-25 19:11:42
3101
1
原创 ShareMouse ,解决鼠标失灵的问题
刚撸完代码，打开对比工具beyond compare打算对比下代码，结果软件打开鼠标就不动了，过一阵子好了，打开任务管理器，鼠标又不动了，但在另外一台连接鼠标的电脑上正常；运行系统： win10;软件版本：5.0.36；解决办法：1、关掉正在运行的sharehouse程序；2、找到sharemouse.exe, 默认安装路径一般是【C:\Program Files (x86)\ShareMouse\ShareMouse.exe】3、右键 --> 属性 --> 兼容性 -.
2021-09-07 14:21:21
8781
2
原创 yarn 系统找不到指定的路径
Ctrl +d : 修改为删除当前行；（默认为Ctrl + Shift + K）；文件（File ）>> 首选项（Preferences）>> 键盘快捷方式（Keyboard Shortcuts)在输入框内输入 ： delete line（搜索删除行的快捷方式）双击Delete line这一行，依次按下按钮 Ctrl + D，再enter;在输入框内输入：add selection to next find match （搜索原Ctrl + D快捷方式）双击add
2021-09-06 21:50:01
8709
7
原创 解决电信网络Echarts官网打不开的问题
解决电信网络Echarts官网打不开的问题1、 打开网络共享中心:2、打开你正连接的wlan:3、点击属性后找到ipv4，双击4、修改DNS1、 打开网络共享中心:2、打开你正连接的wlan:3、点击属性后找到ipv4，双击4、修改DNS将dns修改为：（腾讯）首选：119.29.29.29备用：192.168.5.1（谷歌）首选：8.8.8.8备用：8.8.4.4（114）首选：114.114.114.114备用：114.114.115.115以上随便选一个修改，能打开
2021-08-06 11:34:40
11533
15
原创 还原浏览器标签的默认样式
还原浏览器标签的默认样式在使用UI库时，有些原生标签的样式和浏览器默认样式会被修改，并且这种修改无法以新样式覆盖的方式还原默认值。比如将滚动条隐藏掉:::-webkit-scrollbar { display: none;}我试过好多种样式修改，都无法还原到默认样式，而最终利用js将这个样式删除掉才得以实现：[].slice.call(document.styleSheets).forEach(sheet => { [].slice.call(sheet.css
2021-03-31 14:57:20
576
原创 Echarts桑基图sankey点击高亮显示
Echarts桑基图sankey点击高亮显示点击某一项将与其有关联的所有父项目和子项目全部高亮显示，并降低其他无关项目透明度，再次点击则恢复原有状态；在线DEMO查看效果图如下：
2021-01-28 17:13:31
3056
8
原创 Echarts单实例绘制多种多个图表
Echarts单实例绘制多种多个图表在一个canvas标签上绘制多类型多个图表实例：在一个canvas标签上绘制多类型多个图表实例：查看在线DEMO效果图如下：
2021-01-28 17:07:28
1022
原创 浏览器 .avi视频播放demo
浏览器 .avi视频播放demoffmpeg项目作者github:cdn资源1：https://unpkg.com/browse/@ffmpeg/ffmpeg@0.9.4/dist/cdn资源2：https://unpkg.com/browse/@ffmpeg/core@0.8.3/dist/本项目的ffmpeg.min.js每个版本所依赖的ffmpeg-core.js都不一样，如项目运行在内网环境，需要手动下载资源2里面的所有文件注意： const ffmpeg = createFFm
2020-11-13 18:10:25
1414
原创 Building for production... ERROR TypeError: Cannot read property ‘createHash‘ of undefined
npm run build打包报错问题问题描述最终解决办法总结问题描述1、由于我近期更新了我全局webpack版本，导致有的老项目在install时报错；2、一个老项目，由于 package.json 里 devDependencies 未指明webpack版本，导致项目在 npm install 的时候失败，通过指定webpack版本为 ^4.0.0 ，解决；3、后来项目修改完成，打包的时候又报错：Building for production... ERROR TypeError: Cann
2020-11-13 16:00:41
3757
6
原创 echarts折线图 labelLine+symbol渐变
echarts折线图 labelLine+symbol渐变效果图实例代码效果图实例代码function gradientColor(startColor, endColor, step) { var startRGB = this.hexToRgb(startColor), startR = startRGB.r, startG = startRGB.g, startB = startRGB.b, endRGB = this.hexToRgb(endColor
2020-11-11 10:14:26
1226
原创 Javascript 获取显卡信息
· Javascript 获取显卡信息tips: 做了一个3D动画播放，需要根据电脑显卡型号来判断设置最大播放帧率。const canvas = document.createElement('canvas'),const webgl = canvas.getContext('experimental-webgl'),const info = gl.getExtension('WEBGL_debug_renderer_info');const msg = webgl.getParamete
2020-08-07 16:15:43
2609
原创 禁止create-react-app 打包生成map文件以及LICENSE.txt文件
· 释放webpack配置如果项目未释放react-scripts，则先执行命令：yarn eject释放配置文件，释放后根目录会生成config文件夹和script文件夹；· 修改webpack配置找到config > webpack.config.js注意：最新构建的create-react-app项目只有这一个配置，老脚手架则会生成webpack.config.dev.js和webpack.config.prod.js两个配置；言归正传：1、禁止生成LICE
2020-07-14 13:15:44
3614
1
原创 uniapp 解决切换页面后textarea组件的autoheight失效问题
问题描述>>有两个页面，A页,B页；A页面有通过v-for渲染一个textarea列表；A页：<template> <view class="view-container flex flex-direction bg-white"> <view v-for="(item,idx) in arr" :key="item.uuid"> <label for="">{{item.label}}</label>
2020-06-28 17:30:01
1811
原创 vue 解决微信右上角菜单通过浏览器打开 #号后面参数丢失问题
假如现在有A,B两个页面，B页面需要我们通过浏览器打开那么在A页面跳转到B页面时，在B页面created生命周期里location.reload();一下；刷新一下B页面，这个时候再右上角浏览器打开页面或者复制网页链接时，#号后面的参数就不会丢失了虽然刷新了一下用户体验不好，但这是最快的解决办法了；而且周末我也懒得想其他办法了。。。周末不想码代码！！！...
2019-12-22 16:00:41
2111
原创 uniapp h5版解决TIM不能发送图片的问题
问题描述：在uniapp h5版里面使用腾讯的即时通讯IM时，发现图片发送不了；IM文档地址：TIM查看tim-js.js源码发现，是由于uniapp内部封装有微信小程序的 wx对象，导致tim-js.js即使在浏览器环境下也错误的判断成了小程序环境，导致上传插件cos-js-sdk-v5 出现加载失败问题；tim-js.js翻车地点：上图红框内的判断导致变量 ...
2019-12-12 16:25:59
3672
1
原创 uniapp H5端实现PC端适配
前言：使用uniapp做的h5页面，在PC端显示时，发现由于upx单位计算基准值太大，导致页面排班布局错乱思路：刚开始发现使用px单位不会导致页面布局混乱，但这对刚开启的项目友好，对已经成型的项目修改成本太高，风险也大，而且px是固定单位，在移动端显然没upx好使；后来百度好久，发现都没有解决办法，偶然间突发奇想，能不能利用iframe在页面载入前将宽度设置为375px(750up...
2019-11-22 18:01:48
21758
7
原创 在Vue中使用Echarts绘制带图标的矩形树图
最终效果图：DEMO代码：在页面开头引入echarts.js,资源请自行在官网下载import echarts from 'echarts';demoData在文章最下面<template> <div> <div class="cxt" id="treemap_cxt"></div> <...
2019-11-14 16:22:03
85484
原创 让IE9及以上兼容es6，Promise, 及es7的async await
在完成下面A和B两步后，页面内嵌JS或者引入自己外部JS，script标签的type属性需要设置为text/babel<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="https://cd...
2019-11-08 14:53:39
4733
3
原创 在vue中使用highmaps并引入proj4js
应用场景：最近公司有个需求，需要在中国地图上显示各省，市/直辖市，区/县等显示用户使用量，本来有两种实现方式，但设计图是采用气泡图形式展现的，所以就研究了一下highcharts的气泡图demo效果图如下：问题描述：在vue项目中使用气泡图碰到了两个问题：1、使用气泡图需要用到proj4.js,但是在vue中引入时却报错Highcharts error #21: ww...
2019-11-06 11:57:10
2085
原创 JS 将JSON内部key值转换大小写和首字母大写
/** * @param {Object} json * @param {Object} type： 默认不传 ==>全部小写;传1 ==>全部大写;传2 ==>首字母大写 * 将json的key值进行大小写转换 */ function jsonKeysToCase(json,type){ if(typeof json == 'object'...
2019-09-26 11:10:55
3268
原创 uniapp 苹果手机input,textarea聚焦后页面被上推，失去焦点后未还原问题
应用场景：自定义封装了一个弹层，使用position:fixed,弹层内有input和textarea，这种组合会导致在苹果手机上出现一个问题：问题描述：当input和textarea获取焦点后，整个页面会被上推一段距离，输入完成后，在失去焦点的时候，页面未被还原，导致弹层实际可操作区域与显示区域错位，错位的上下距离就是页面被上推的距离；解决办法：先给input、textar...
2019-07-19 15:54:05
6233
3
原创 解决iframe加载页面出现白屏闪烁问题
问题描述：今天维护公司的一个老项目，项目是一个公共页面iframe充当类似vue的router-view,通过这个iframe来切换不同页面。但是在切换或者刷新的时候，会出现白屏闪烁问题，用户体验非常不好！而且由于项目需要适配2k,4k,8k屏，所以使用了rem单位，而使用rem会导致页面在开始加载的一瞬间会很小，然后突然变大，rem的使用加剧了闪烁幅度；*由于保密我这里就不录屏了；...
2019-07-04 16:18:40
10925
2
原创 Vue+elementUI build打包部署后字体图标丢失问题
错误描述：Vue+elementUI build打包部署后字体图标丢失，控制台显示文件element-icons.woff和element-icons.ttf文件404错误展现：控制台报错截图dom渲染展示解决方法：webpack module配置：(build目录下webpack.base.conf.js)module: { rules: [ ...
2019-05-14 11:33:58
8913
2
原创 uniapp 自定义弹层时，底部页面滚动而弹层不能滚动
今天做页面有个需求：页面有个列表（A），内容过多时需要滚动，然后做了个弹层，里面也有个列表（B），内容过多时需要滚动由于A列表使用的web-view组件，而B列表使用view组件加overflow:hidden auto;结果是：当弹层显示时，B列表不能滚动，底部列表A却能滚动；于是在度娘上找了找：1、发现@touchmove.prevent貌似好牛逼，赶紧加上去，结果AB...
2018-12-28 16:32:05
10694
base64.min.js
2019-09-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人