风舞红枫的个人博客

vue中实现excel的编辑、导入、导出

vue项目接入eslint、prettier、husky+lint-staged

vue面试题

vue3常用api

前端错误监控

目录前言文档推荐组件挂载相关方法jest-api总结前言当我初次听到单元测试时，心里的第一感觉就两个字nb，然后就是疑惑，这是啥，干啥用，对代码又有什么帮助？接下来我会细细说一说我在学习以及应用单元测试的一些心得。（安装教程不再叙述，按照文档教程自行学习）文档推荐学习新知识，有中文文档当然是最好的啦！Vue Test Utilsjest中文文档组件挂载相关方法shallowMountshallowMount：    创建一个包含被挂载和渲染的 V

addRoutes：动态添加/注册路由，一般多用于后台返回菜单树的管理系统。解决管理系统权限时一般可采用路由守卫按权限限制是否允许访问某些路由，但当权限分类众多、或者是时而有某些路由时而又没有时，用路由守卫可能将写众多判断，更不利于后期维护，这时候的路由守卫看起来不再是那么合适了。用addRoutes会有不一样的结果吗？动态添加路由将会从根源上切死访问权限，而不是去判断。设想一下，假如一个路由都不存在，那你去访问它，还需要去做大量判断他是否有权限吗？当然如果不是后台返回菜单树，那两种解决方案可能看起来

el-scrollbar，在element-ui官方文档中没有给出的一个组件，观其名，知其意（是一个滚动条组件），用法如下：<template> <div class="index"> <el-scrollbar class="myScrollbar" style="height: 100%;" > 内容 </el-scrollbar> </div></template><script></

npm install vuex --savemain.jsimport Vue from 'vue'import App from './App'import router from './router'import store from './store'Vue.config.productionTip = false/* eslint-disable no-new */new Vue({ el: '#app', router, store, components:

目录vue-cli@2.xvue-cli@4.x淘宝镜像清除npm缓存开发环境依赖线上环境依赖vue-cli@2.xnpm install vue-cli@2.9.6 -g 全局安装vue 命令 @指定版本vue -V 2.9.6 脚手架工具安装ok新建文件，在文件夹中运行cmd，切记要空文件夹vue init webpack(采用的模板信息) 项目名字npm run dev 本地运行项目 开发环境npm run build 编译打包 进行上线 生产环境基本

/* * 使用示例 * * main.js引入方式(无多处应用时无需挂载至vue原型上) * import {Local} from './utils/public' * Vue.prototype.$local = Local * * Local：本地存储 * 设置/修改set this.$local.set('name','fwhf',1); * 获取get console.log(this.$local.get('name')); * 移除del this.$local.del(

turntable-canvas演示地址：Go演示turntable-canvas仓库地址：Go仓库turntable-canvas-demo源码地址：Go源码效果图：另附：小程序转盘仓库地址：Go小程序仓库小程序转盘代码片段：Go代码片段小程序转盘npm下载：npm i wx-turntable-canvas...

效果图源码如下<template> <div class="calendar" @click.stop=""> <div class="calendarCard" v-if="timeArr.length == 2"> <div v-for="(item,index) of timeArr" :key="index" :class="['...