清欢不语

介绍pinia与vuex的差别，讲解在vue3中如何使用pinia，并将数据进行持久存储（存储在localStorage）中...

1.理解生命周期 一个人的从出生到死亡会有一个完整的周期，当然我们的vue也是会有一个生命周期。 生命周期主要分为四个阶段。 创建前：beforeCreate,创建之后cr...

常见使用场景可以分为三类: 当做到比较大的项目时，一个vue文件里面可能要包含上千行代码，这样不利于后期维护与问题定位，抽离成组件就尤其重要了 重中之重的就是组件之间数据传...

计算属性computed 计算属性是一个函数，返回值（return）就是计算属性得到的结果； 一个计算属性对应一个或多个data中的属性； 第一次使用计算属性的时候，会把计...

本篇文章主要记录一下数组的api，对于一名合格的前端工作者，在mdn上面去查一些api的使用方法，想必是极好的，而像 axios echarts git weebpack ...

防抖 1.函数防抖 : 单位时间内，频繁触发事件，只会触发最后一次。 2.经典应用场景 ： 输入框输入事件 input事件。 作用：减少触发输入的频率，提高代码的性能 3....

在事件处理程序中调用 `event.preventDefault()` 或 `event.stopPropagation()` 是非常常见的需求。 尽管我们可以在方法中轻松...

v-model v-model就是vue的双向绑定的指令，能将页面上控件输入的值同步更新到相关绑定的data属性，也会在更新data绑定属性时候，更新页面上输入控件的值。 ...

通常在工作中我们从后端接口返回过来的数据不能直接在组件库中使用，这种情况比较常见，需要我们单独去处理。 将LIST转化为TREE格式 方法一...

跨域 说起跨域，我们不得不提的是同源 什么是同源呢? 同源= 协议 +域名 +端口 ， 同源策略是指，若页面的源和页面运行过程中加载的源不一致时，出于安全考虑，浏览器会对跨...

在工作中有时我们会遇到当新增和修改功能共用，在编辑时，只有第一次点编辑时，才能正确显示。随后再点编辑，数据显示不正确的情况。 当我们第一次点击了行政部的编辑部门的时候弹层弹...

vue中父子组件传值 父传子 父组件的数据、方法传递给子组件，子组件通过props接收，可以是数组、对象。 实现代码如下： 子组件： 父组件： 子传父  this.$emi...

四个阶段 1.初始化 ==> 创建组件  ==> beforeCreate created 2.挂载 =>渲染显示组件 =>  beforeMount mouted 3.更...

{'姓名'：'小张'， '手机号': '13712345678'} => [ {'username'：'小张'，'mobile': '13712345678'} ]...

js中有万物皆对象的说法，而所有的对象都有原型，而原型的原型也有自己的原型。当一个对象在寻找自身的属性，方法时，就会先从自身的上去寻找，找不到就会在自身的原型上去寻找，这样...

在工作中我们可能会遇到将excel文件导入到表单中，或将excel文件导出为excel文件的需求。 背景： 员工添加是一个一个进行的，实际情况中有时候需要我们一次性添加多个...

背景 在工作中，遇到了对项目使用多语言切换的需求，查找资料使用i18n来实现 1下包： npm i vue-i18n@8.22.2 2 创建src/lang/index.j...

RBAC权限设计思想（基于角色的权限分配解决方案） 实现不同的帐号登陆系统后能看到不同的页面，能执行不同的功能 必定需要根据不同的员工角色配置不同的权限 一种基于角色的设计...

背景 在之前的项目中，使用element-ul组件库对结构和样式进行搭建，需要用到样式穿透，特来分享 样式穿透是什么 我们说所的穿透，官方叫做深度选择器。就是在我们想穿透的...