两种方法运行打包后的前端项目

生成html字符串来实现文字高亮标红效果，但是input输入控件不能渲染html字符串，那就用div来渲染html字符串，将输入框的背景和文字设置为透明，层级设置在div上面，这样用户输入时操作的是输入框，渲染时用的是下面的div。我未处理输入框内容过多时滚动和调整输入框大小时的div，因为我直接设置输入框autosize自动调整大小，并且关闭了resize，不允许用户调整输入框大小，有相关需求的

vue3中element-plus组件库有虚拟滚动select，然而维护的是vue2项目，遇到后端要返回9000条数据的情况，需要进行下拉选择并且可以过滤

nuxt/components是Nuxt.js的官方模块，它提供了类似按需导入组件的功能。通过@nuxt/components，您可以在需要时动态地导入和注册组件，而不需要使用额外的插件。在template中像平常一样使用组件，它将按需导入组件，不再需要导入和注册组件！即使对于现有的解析器，我们也建议将它们移至独立的包中，以便拥有更快的发布周期。Ant Design Vue按需导入样式目前支持cs

翻了半天vscode的issues中终于找到了。

vscode路径跳转插件vscode-path-alias

Gzip 是一种文件压缩格式和数据压缩算法，用于减少文件或数据的体积，从而提高存储和传输的效率。它最初是为了压缩 Unix 文件系统中的文件而设计的，但如今已经广泛应用于网络传输和数据存储领域。Base64 只是对 Gzip 压缩后的数据进行编码，前端需要先将 Base64 解码为二进制数据，然后使用解压工具解压 Gzip 数据。Base64 编码将二进制数据转换为文本形式，适合在 JSON、HT

通过window上挂载属性实现

值得注意的是，微信开发者工具中是测试不了。后端接口返回的是文件的二进制流。的，需要真机或者体验版测试。包含文件名+后缀名，比如。

两种方法运行打包后的前端项目