前言文件上传是最常见的一种业务需求，上传功能可简单，可复杂，简单就是把文件传上去就行，复杂就是涉及大文件断点续传、控制并发等，不知道大家对上传都了解多少。今天要给大家分享的是上传需求中最为常见的一些场景，话不多说，开干：拖拽上传拖拽上传涉及到样式交互、文件信息获取，那么，我们首先了解一下拖拽相关的几个事件：dragover- 被拖动的对象进入目标容器时触发dragleave- 被拖动的对象离开目标

前言最近在整理日常开发中长涉及到的业务需求，正好想到了excel的解析与上传方面的事情，在开发中还是比较常见的，趁着周末做一下整理学习吧基本介绍主要基于Vue+element实现文件的解析与导出，用的的插件是xlsx[1],里面的具体方法，感兴趣的去研究一下，基本的样式，配置就不赘述了，也比较简单，我们直接上主食代码实现基本结构用户点击文件上传，将excel的表格已json的格式显示在页面中，用户

前言前端开发中，只要涉及到列表渲染，那么无论是 React 还是 Vue 框架，都会提示或要求每个列表项使用唯一的 key，那很多开发者就会直接使用数组的 index 作为 key 的值，而并不知道 key 的原理。那么这篇文章就会讲解 key 的作用以及为什么最好不要使用 index 作为 key 的属性值。key 的作用Vue 中使用虚拟 dom 且根据 diff 算法进行新旧 DOM 对比，

1. 我们为什么要进行打包优化呢？1、打包优化的目的1、优化项目启动速度，和性能2、必要的清理数据3、减少打包后的体积第一点是核心，第二点呢其实主要是清理console2、性能优化的主要方向1、去重.map文件2、开启CDN加速3、代码压缩4、图片压缩 （下方跳过）5、公共代码抽离6、首屏骨架屏优化7、开启Gzip压缩...

Vue3简介面临的问题：随着功能的增长，复杂组件的代码变得难以维护，Vue3就随之而来，TypeScript使用的越来越多，Vue3就是TS写的所以能够更好的支持TypeScript在这里介绍就这么简单vue2的绝大多数的特性 在Vue3都能使用，毕竟Vue是渐进式的响应式原理进行使用Proxy实现，v-model可以传参了等等新特性基础工作使用Vue3的话，那么必须通过使用构建工具创建一个Vue

1.页面最下方，点击纯文本2.出现下拉框可以选择，如：选择html3.就有颜色啦~~~快去试试啦 。。。

在调用另一个源节点接口的时候，报错提示“Refused to set unsafe header "Referer"报错信息经过查询发现是因为浏览器拒绝人为设置伪装的referer正巧不巧，在用vue的proxy来进行跨域处理，由此记录一下用法。这是在调用axios的方法method:'post',url:"/api/v1/home/page",headers:{'Content-Type':'a