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

本文介绍了React中Context的三种使用方式，旨在简化props的逐层传递。首先通过`React.createContext`创建Context，并利用其提供的`Provider`和`Consumer`组件实现数据传递；其次，在函数组件中结合`useContext`钩子获取Context值；最后，在Class组件中通过设置`contextType`属性访问Context。此外，还展示了如何在父组件及子组件中修改Context值以实现状态更新。

在使用`npm run dev`运行Vue项目时遇到权限错误，提示无法在0.0.0.0:7001端口监听。解决方法有两种：一是将默认的7001端口更改为其他未被占用的端口（如3000），二是在管理员权限下重启winnat服务。这两种方式都能有效解决问题。

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`的功能，还能避免表头错位等问题。

本文介绍了AList的安装和使用方法。首先提供了官方文档和下载地址，然后详细讲述了在Windows环境下下载、解压及运行AList的过程，包括如何通过CMD命令启动服务并获取管理员信息。接着指导用户如何更改管理员信息、添加云盘以及使用PotPlayer挂载AList进行媒体文件播放。每一步都配有图示说明，方便用户操作。