自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(68)
  • 收藏
  • 关注

原创 element-datepicker选取不了当天

如果设置了默认disabledDate但选择今天无报错且无法确认时间。会导致datepicker内部出现不会被抛出的错误,正确写法应该为。需要引用dayjs,无dayjs方法等有空再写。因为如果当你搜到限制今天的方法是。并不是当天的23:59:59。

2024-04-22 11:07:36 147

原创 js 下载文件的通用方法

【代码】js 下载文件的通用方法。

2024-04-11 17:32:05 109

原创 前端如何识别上传的二维码---jsQR

前端如何识别上传的二维码---jsQR。

2024-03-15 16:34:31 451

原创 js 向上取整方法

【代码】js 向上取整方法。

2024-02-06 15:29:03 404

原创 el-date-picker 如何设置pickerOption选中日期范围

【代码】el-date-picker 如何设置pickerOption选中日期范围。

2024-01-19 14:23:59 456

原创 JS便捷创造年份选项

最近几个项目都需要年份选择,而且区间都不相同,故提供一个简单思路。

2024-01-08 09:56:54 361

原创 echarts xAxis label文字如何换行

【代码】echarts xAxis label文字如何换行。

2023-09-26 19:11:11 719

原创 echarts legend如何控制标签文字长度

代码,直接贴进去换掉就能测试。

2023-09-06 19:26:56 345

原创 WebStrom卡死在indexing的解决方案

自从更新到webstrom 2023.1.4版本之后,索引就一直出问题,一直显示正在索引中,和正在整理扫描索引文件,并且进度条也不动。然后有可能重启不了,可打开任务管理器关掉webstrom进程或者直接重启电脑,解决。结果搜到idea也出现过同样的问题,解决办法如下。这里点清除缓存之后勾选所有值,点清除并重启。

2023-07-24 17:35:57 1004

原创 如何用div模拟虚线

【代码】如何用div模拟虚线。

2023-07-11 10:32:53 192

原创 video增加中间播放按钮

效果如下,点击播放再次点击暂停。

2023-04-23 11:44:02 1522 1

原创 vite 组件热更新失效问题

检查组件名和文件名是否一致 !vite只会以组件引入名为热更新基础 !虽然不会报错但是不会触发更新 !

2023-03-31 15:02:56 204

原创 el-table:如何在type=‘ checkbox ‘中使用单选

如何在type=' checkbox '中使用单选

2023-03-09 17:46:53 295

原创 v-onlyNumber:在vue中如何限制输入框的最大最小值以及小数位数

简化数字输入限制

2023-03-09 17:06:26 2726

原创 js获取当前周的日期信息

js获取当前周的日期信息

2022-12-22 17:54:35 1254

原创 使用 js-xlsx 前端打印 el-table 表格

主要问题点是el-table是分成两个表单导入,需要再加一步

2022-08-29 15:34:55 350

原创 vue2如何区域打印

vue2 使用vue-print-nb 插件局部打印

2022-06-01 17:24:31 744 1

原创 如何把时间转换成后端需要的格式

有时候会碰到后端需要传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 430

原创 element-ui table如何合并表头

el-table 合并表头

2022-03-14 17:09:00 2112

原创 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 1468 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 759

原创 nginx 如何查看访问ip和对应访问路径

vi /var/log/nginx/access.log打开之后就能看到ip和对应访问路径了如果要看前几天的访问信息在当前文件夹下有对应日期+1的gz压缩包打开后里面有一份log文件,解压之后直接用记事本打开就行了

2022-01-20 16:20:52 5874

原创 记 vant-popup 安卓样式折叠/样式错误问题(大坑)

最近用vant写一个项目的弹框,老碰到如下图这种错误而且只有安卓有这种问题,找了一天,才知道安卓内置浏览器的高度会因为输入法唤醒而缩小,所以不能用官方例子推荐的百分比高度或者vh高度,只能用固定高度!...

2021-10-28 16:43:39 453

原创 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 6781

原创 在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 1653 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 300

原创 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 208

原创 如何使用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 3479 1

原创 webstrom vue,jq关键字提示如何设置

点击download下载,下载页可直接输入搜索vue选中,然后点download and install出来后勾选即可,jq同理

2020-12-04 14:28:41 126

原创 原生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 4204 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 534

原创 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 2016

原创 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">&lt

2020-10-12 11:10:44 1800

原创 webstrom 404问题解决思路

1、html文件需要在独立文件夹中,不能放在桌面2、文件名和文件夹不得用中文3、不要出现±*/等特殊符号

2020-10-10 14:21:39 217

原创 如何批量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 1140

原创 记一些少用但是专治强迫症的css样式

input{ outline:none//取消选择框,}p,div{ text-indent: 2em;//段落前空格,em是字体单位}img{ -webkit-user-drag: none;//图片无法拖动}*{ user-select:none;//内容无法选取,意味着内容无法被划出选择区(蓝色背景)}...

2020-06-23 16:09:42 116

原创 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 615

原创 JS / VUE中如何用原生写一个全局计时器

最近碰到一个教育项目,要用到全局计时器,并且失焦停止,聚焦开始下面直接上代码,全局变量存在seesion storage中,纯原生js,可在任意场景/框架中使用setTime() { sessionStorage.setItem("seconds", "00"); sessionStorage.setItem("minutes",...

2020-04-27 11:00:58 3747 1

原创 input 一些少用参数

如何输入密码:标签中加上或修改成 type=password如何居中显示输入内容: text-align:align如何取消选择框:outline:none如何修改选择框颜色:input:founs{outline:none;border:1px solid red;}如何取消边框:border:none背景色透明:background:transparent...

2020-04-10 12:06:38 160

原创 webstrom 格式化快捷键

webstrom 格式化默认快捷键Ctrl+Alt+L如何修改(喂饭攻略):上方导航栏找到Flie----Settings或者按Ctrl+Alt+s找到Keymap里面输入框输入Reformat可以看到Reformat Code默认快捷键是Ctrl+Alt+L双击点击Remove Ctrl+Alt+L再双击点击Add Keyboard Shortcut点击第一个输入框...

2020-03-16 11:54:16 282

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除