zluz_的博客

原创 Vue的各种杂乱知识点整理（持续更新中...）

Vue的各种杂乱知识点整理（持续更新中...）

原创 Vue的hook的使用

Vue的hook的使用

原创 瀑布流布局

瀑布流布局

原创 VSCode 将本地Web服务暴露到公网访问

原创 el-form 中单个 el-input 框回车刷新问题

el-form 中单个 el-input 框回车刷新问题

转载 手写Promise.all

手写Promise.all

原创 使用原生JS方式实现序列帧动画

* 阿里云官网找 */

原创 Vue全局事件总线的配置和使用

Vue全局事件总线的配置和使用

原创 vue项目静态文件资源下载

Vite 使用 ES 模块规范，并且支持动态导入（Dynamic Import）语法，可以通过 import() 来实现异步加载模块或导入非 JavaScript 文件；同时提供了一个静态资源处理的方法。对于 Vue 3 + Vite 项目，使用 require 方法来导入模块是不被支持的。require 是 CommonJS 规范中用于模块导入的方法，在 Webpack 等构建工具中常用。

原创 令人惊叹的文字交融效果，只需几行 CSS 代码就能实现！

令人惊叹的文字交融效果，只需几行 CSS 代码就能实现！

原创 vue2自定义节流指令

vue2自定义节流指令

原创 【代码】JS解题

【代码】JS解题

转载 SVG矢量图【转】

SVG矢量图

原创 html - 移动标签 marquee 属性

html - 移动标签 marquee 属性

原创 Vue接口请求取消（AbortController 和 CancelToken）

Vue接口请求取消

原创 echarts柱状图背景替换

echarts柱状图背景替换

原创 对element ui组件的二次封装

对element ui组件的二次封装

原创 js数组和对象的转换（获取对象的key、value）

js 数组和对象的转换

原创 vue初始化data中数据

vue初始化data中数据

原创 element form表单组件 对非表单内字段做校验

element form表单组件 对非表单内字段做校验

原创 本地起node服务（用于脚本）

本地起node服务（用于脚本）

原创 页面嵌iframe标签，给iframe标签里的按钮添加点击事件

页面嵌iframe标签，给iframe标签里的按钮添加点击事件

原创 大屏手写table轮播表（vue）

大屏手写table轮播表（vue）

原创 async / await

async / await

原创 vue用reduce实现循环调用接口（上一个接口调用完毕再调用下一个接口）

vue用reduce实现循环调用接口（上一个接口调用完毕再调用下一个接口）

原创 修改v-html里的元素样式（本地有样式，线上没样式）

修改v-html里的元素样式（本地有样式，线上没样式）

原创 vue项目中使用mock模拟数据

vue项目中使用mock模拟数据

原创 扁平数据结构转Tree & Tree数据扁平化

扁平数据结构转Tree

原创 vue实现判断文本是否超出，超出后显示省略号并且hover展示全部内容，未超出的不加 Popover 弹出框

vue实现判断文本是否超出，超出后显示省略号并且hover展示全部内容，未超出的不加 Popover 弹出框

原创 vue使用keep-alive缓存页面 回到滚动位置

vue使用keep-alive缓存页面 回到滚动位置

转载 JS数组reduce()方法详解及高级技巧

本文转载自简书：https://www.jianshu.com/p/e375ba1cfc471、语法arr.reduce(callback,[initialValue])reduce 为数组中的每一个元素依次执行回调函数，不包括数组中被删除或从未被赋值的元素，接受四个参数：初始值（或者上一次回调函数的返回值），当前元素值，当前索引，调用 reduce 的数组。callback （执行数组中每个值的函数，包含四个参数） 1、previousValue （上一次调用回调返回的值，或者是提供的

原创 防抖、节流的简单使用

1、防抖(debounce)如果在1000ms内没有再次触发事件，那么就执行函数如果在1000ms内再次触发事件，那么当前的计时取消，重新开始计时效果：如果短时间内大量触发同一事件，执行时间会一直推迟，直到最后一次触发开始计时，1000ms后执行一次函数。（如果一直触发，直到最后一次触发后的1秒，执行一次函数）function() { clearTimeout(this.timer) if (this.timer) { clearTimeout(this.timer) } this

转载 Vue+ElementUI项目中条件渲染切换表格时单元格内容显示异常的问题及解决方法

https://www.cnblogs.com/duoge/p/12659278.html

转载 vue设置网页title

最近用vue来做一个项目，到结尾的时候发现一个问题：不管开的是哪个组件的路由地址，网页的title都是index.html里面的title。下面总结一下解决的办法：原先我使用的是document.title =to.meta.title来改变网页标题。大家都知道使用Vue框架开发的应用是个单页面应用，里面用到的是路由的形式，并不像多页应用开发那样（下面附带区别）。所以想让网页的标题随着路由的改变而改变可以使用下面这个方法，目前已解决。第一步：找到 router 文件夹下的index.js文件，在此引

原创 css样式-鼠标移到标签上变成小手

给标签添加一个css样式：cursor : pointer;即可。

转载 json对象和json字符串之间的转化

1、json字符串----->json对象使用JSON.parse()函数var jsonStr = '{"name":"zhangsan","age":23,"email":"chentging@aliyun.com"}';var json = JSON.parse(jsonStr);console.log(json);//输出:Object {name: "zhangsan", age: 23, email: "chentging@aliyun.com"}使用eval()函数

原创 ES6中的字符串（模板字符串、字符串新方法）

一、字符串的解构赋值1.1 字符串和数组类似，可以一一对应赋值。let str = 'abcd';let [a,b,c,d] = str; // a='a' b='b' c='c' d='d' 1.2 字符串有length属性，可以对它解构赋值。let {length:len} = str;// len=4二、模板字符串使用反引号（``）代替普通的单引号或双引号。使用${expression}作为占位符，可以传入变量。let str = ‘世界’;le

原创 两类数组去重方法

由于在vue中，会自动在数组和对象中加入_obser__观察者模式的一些属性，所以直接用数组的filter去重（下面这种），indexOf不能准确识别var arr = [1, 2, 2, 3, 4, 5, 5, 6, 7, 7];var arr2 = arr.filter(function(x, index,self) {return self.indexOf(x)===index;}); console.log(arr2); //[1, 2, 3, 4, 5, 6 ,7]或者用ES6的一句

转载 npm run build无法安装vue devtools，使用另一种方法成功安装

https://www.pianshen.com/article/26141245294/

原创 Vue 删除对象中的某个属性(及整个对象)

首先，vue.js官网是如此描述的一般情况下我们在项目全局引用了Vue，所以在方法中调用this.$delete( )即可,注意 Vue.$delete(target,‘object’)方法 第二个参数是字符串[也就是我们要删除的属性]data() { return{ form: { members1: '', assessors: "", leader: 0, leader1:'', members: []