- 博客(70)
- 收藏
- 关注
RSS订阅原创 记录一个v-if与自定义指令的BUG
在做某个系统的时候因为element自带的v-input和不能满足所需要的功能，例如限制小数位数，最大值最小值和值是否允许存在非0之类的状态，写了一个自定义指令来满足需求(在我其他文章内有直接copy就行)，结果在碰到v-if的时候发现存在某种情况会导致当在v-if内的的标签挂载上指令，关闭v-if之后，会导致挂载对象发生错误的问题在Vue的自定义指令内有一句自定义指令其实不推荐在组件上使用，我使用指令的node是整个列表最后一个，当v-if关闭之后会找同样的v-input挂载上去。
2025-01-14 15:07:06
376
原创 el-tabs 按删除/退格会导致tab被删的解决方案
在一个标签可输入的需求中突然发现退格键可以删除tab页，在element官方文档中测试居然也可以，可编辑时会需要按退格键来删除tab页…好在vue有一套语法糖可以抵消。但文档没有解释为什么当。
2024-10-21 15:27:07
379
1
原创 element-datepicker选取不了当天
如果设置了默认disabledDate但选择今天无报错且无法确认时间。会导致datepicker内部出现不会被抛出的错误，正确写法应该为。需要引用dayjs，无dayjs方法等有空再写。因为如果当你搜到限制今天的方法是。并不是当天的23:59:59。
2024-04-22 11:07:36
480
原创 el-date-picker 如何设置pickerOption选中日期范围
【代码】el-date-picker 如何设置pickerOption选中日期范围。
2024-01-19 14:23:59
658
原创 WebStrom卡死在indexing的解决方案
自从更新到webstrom 2023.1.4版本之后，索引就一直出问题，一直显示正在索引中，和正在整理扫描索引文件，并且进度条也不动。然后有可能重启不了，可打开任务管理器关掉webstrom进程或者直接重启电脑，解决。结果搜到idea也出现过同样的问题，解决办法如下。这里点清除缓存之后勾选所有值，点清除并重启。
2023-07-24 17:35:57
2307
原创 如何把时间转换成后端需要的格式
有时候会碰到后端需要传dateString (yyyy-mm-dd hh-mm-ss)或者dateString (yyyy-mm-dd hh:mm:ss)如何快速设置和转换成后端需要的参数const date=new Date() //创建时间格式,默认取本地电脑当前时间//单独设置某个时间date.setFullYear() //设置年份date.setHours() //设置月份date.setDate() //设置日期date.se
2022-04-18 22:35:34
545
原创 Vue3+vite img标签动态绑定
Vue2在img标签中使用webpack自带的reqirue和模板字符串组合实现动态绑定<templete> <img :src="reqirue(`@/assets/img/${参数}.png`)"></templete>Vue3+vite这里要注意vite根目录是/，且vite会自动解析src中的字符串，写法如下<templete> <img :src="`src/assets/img/${参数}.png`"></te
2022-03-03 17:26:52
1598
1
原创 linux 解决npm设置全局变量后报 Too many levels of symbolic links
只需要删除 /usr/local/bin下的node和npm即可解决运行以下命令即可·sudo rm -rf /usr/local/bin/npm /usr/local/bin/node·
2022-01-22 08:54:33
858
原创 nginx 如何查看访问ip和对应访问路径
vi /var/log/nginx/access.log打开之后就能看到ip和对应访问路径了如果要看前几天的访问信息在当前文件夹下有对应日期+1的gz压缩包打开后里面有一份log文件，解压之后直接用记事本打开就行了
2022-01-20 16:20:52
6648
原创 记 vant-popup 安卓样式折叠/样式错误问题（大坑）
最近用vant写一个项目的弹框，老碰到如下图这种错误而且只有安卓有这种问题，找了一天，才知道安卓内置浏览器的高度会因为输入法唤醒而缩小，所以不能用官方例子推荐的百分比高度或者vh高度，只能用固定高度！...
2021-10-28 16:43:39
585
原创 js new date()如何拿到前一天
前一天的日期格式new Date((new Date().getTime() - 24*60*60*1000))日期处理函数Date.prototype.Format = function (fmt) { var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHours(), //小时 "m+": this.getMinutes(), //分 "s+": this.ge
2021-10-09 11:32:16
7707
原创 在vue中，threejs如何载入obj模型
· 注意 ·一、obj和mtl放在public文件夹中，路径和我下面写的一样就行，这两个loader不会解析动态路径二、如果碰到Handlers.get() has been removed. Use LoadingManager.getHandler() instead这行错误请在node_modules/three-obj-mtl-loader/index.js中注释掉543行 // var loader = THREE.Loader.Handlers.get( url );然后在v
2021-04-06 00:16:13
1888
2
原创 JS如何上传图片并返显
<img src='placeHolder.jpg' id='img'> <button click=commit>上传</button> <input type="file" style="display: none" id="input" @input="upload">
2021-02-23 11:23:15
388
原创 scrollbar滚动条修改样式
把下面三个伪元素放在设置了overflow:scroll的标签上 ::-webkit-scrollbar {width: 7px;background-color: rgba(8, 8, 8, 0.7);} ::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 2px rgba(255,255,255,.7);border-radius: 10px;} ::-webkit-scrollbar-thumb {-we
2020-12-24 11:08:02
287
原创 如何使用input.Type=‘file‘拿到文件对象
在页面中添加 <input type="file" style="display: none" ref="input" @input="upload" >在需要上传文件的地方增加 <button @click="$refs.input.click()"> 上传文件 </button>在method中增加 upload(){ let files = this.$refs.input.files[0] console.log(files)//文件.
2020-12-23 16:53:31
4033
1
原创 webstrom vue，jq关键字提示如何设置
点击download下载，下载页可直接输入搜索vue选中，然后点download and install出来后勾选即可，jq同理
2020-12-04 14:28:41
164
原创 原生js解决base64转pdf
前提：base64转码前就是pdf格式 let base=''//你要传入的base64数据 let bstr = atob(base64) let n = bstr.length; let u8arr = new Uint8Array(n); while (n--) {u8arr[n] = bstr.charCodeAt(n);} //确定解析格式，可能可以变成img，没有深入研究 let blob = new Blo
2020-11-14 16:55:10
4548
2
原创 字体渐变（兼容ie）
从左到右<linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%">从上到下<linearGradient id="grad1" x1="0%" y1="0%" x2="0%" y2="100%"> <svg xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="grad1" x1="0%" y1="0%"
2020-11-05 15:10:34
590
原创 ios 前端getCurrentPosition无法获得定位确认问题解决办法
在ios中原生的h5方法navigator.geolocation.getCurrentPosition无法获取定位，高德地图提供了一套解决办法直接上代码 //引入，最好在本地下载 <scripttype="text/javascript"src="http://a.amap.com/jsapi_demos/static/remogeo/remogeo.js"></script> if(navigator.platform==='iPhone'){
2020-10-21 14:37:29
2392
原创 js中echarts如何使用geojson
echarts导入geojson最小demo，毫无花里胡哨参数，简单易懂直接上代码 <!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>China</title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.js"><
2020-10-12 11:10:44
1948
原创 如何批量import
直接上代码const importAll=(requireContext)=> requireContext.keys().forEach(requireContext) importAll(require.context('@/assets/svg', true, /\.svg$/))require.context接受的三个参数1、文件的路径2、是否遍历文件的子目录3、匹配文件的正则...
2020-09-02 15:34:24
1368
原创 记一些少用但是专治强迫症的css样式
input{ outline:none//取消选择框,}p，div{ text-indent: 2em;//段落前空格，em是字体单位}img{ -webkit-user-drag: none;//图片无法拖动}*{ user-select：none；//内容无法选取，意味着内容无法被划出选择区（蓝色背景）}...
2020-06-23 16:09:42
158
原创 js实字幕播放功能
感觉写的不好，全当提供一个思路了实现方法是找到对象的第一个b，然后和当前播放时间a对比，如果a > b,就把b对应的值替换掉当前字幕，然后删掉对象中的b结构 <audio :src="require('../../assets/game/mp3/audio.mp3')" type="audio/mp3" ref="audio"/> <div> {{subtitle}}</div>数据格式subtitle: "",subtitleList: {
2020-06-03 11:20:30
761
原创 JS / VUE中如何用原生写一个全局计时器
最近碰到一个教育项目，要用到全局计时器，并且失焦停止，聚焦开始下面直接上代码，全局变量存在seesion storage中，纯原生js，可在任意场景/框架中使用setTime() { sessionStorage.setItem("seconds", "00"); sessionStorage.setItem("minutes",...
2020-04-27 11:00:58
4031
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人