PDF预览 PDF预览用的是pdfjs-dist这个pdf.js构建库 安装 最好记住自己安装的版本，因为后面解析字体的时候可能会用到 pnpm i pdfjs-dist 使用

Webpack 是一种模块打包工具，可将多种资源如img、CSS、JS等转译为JS格式的bundle文件。它支持语法兼容、减少页面请求、自动重新加载编译等优点。在使用上，通过配置不同插件（如HtmlWebpackPlugin）和loader（如babel-loader），可以实现对各种资源的处理及代码优化。此外，Webpack还支持单页或多页应用配置、实时重新加载、代码分割等功能，以提高前端性能和开发效率。与Grunt、Gulp相比，Webpack基于入口文件自动生成依赖关系，更加灵活高效。为了更好地构建项目，可以通过利用Tree-shaking去除死代码、合理配置SourceMap等方式进一步优化。总之，Webpack不仅能够帮助开发者管理复杂的前端项目，还能显著提升应用的加载速度和用户体验。

1. 谈一谈对 MVVM 的理解？ 参考答案： MVVM 是 Model-View-ViewModel 的缩写。MVVM 是一种设计思想。 Model 层代表数据模型，也可以在 Model 中定义数据修改和操作的业务逻辑; View 代表 UI 组件，它负责将数据模型转化成

本文详细介绍了Vue.js的核心概念、指令、组件、路由及Vuex的状态管理等内容。重点包括：Vue的数据驱动特性，即数据变化自动更新视图；Vue指令的本质是HTML标签的自定义属性，用于扩展功能；Vue组件的本质是HTML自定义标签，实现代码复用；Vue路由通过监听URL的变化来动态加载内容；以及Vuex作为全局状态管理工具的作用和组成部分。文章还列举了常见的面试题及其答案，如MVVM与MVC的区别、Vue指令的使用场景等，并提供了实际开发中遇到的问题解决方案。

文章介绍了如何使用`pinia-plugin-persistedstate`插件在Pinia中实现状态持久化。首先通过`npm i pinia-plugin-persistedstate`安装插件，然后在创建Pinia实例时引入并使用该插件。对于需要持久化的状态模块，在定义store时通过设置`persist: true`来启用持久化功能。

文章介绍了三种在Vue Router中处理路由变化时更新数据的方案：1. 为`<router-view>`添加`key`属性；2. 使用`watch`监听路由参数变化并重新拉取数据；3. 推荐使用`onBeforeRouteUpdate`钩子函数，在路由更新前自动获取最新数据。每种方法都提供了具体的代码示例。

文章描述了在使用Element UI的`el-table`组件时，通过`render-header`自定义表头渲染遇到的问题。当在`el-table-column`标签上使用`v-if`时，会导致`render-header`失效。解决该问题的方法是在`el-table-column`中添加`key`属性，这样不仅能恢复`render-header`的功能，还能避免表头错位等问题。

Promise对象是用于处理异步操作的一种机制，具有两个特点：状态（pending、fulfilled或rejected）仅由其结果决定且不可变；一旦状态确定，该结果将一直可用。通过`new Promise`创建，并使用`resolve`和`reject`来改变状态。Promise允许链式调用`.then()`进行成功回调，`.catch()`捕捉错误，而`.all()`等待所有Promise完成，`.race()`则以最先完成的为准。这些特性使得Promise在处理多层异步逻辑时更加简洁有效。例如，可以设置一个请求超时机制，利用`.race()`实现，在指定时间内未完成则触发失败处理。

文章讨论了在使用`map`循环时，即使内部使用了`await`，外部代码也会优先执行的问题。原因是`map`内部通过回调函数执行，`await`不会等待这些回调完成。为解决此问题，提出了两种方法：一是使用`Promise.all`包裹`map`操作，二是采用传统的`for`循环来确保异步操作按顺序执行。

该脚本是一个用于编译和打包项目的批处理文件，强调了只能使用记事本以ANSI格式保存以确保中文字符正确显示。它通过调用命令行工具切换到指定目录并执行`npm run build:prod`命令来完成编译打包过程，最后暂停等待用户确认。