摘要:
1、修改 babel.config.js文件的配置目的为不打包 Element UI 组件库vue 2、在main.js引入 import ‘element-ui/lib/theme-chalk/index.css’; 阅读全文
摘要:
getClientHeight () { let clientHeight = 0 if (document.body.clientHeight && document.documentElement.clientHeight) { clientHeight = (document.body.cli 阅读全文
摘要:
使用原生 JavaScript 方法 1. filter() 方法配合 indexOf() const uniqueArray = array.filter((item, index, self) => { return self.indexOf(item) index; }); 该方法利用 fil 阅读全文
摘要:
1、方法一:需要三次循环,缺点:大量的循环操作会消耗大量的计算资源、代码多 const arr = ['a', 'c', 'b', '1', '9', 'b', 'sdf', '6', 'b', 'aaaa', '汉字', '汉字', 'sdf', '-', '-'] const obj = {} 阅读全文
摘要:
一、链接地址下载 const link = document.createElement('a'); const url = `url下载链接地址` link.href = url; link.setAttribute('download', '文件名'); //window下载窗口名称自定义 do 阅读全文
摘要:
这里使用terser-webpack-plugin举例说明,在Vue CLI项目中,terser-webpack-plugin 插件的默认配置通常是隐藏且封装的,因为Vue CLI会根据项目需求自动配置webpack。 如果你想查看terser-webpack-plugin的默认配置,你可以尝试以下 阅读全文
摘要:
一、背景通过vue-cli服务运行项目,项目运行一切正常。但打包后,通过nginx部署运行,大屏展示模块报echarts typeError 错误。但是点击浏览器报错信息,定位到的位置代码根本看不懂。 经过一番寻找,发现打包时,webpack配置产生源码的属性为false。这样就会导致,打包后代码经 阅读全文
摘要:
回流(reflow)和重绘(repaint)是浏览器渲染页面的两个不同过程,它们在概念上是分开的,但在实际发生时可能会有所交互。以下是两者区别: 触发条件不同。回流发生在当页面的布局和几何信息发生改变时,例如添加或删除DOM元素、元素位置改变、元素尺寸改变(如边距、填充、边框、宽度和高度变化)、内容 阅读全文
摘要:
1.在写项目的时候有时候会经常遇到把行和列合并起来的情况,因为有些数据是重复渲染的,不合并行列会使表格看起来非常的混乱,如下: 而我们想要的数据是下面这种情况,将重复的行进行合并,使表格看起来简单明了,如下: 1、合并行 所谓的合并行就是将多行相同的数据变成一行来显示,直接上代码,页面的布局比较简单 阅读全文
摘要:
解决方法: 1、在子元素的父级加overflow:hidden;2、在子元素的父级上加width: 0;或者height:0; 相关问题:当子元素是自适应父元素的情况下,但子元素大小超出了父元素,在低版本浏览器(我的是v85.0.4183.83)会出现宽度/高度自动无限增大的bug,将父元素无限撑大 阅读全文