Hailee7的博客

原创 vue中activated的用法

所以当我们运用了组件缓存时，如果想每次切换都发送一次请求的话，需要把请求函数写在activated中，而写在created或mounted中其只会在首次加载该组件的时候起作用。简单的说activated()函数就是一个页面激活后的钩子函数，一进入页面就触发；

原创 echart条形图超多项列显示固定列超出部分滚动条滚动显示

转自https://www.cnblogs.com/bagexiaowenti/p/16723653.html。注意dataZoom包含两条，如果只写第一条数据，只能用鼠标拖动滚动条。加上第二条数据，鼠标滚轮就能控制了。dataZoom放到chartOption中。我使用的是echarts5.0版本。

原创 echarts图例legend滚动显示，自定义箭头放在两边。

echarts

原创 vue下载本地静态文件测试本地可以下载，生产就不可以解决办法

一般都是路径问题。因为项目路由加了前缀，这是最主要的原因，所以生产找不到，（至于为什么测试可以生产就不行 还不清楚）所以public下会有这个iga-auto文件夹，一开始我放在static下，static和iga-auto同级，把static放进iga-auto下，下载路径由/static/XX.xls变为/iga-auto/XX.xls就可以了。...

原创 ant design select change事件传入除了默认参数，带入渲染的数据

a,b为默认的参数，record为表格本条渲染的数据，利用箭头函数先传入。

原创 vue2里的$set和$delete

原创 Vue配置el的2种写法

https://blog.csdn.net/weixin_46724415/article/details/121364367

原创 移动端布局之postcss-px-to-viewport

https://www.cnblogs.com/zhangnan35/p/12682925.html

原创 foreach中使用return会跳不出循环，继续执行return之后的代码

foreach中使用return会跳不出循环，继续执行return之后的代码

原创 setTimeout异步写法

在执行红框内语句时候发现不执行，后来发现是被window.print();这句终止了，在外层加一个定时器，时间写0，表示立即执行，但是属于异步调用，所以要等红框内语句执行完后才执行window.print();

原创 Vue实现点击按钮复制功能

copyText(){var input = document.createElement(“input”); // js创建一个input输入框input.value = this.text; // 将需要复制的文本赋值到创建的input输入框中document.body.appendChild(input); // 将输入框暂时创建到实例里面input.select(); // 选中输入框中的内容document.execCommand(“Copy”); // 执行复制操作

原创 antdesign a-select 选中下拉时，需要除了value以外的数据

原创 打包后dist中的index文件为空白

在vue.config.js文件中的module.exports设置 publicPath: ‘./’

原创 a标签实现文件下载功能

文件下载原理： java后台只能做到返回二进制流或文件给前端，最终在前端页面创建一个a，然后触发a的点击事件实现点击下载效果。 接口：点击事件:

原创 vue cli脚手架卸载后重装后失败解决方式

打开cmd 通过输入where vue 找到位置 去npm文件夹下把所有文件删除 之后再重新安装即可

原创 vue 路由中exact-active-class 和 active-class 的区别

原创 div合并边框问题

设置margin：-1px；

原创 ant-design-vue a-date-picker显示中文

App.vue文件：

原创 vscode代码保存对齐

1.在vsCode中安装prettier插件2.在vsCode设置中进入settings.json配置文件3.在settings.json进行配置“editor.formatOnSave”: true, // 配置保存是否自动对齐“prettier.semi”: true, // 是否带分号“prettier.singleQuote”: true, // 是否为单引号...

原创 近期面试总结

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar

原创 js作用域

1 块作用域{ }JS中作用域有：全局作用域、函数作用域。没有块作用域的概念。ECMAScript 6(简称ES6)中新增了块级作用域，使用let声明的变量只能在块级作用域里访问，有“暂时性死区”的特性（也就是说声明前不可用）。块作用域由 { } 包括，if语句和for语句里面的{ }也属于块作用域。2 var、let、const的区别var定义的变量，没有块的概念，可以跨块访问, 不能跨函数访问。let定义的变量，只能在块作用域里访问，不能跨块访问，也不能跨函数访问。const用来定义常量，

原创 css中writing-mode文字纵向显示方向

光写第一句没用，要加上第二句，为什么？还没时间研究。writing-mode:vertical-rl;writing-mode: tb-rl;

原创 遍历对象清空值

form1: {section: “”,itemname: “”,itemvalue: “”,},for (let [k, v] of Object.entries(this.form1)) {this.form1[k] = “”;}

原创 数组去重

数组去重let arr = [11, 23, 26, 23, 11, 9]const deduplication = arr => […new Set(arr)]console.log(deduplication(arr)); // [ 11, 23, 26, 9 ]保留数组中非重复数据let arr = [11, 23, 26, 23, 11, 9]const filterNonUnique = arr => arr.filter(i => arr.indexOf(i) =

原创 数组每隔五个翻转方法

方法一：const arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30];console.log(arr.reduce((res, val, index) => (index % 10 > 5 ? […res.slice(0, index - (index % 5)), val, …res.slice(index

原创 vue获取dom css样式

// 获取高度值 （内容高+padding+边框）let height= this.refs.getheight.offsetHeight;//获取元素样式值（存在单位）letheight=window.getComputedStyle(this.refs.getheight.offsetHeight; // 获取元素样式值 （存在单位）let height = window.getComputedStyle(this.refs.getheight.offsetHeight;//获取元素样式值（存在单

原创 js原生不设置absolute拖拽

<meta charset="UTF-8"> <title>Title</title><div class="test1">a</div><div class="test2">b</div><div class="test3">c</div><div class="test1">a</div><div class="test2">b...

原创 css背景条纹样式等

div{width:200px;height:200px;display:inline-block;}.h-line{background:linear-gradient(greenyellow 30%,transparent 0);background-size:100% 30px;}.v-line{background:linear-gradient(to right,greenyellow 50%, pink 0);background-size:20px 10...

原创 Grid布局笔记

Grid布局flex是一维布局，只能在一条直线上放置内容区块。Grid是二维布局，可以将内容区块放置在任何地方。并非取代flexbox二者可以配合使用Grid最重要的三个概念：网格容器、网格项、网格区域网格线为虚拟概念网格线有多少与网格项没有直接的关联网格轨道（Grid Track）两个相邻的网格线之间为网格轨道Grid Cell（网格单元）两个相邻的列网格线和两个相邻的行网格线组...

原创 （转）css绝对定位元素垂直水平居中

<!doctype html>蚂蚁部落

原创 Date 日期对象与时间戳互相转换

var time = new Date(1322195034000); console.log(time.getFullYear()+"年");//年份 console.log(time.getMonth()+1+"月");//月份 console.log(time.getDate()+"日");//几号 var birthday= time.getFullYear()+...