前端611-CSDN博客

原创防抖/节流函数封装

防抖函数例子：等电梯–电梯从最后一个人进来开始计算，10秒之后执行关门；如果一直有人往电梯里面走的话，电梯可能永远关不上理解：忽略前面所有高频操作，从最后一次调用开始，之后延时x毫秒执行防抖函数思路：定时n秒, 到了才执行逻辑代码, 如果事件又触发了, 清除上一个定时器, 重新创建定时器最后执行一次防抖函数封装—debouncefunction debounceBuilder (f, t = 1000) { console.log('防抖' + t + '毫秒') let timerId

2021-09-18 10:32:43 516

原创过滤“2021-01-29T02:40:53.000+0000”为“2021-01-29 02:40:53”的时间格式在谷歌浏览器生效，在IE浏览器中不生效

分析原因：在IE浏览器中，只有字符串格式的"/“能正常解析，”,“和”-"都不能。IE11不能正常解析的时间：2020-09-29T00:00:00.000+0800解决方法：全局注册一个时间过滤器1.在filters文件夹下面，创建一个tsDate.js文件const tsDate1 = function dateFormat(date, format) { if (arguments.length === 0) { return null } if (date

2021-09-09 14:31:46 443

原创 IE浏览器进入是空白页面SyntaxError:语法错误+SCRIPT1002: 语法错误+SCRIPT5009: “proxy”未定义

错误1.IE11进入页面报错，显示语法错误解决方法：将报错页面的异步引入改为直接引入（好像没啥效果）—修改前–—修改后—修改之后出现：错误2：SCRIPT1002: 语法错误报错原因：报错的依赖包并没有被检测出来并进行语法转换，恰好这个依赖包不支持IE浏览器如官网所说：这时候就需要：显式的将这个依赖包放到vue.config.js中的transpileDependencies中去，告诉babel需要转换这个包再次运行：错误3：proxy未定义解决方法：针对Proxy

2021-09-07 18:06:21 3982

原创 ::v-deep的使用

问题描述：在vue项目中，<style lang="scss" scoped>中修改element-ui el-table的表头背景样式无法生效解决：在当前页面组件加入如下代码<style lang="scss" scoped> ::v-deep .el-table thead th { background-color: #e9ecf1!important; }</style>总结：1.如果项目使用的是css原生样式，那么可以直接使用 &

2021-05-25 17:21:26 2323

原创使用清空校验clearValidate()，报错undefined

错误：在created中：使用this.$refs.proEditForm.clearValidate()，报错错误原因分析：如果你获取到的总是空的，你注意一下：1.你在哪里调用，和你调用的对象;试试在mounted（）里面调用有效果没有;调用的对象是本来就存在的，还是需要数据渲染之后才会出现的，同理，在mounted（）里面调用看看;2. ref不是响应式的，所有的动态加载的模板更新它都无法相应的变化。vue 文档说明：解决：// 在setTimeout中使用setTimeo

2021-05-13 17:34:03 6069

原创 element-ui中table的表头错位问题

解决element-ui中table的表头错位问题body .el-table th.gutter{ display: table-cell!important;} body .el-table colgroup.gutter{ display: table-cell!important;

2021-04-29 14:46:29 287

原创 ES6 Object.asign()的用法

作用：Object.assign（）方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。Object.assign可以用于js对象浅拷贝。语法：Object.assign(target, source1, source2);第一个参数为目标对象，后面的为要合并的对象（源对象）。合并对象var o1 = { a: 1 };var o2 = { b: 2 };var o3 = { c: 3 };var obj = Object.assign(o1, o2, o3);

2021-04-29 14:39:31 949

原创面试问题总结--清除浮动的几种方法

面试问题总结–清除浮动的几种方法清除浮动的核心理念就是想办法让浮动元素的父元素有高度, 事情就解决了.1）父级定义height：原理：父级 div 手动定义 height，就解决了父级 div 无法自动获取到高度的问题。简单、代码少、容易掌握，但只适合高度固定的布局.2）结尾处加空 div 标签 clear：both原理：在浮动元素的后面添加一个空 div 兄弟元素，利用 css 提高的 clear：both 清除浮动，让父级div自动获取高度。如果页面浮动布局多，就要增加很多空 div

2020-11-14 11:16:26 531 1