- 博客(175)
- 收藏
- 关注
原创 使用js填充进input的value,为什么一点击输入框就消失了
解决React中操作input的value时无法触发input事件问题 - 代码先锋网
2023-12-07 14:42:07 158
原创 vue中动态style(如何动态修改伪元素样式)
vue中动态style(如何动态修改伪元素样式)_vue怎么在行内给伪元素加样式_爱上星星的鲸鱼的博客-CSDN博客
2023-09-14 14:28:13 694
转载 【转载】前端字数太多使用el-table设置show-overflow-tooltip显示不下,闪烁不显示
注意样式写在不带scoped的style里面,为了避免影响其它样式,使用了自定义样式popper-class=“workorder-reason-popper”el-table设置show-overflow-tooltip属性后,数据过多时(超过3000字符)闪烁不显示。使用show-overflow-tooltip超过一定的行数,通过样式控制显示...方法二:使用show-overflow-tooltip超过一定的行数显示...其中-webkit-line-clamp是要显示的行数,例子显示12行。
2023-09-06 10:55:12 1599
转载 iconfont引入彩色svg(symbol引入)_kumokoya的博客-CSDN博客
iconfont引入彩色svg(symbol引入)_kumokoya的博客-CSDN博客
2023-07-25 11:51:57 93
转载 前端单张图片下载,批量下载图片成压缩包
各位铁子们,博主最近手撕了一个图片管理模块,效果如下图所示,其中有个下载图片的功能,包含了单张图片下载,以及多张图片批量下载成压缩包,认为很有意思,分享给你们。原文链接:https://blog.csdn.net/weixin_42125732/article/details/124966174。版权声明:本文为CSDN博主「是小橙鸭丶」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。首先我们需要引入对应的安装包如下。
2023-06-27 14:56:21 323
原创 base64编码:js实现base64编码的3种方式,多场景下分析使用
推荐使用npm下载:npm install --save js-base64,下载后在node_modules文件夹下面就能找到需要的base64.js。js实现base64编码,前端一般应用场景在与后端接口参数中体现,后端可能需要某个字段是base64编码的字符,这时候就需要用前端的方法进行转换,再作为参数传递到服务端。在vue中使用,用npm下载之后,直接用require引入使用:const Base64 = require('js-base64').Base64。// 对base64转编码。
2023-06-09 17:06:14 9416
原创 【bug修复】 position: fixed 默认的z-index是0,固定定位最好写上z-index预防bug
【bug修复】 position: fixed 默认的z-index是0,固定定位最好写上z-index预防bug。
2023-06-09 16:48:59 78
转载 git 提交报错:husky - pre-commit hook exited with code 1 (error)
执行脚边 “lint”: “vue-cli-service lint”,所以pre-commit文件 内容改完。原文链接:https://blog.csdn.net/m0_52724742/article/details/125877043。npm执行 test ,serve等命令是不需要使用 run , 其他的话 必须执行run;配置完husky之后会生成一个.husky文件夹,其中包含一个pre-commit文件。而我在pre-commit文件中 直接使用 npm lint 就会报错。
2023-06-07 19:35:02 1139
转载 gitee/github修改了账号密码后导致代码无法提交
输完之后重新git push提交,会弹出提示框让你重新输入账号和密码。重新输入就能提交了!开始(左下角win图标)-Git-Git CMD-右键-更多-以管理员身份运行。环境:win10,Git,gitee。命令的意思是清空gitee账号信息。
2023-06-05 11:28:03 864
原创 husky - pre-commit hook exited with code 1 (error)
原文链接:https://blog.csdn.net/ZYMruanjianjishu/article/details/126424965。版权声明:本文为CSDN博主「义明」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。执行以下命令后得到了修复。
2023-05-11 17:10:51 348 1
转载 npm 命令行设置镜像地址 一直更改不了的原因
版权声明:本文为CSDN博主「hzxOnlineOk」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。原文链接:https://blog.csdn.net/hzxOnlineOk/article/details/128287103。很有可能是项目里写了.npmrc文件,这个文件是配置npm远程镜像地址的,优先级高于命令行设置,因此才会出现命令行设置后。后,地址仍旧为原来的地址!
2023-04-03 19:32:57 589
原创 VUE系列之element表单el-form-item自定义label
这里要加提示,所以自定义label,加了问号的提示。核心使用slot = label。
2023-03-21 17:24:01 3047 2
原创 vue.config.js配置configureWebpack的optimization splitChunks页面空白
确实通过这种方式解决:原因可能是这个:
2023-03-14 19:51:29 623
转载 elementui中el-button点击后不失去焦点(按钮颜色不变)的解决
因为是前端新手,对很多东西不熟悉,所以就一脸懵逼的去百度,大多数说的都是类似“Element UI点击按钮后不失焦,强制失焦”即可,查看相应的css代码,基本确认就是由于点击后按钮不失去焦点导致的。只能说天下文章一大抄啊!因为如果点击按钮的空白处,点击完毕后,的确可以恢复到点击前的状态的,但是如果点击“退出”两个字,在点击完成后,按钮状态还是没有恢复到点击之前的样子。使用el-button的时候,发现点击按钮后,按钮颜色仍然保持鼠标悬浮上去时候的效果,并没有恢复到正常状态。图2-鼠标悬浮或点击后的按钮。
2023-03-07 22:02:32 4550
转载 如何配置命令在打完包之后将build包拷贝到另外一个文件夹
<Webpack插件>如何将Webpack打包成功的文件夹拷贝到指定地方?_别放弃你热爱学习的心的博客-CSDN博客_webpack插件在打完包之后拷贝包
2023-02-21 15:47:45 310
原创 vue+elemenUI 解决谷歌浏览器默认填充账号密码问题
自动填充主要是找到input的type为password的元素去填充的,然后找到这个元素的上一项填充账号的数据,所以给密码框加上如下属性便不会再自动填充账号密码了。
2023-02-11 14:42:22 1408
转载 NProgress的用法
4.这个呢,基本上会这几个api就足够了,我们用的最多的就是这几个,NProgress.start()开启进度条,NProgress.done()完成进度条,如果我们想改变进度条的颜色,可以进入App.vue里,在style中加上下面这样几行代码即可。今天,我就从简单点的模块说起吧。大家打开一个网页的时候,会看到一个进度条,然后加载完成后进度条就消失了。版权声明:本文为CSDN博主「程序猿小Lone」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
2023-01-20 10:50:02 319
原创 keep-alive包裹的el-tabs中有两个页面使用echart渲染空白问题
【代码】keep-alive包裹的el-tabs中有两个页面使用echart渲染空白问题。
2023-01-20 10:48:20 211
原创 NPM的天坑: 解决ERR! code UNABLE_TO_VERIFY_LEAF_SIG
原文链接:https://blog.csdn.net/blackhehaha/article/details/103009166。版权声明:本文为CSDN博主「小憨憨不敢。」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。code UNABLE_TO_VERIFY_LEAF_SIGNATURE 各种下载失败。各种下载失败,并不是镜像源的问题,哪怕切换淘宝源也无法下载。总之就像断网一般无法下载。//引入 postcss-px-to-viewport。
2023-01-07 15:30:55 420
转载 localStorage、sessionStorage同一网站下共享问题
浏览器中打开A页面,再通过A页面打开新的标签页B页面,此时A、B两个页面的sessionStorage是“共享”的。这里的共享指的是B页面会把A页面的的 sessionStorage 拷贝一份,作为B页面 的初始缓存值,此时改变B页面的session,A页面并不受影响。即不同 Tab 之间,session读写操作独立,互不影响。浏览器中打开A页面,然后手动新开一个标签页,在新的标签页中打开B页面,此时A、B两个页面的sessionStorage是不“共享”,即B页面不会继承A页面session作为初始值。
2022-10-26 14:04:37 2807
原创 elementUI中的Popconfirm 气泡确认框 对 确认按钮 绑定方法
【代码】elementUI中的Popconfirm 气泡确认框 对 确认按钮 绑定方法。
2022-10-20 18:40:17 966
原创 vue中使用element-ui,重复点击按钮或多个请求同时报错时弹出多个message弹框解决方法
【代码】vue中使用element-ui,重复点击按钮或多个请求同时报错时弹出多个message弹框解决方法。
2022-10-14 15:34:08 2312
原创 前端cookie设置httpOnly和secure拿不到,换成localstorage+加密方式
token用接口获取,然后设置在cookie中,以后每个接口调用都要获取这个cookie并且设置在接口的请求头部中,由于安全检查,要添加httpOnly,和secure,但导致js获取不到cookie,从而导致调用失败,所以必须换种方式换成其他方式,我换成的localstorage+加密的方式。httpOnly:防止xss攻击,js等非http,https协议方式拿不到cookie,secure:https中才能传输。
2022-10-14 11:54:13 2716 1
转载 使用window.location.href跳转页面不刷新的问题
此时有个需求就是你想从b页面跳转到a页面,你用了window.location.href,这个时候页面其实是不会被刷新的。解决方式:用完window.location.href 后再用window.location.reload()方法即可。’通常这样写都是可以跳转到目的url的,但是若当前的url和跳转的url是一个的话,页面可能就不会跳转,不会刷新。举个例子,a页面和b页面是通过动态组件展示的,那么a和b的链接其实对应的就是一个,比如都是。
2022-10-14 11:20:47 2751 1
原创 windows如何使用OBS软件
3.在chrome浏览器中用webcamtests.com网页测试虚拟摄像头是否可用,可以看到自己设置的视频画面,则说明正常。注意将OBS中的视频设置成循环播放。2.按照教程设置虚拟摄像头。1.使用前先在windows的设备管理器禁用系统自带的camera。设置好后记得点OBS右下方的启动虚拟摄像头。如果系统没有camera,则不用这步。
2022-10-11 10:32:10 1917
原创 chrome插件开发
chrome 插件的控制能力除了支持传统的一切 web API、JavaScript API 以外,chrome插件额外支持以下API(chrome.xxx):浏览器窗口(chrome.window)tab标签(chrome.tabs)书签(chrome.bookmark)历史(chrome.history)下载(chrome.download)网络请求(chrome.webRequest)各类事件监听?自定义右键菜单(chrome.contextMenus)
2022-10-08 15:06:30 2257
原创 汇总遍历对象的六种方式及其区别
原文链接:https://blog.csdn.net/bigname22/article/details/109064660。本来计划写一篇关于深浅克隆的文章,奈何对各种遍历对象的方式搞得一头雾水,分不清各家的关系。// person增加属性:symbol height。// 方式五:Reflect.ownKeys。// 方式六:Object.entries。// human增加属性: symbol。// 方式三:Object.keys。
2022-09-28 18:13:59 490 1
原创 为什么Axios中获取不到Content-Type
需要对Content-type是application/json的内容进行加密,本来想通过config.headers['Content-Type']去获取默认的config的,但是始终获取不到,因为很多都是默认设置的,花了很长时间。后面通过其他方式去判断的。2. 可以通过判断config.data的数据类型来判断是不是application/json这种Content-Type。1. 可以通过在请求配置里面带一些标识,比如XXX。
2022-09-28 17:44:39 1182 1
转载 深入理解js对象中数据属性和访问器属性使用教程
创建对象的方式有两种:第一种,通过new操作符后面跟Object构造函数,第二种,对象字面量方式。如下var person = new Object();};var pers。
2022-09-28 16:54:33 311
原创 axios的content-type是自动设置的
Content-Type: application/x-www-form-urlencoded 的data的typeof 是string。也有在地址栏 上 拼接的情况,或者 是文件上传的等情况。太多了,这里 只是讲清楚使用的方式。post请求中的Content-Type都可以根据传参内容自动设置。这种typeof 也是对象 FormData。注意: 上面只是举例。传递参数的一种情况哈!
2022-09-27 16:59:36 1450 1
转载 vue项目中form data形式传参
原文链接:https://blog.csdn.net/weixin_44994731/article/details/108195555。版权声明:本文为CSDN博主「东方晓帅」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。如下图,在Form Data的中形式下,需要使用qs.stringify(params) ,params是一个对象。vue项目中form data形式传参,需要在headers中添加如下代码。如下图,在Form Data的中形式下,直接传的是对象。
2022-09-27 11:06:37 990 2
原创 post 请求的 content-type
这种格式的特点就是,key/value 组成一组,每组之间用 & 联接,而 key 与 value 则是使用 = 连接。替换成空格 ,导致数据解析错误。请求则是使用请求体,参数不在。的形式,这里面有一个。
2022-09-27 10:35:59 1747
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人