![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
【 踩过的坑 】
文章平均质量分 51
web前端小学生
这个作者很懒,什么都没留下…
展开
-
electron+vue项目使用serialport报错Cannot read property ‘indexOf‘ of undefined解决办法
使用Electron+Vue项目时引入serialport串口后启动时报下面错误。原创 2024-01-15 10:42:26 · 720 阅读 · 1 评论 -
【已解决】Vue3使用Element-plus按需加载时消息弹框ElMessage没有样式
Element-plus在使用ElMessage消息弹框的时候没有样式,按照官方的按需加载的方式引入的。原创 2023-06-22 22:10:44 · 4151 阅读 · 3 评论 -
解决node上传文件乱码问题终极方案
附上我改完后的完整代码。原创 2023-05-31 18:16:25 · 1706 阅读 · 0 评论 -
electron打包ffi-napi报错 npm ERR! gyp reason: read ECONNRESET
网上其他人报错都是403,我的是根本没连接上服务器。因为我连的是公司的网络,公司的网络经常会屏蔽一些东西,比如哔哩哔哩就打不开。了,在package.json中去掉ffi-napi就可以打包,但是打包运行后提示缺少ffi-napi,所以必须带着ffi-napi打包。刚开始我以为是ffi-napi依赖包的问题,然后重新npm install了好多次,打包依然是这个问题。我本来连的是公司的wifi,更换了一下网络,打开手机热点,让电脑连接手机热点。然后百度有人说是镜像源的问题,换了镜像源还是不行。原创 2022-11-23 14:06:48 · 4107 阅读 · 6 评论 -
electron-vue脚手架搭建的项目,运行后报错:Object.fromEntries is not a function
解决办法:安装polyfill-object.fromentries,在项目根目录执行命令。原创 2022-09-27 20:27:30 · 935 阅读 · 0 评论 -
react警告hash history cannot push state it is ignored
react-router4.x有三种模式* BrowserRouter* HashRouter* MemoryRouter在使用HashRouter进行开发过程中,会遇到这个问题Warning: hash history cannot push state it is ignored解决办法是使用Object对象方式传参就可以了this.props.history.push({ pathname: '/' }) // hashRouter (正确) // this.props.his转载 2020-07-18 22:34:56 · 1192 阅读 · 0 评论 -
react跨域安装Http-proxy-middleware报错:proxy is not a function
react跨域安装Http-proxy-middleware报错:proxy is not a function查看了http-proxy-middleware的官方文档,发现最新的1.0.0版本已经对模块的引用作了明确的要求0.x.x版本的引用方式const proxy = require('http-proxy-middleware');1.0.0版本的引用方式const { createProxyMiddleware } = require('http-proxy-middleware')原创 2020-07-15 15:06:26 · 756 阅读 · 1 评论 -
js判断页面是否有滚动条
js判断页面是否有滚动条其实只需要一行 JS 就可以,测试兼容 IE7function hasScrollbar() { return document.body.scrollHeight > (window.innerHeight || document.documentElement.clientHeight);}一般情况下,使用 document.body.scrollHeight > window.innerHeight 就可以判断。但是在 IE7,IE8 中 win转载 2020-07-15 15:00:44 · 994 阅读 · 0 评论 -
用JS怎么获取浏览器滚动条的宽度
知识点:offsetWidth:获取到的值是width+padding+border;clientWidth: 获取对象可见内容的宽度,不包括滚动条,不包括边框;function getScrollbarWidth() { var odiv = document.createElement('div'),//创建一个div styles = { width: '100px', height: '100px',转载 2020-07-15 14:55:25 · 1271 阅读 · 0 评论 -
echarts X轴项目文字过多显示不全的三种解决方案
echarts x轴标签文字过多导致显示不全怎么办解决方案1:xAxis.axisLabel 属性axisLabel的类型是object ,主要作用是:坐标轴刻度标签的相关设置。(当然yAxis也是一样有这个属性的)axisLabel: { interval:0, rotate:40 } 以上就可解决x轴文字显示不全并将文字倾斜稍微解释一下interval坐标轴刻度标签的显示间隔(在类目轴中有效哦),默认会采用标签不重叠的方式显示标签(也就是默认会将部分文字显示不全转载 2020-07-15 14:51:21 · 7845 阅读 · 0 评论 -
ivew图标icon在vue项目form表单中不能正常使用,有的能正常显示,有的不能显示
问题描述:ivew图标icon在vue项目form表单中不能正常使用,有的能正常显示,有的不能显示。我使用iView的时候是从百度直接搜索的iView官网打开看的组件Api,但是有些icon组件图标就是一直不显示,而有些可以显示。问题原因:版本号不正确后来去网上看了好几个文章都不能解决我的问题,最后在github上看到一个Isuse解决了。原来是百度搜到的iView官网默认是iView1.0的版本Api,而我代码中现在下载最新的是iView4.X的版本,所以Api肯定和1.0的版本对应不上。其实原创 2020-07-15 14:40:31 · 623 阅读 · 0 评论 -
Vue使用Eslint报“Parsing error: x-invalid-end-tag“错误的解决方案
Vue2中Eslint报"Parsing error: x-invalid-end-tag"错误的解决方案问题原因vue将标签渲染为原生html标签时,由于这些标签是自闭合的,所以有end标签会报错。解决方案1.打开package.json2.在eslintConfig.rules中添加x-invalid-end-tag为false"rules": { "vue/no-parsing-error": [ 2, { "x-invalid-end-tag": fals转载 2020-07-15 14:24:57 · 7860 阅读 · 0 评论 -
Chrome谷歌浏览器不支持css字体小于12px的解决办法
问题:有时候设计图上会有小于12px的文字,css的font-size小于12的时候在IE上是正常显示的,但在Chrome里面显示仍然是12px,解决办法:就是利用css3的transiform缩放属性.text-font{ font-size: 6px; /** IE **/ -webkit-transform: scale(0.5); /** Chrome解决方法...原创 2019-02-24 21:47:06 · 790 阅读 · 0 评论 -
Html标签textarea怎么去掉过滤多余空格
今天在做页面的时候发现写的textarea中会有一些默认的空格出现,鼠标可以在里面任意点击。发现,原来是<textarea></textarea>标签没有写在同一行所致。。。在Html页面中如果要定义一个多行文本的字段,如:“调整原因”、解决方案“”、“个人意见”等等,经常需要用到<textarea></textarea>标签。正常情况下,我...转载 2019-02-16 19:35:13 · 3770 阅读 · 2 评论 -
js、jquery 获取父节点、子节点、兄弟节点
一 js 获取父节点,子节点,兄弟节点var test = document.getElementById("test");var parent = test.parentNode; // 父节点var chils = test.childNodes; // 全部子节点var first = test.firstChild; // 第一个子节点var last = test.last...转载 2019-02-17 13:31:33 · 331 阅读 · 0 评论 -
event、event.target、event.preventDefault兼容IE8
event对象在chrome、firefox等浏览器中,event对象可从事件函数的参数中传入。ie8中须从window对象中获取。 $("#btn").click(function(e) { var event = e | window.event; })targete.target用于获取当前元素,和this差不多。但是在ie8中,不支持e.target。可以...转载 2019-02-17 13:23:56 · 898 阅读 · 0 评论 -
HTML如何修改placeholder属性中文字颜色
今天在群里看到群友问了一个这样的问题,就是如何更改placeholder属性中文字的颜色,以前用过这属性,却是没更改过颜色,于是便试了试,中途遇到些问题,查找资料后特来总结一下。 熟悉HTML5的人应该都知道,placeholder这个属性是HTML5中新增的属性,该属性的作用是规定可描述输入字段预期值的简短的提示信息,该提示会在用户输入之前显示在输入字段中,会在用户输入字段后消失,有些浏览...转载 2019-02-16 19:28:43 · 9110 阅读 · 0 评论 -
在旧项目中使用Vue(非npm安装)
现在vue可以算的上是很火的一款前端框架了,他的模块化的开发方式得到了很多企业的认可,在很多领域都有很广泛的应用,这里有我自己对这个框架的一些认识和了解,希望大牛多多指导1.项目比较老,想用vue的开发模式,但重写的周期,难度有很大,那该怎么办呢?我们可以不用vue的npm安装的方式,直接js引入vue.js就行,也是可以使用的2.要用vue的公共模板组件改怎么办? 1)首先我们将组件提...转载 2019-02-16 19:18:28 · 2457 阅读 · 0 评论 -
最完美的底部CSS布局: Sticky footers
html结构:<div class="container"> <div class="content-wrapper> <div class="content">内容区域,可随机长度</div> </div> <div class="close&q转载 2019-01-17 21:11:55 · 356 阅读 · 0 评论