前端实现文件预览（pdf、excel、word、图片），使用pdfjs第三方包和canvas实现pdf文件渲染，使用xlsx预览excel文件，使用docx-preview预览word文件

1. 需求背景 在用户注册过程中，需要下载一份模版打印后手填信息进行上传人工审核。 目前存在的情况是用户有些手填信息模糊或填写不规范导致人工审核不通过，占据了大部分比例的注册失败。 因此我们在H5应用

一、实现效果 选择本地 pdf 文件上传，会生成 pdf 文件的预览，点击保存功能。 二、所用插件 pdf 文件相关的文件处理插件：pdfjs-dist@2.3.200 zip 压缩文件相关的包： j

本文正在参加「金石计划 . 瓜分6万现金大奖」 树组件说明 关于树结构形式的效果，在工作中很常见，如，菜单树、权限树、关系组织树等一些展示层级关系的功能。本文使用组件递归的思想，实现一个树组件，我们先

起因 小杨最近在为我们前端开发组开发一款 web3 实用方法展示页面 既然是展示页面，小杨理所当然的需要在页面中展示源码，于是小杨想到了 Element-plus 的展示形式，类似这种： 上方展示方法

📍前言 最近在一次理解vue项目的代码时，发现周一对好多API都不太熟悉。这间接导致的问题是，代码理解速度要比平常要慢很多。于是乎，赶忙把vue API的学习提上了日程。 在下面的文章中，将地板式地扫

以往我们在基于 Vue 或者 react 做页面开发时，往往需要通过安装 vue-router 或者 react-router ，然后手动编写其路由组织文件来完成文件对路由结构系统的映射......

slot都会用了，但你知道「具名插槽、作用域插槽」是怎么实现吗？想知道为什么作用域插槽能在当前组件拿到子组件的data呢？笔者用通俗易懂的话，与你一同了解slot的源码实现吧！

组件进阶-props校验 props校验 普通格式： props: ["propA", "propB"]。没有类型检查 高阶格式： 组件进阶 - 动态组件 目标效果 需求: 完成一个注册功能页面, 2