应用场景网站配置的导入与导出。当一个网站在测试服开发完成后上线到正式服，为了避免重复配置数据，采取代码的方式来减少一些不必要的人工操作。后台接口接收的是 json 格式而不是文件格式的时候，前端可以采用文件的形式来保存这些数据，在导入导出的时候做一下文件与数据之间的转换。导出 —— 数据写入文件保存导入 —— 文件上传，然后读取数据代码实现首先需要一个 上传文件的 input 框 和 两个按钮&l

版本：vue@3.0.5 + echarts@5.1.2本文将介绍如何使用 echarts 绘制一个省级地图（以江西省为例）

一、安装 xlsxnpm i xlsx --save-dev二、渲染 Table 表格< 1 > 使用 ant-design-vue 写一个基本的表格<template><div class="container"><a-buttontype="primary"@click="exportData">导出</a-button><a-

一、前言常见的表单验证是对 对象中 单个字段的验证，那如何对数组中的每一项做到验证呢，效果如下：二、实现首先需要准备好 form 数据和 rules 验证规则form: {member: [{ name: "", sex: "", age: "" }],},rules: {name: { required: true, message: "请输入姓名" },sex: { required: tru

创建仓库初始化一个文件为本地仓库git init从现有的仓库中拷贝项目git clone 地址提交流程git pull将远程主机 origin 的 master 分支拉取过来，与本地的 brantest 分支合并。git pull origin master:brantest如果远程分支是与当前分支合并，则冒号后面的部分可以省略。git pull origin master将修改提交至暂存区提交修

1.1 安装eslint1.2 初始化eslint，生成配置文件1.3 在编辑器安装插件1.4 通过执行命令检测文件代码规范二、配置husky2.1 安装husky2.2 在 package.json 中加入prepare脚本，每次在 npm i 安装完依赖后都会执行这个命令2.3 添加 pre-commit 钩子运行完之后会在 .husky 文件下新增 pre-commit 文件若 pre-co

前言resize 事件是在浏览器窗口大小发生变化时触发，利用该事件可以跟踪窗口大小的变化来动态调整页面的元素显示。接下来利用 resize 事件实现一个小案例：监听浏览器窗口变化，实时获取该窗口的宽度和高度。实现首先写一个获取窗口宽高的方法const getWindowInfo = () => {const windowInfo = {width: window.innerWidth,hig

前言resize 事件是在浏览器窗口大小发生变化时触发，利用该事件可以跟踪窗口大小的变化来动态调整页面的元素显示。接下来利用 resize 事件实现一个小案例：监听浏览器窗口变化，实时获取该窗口的宽度和高度。实现首先写一个获取窗口宽高的方法const getWindowInfo = () => {const windowInfo = {width: window.innerWidth,hig