最近看到公司的一个项目 README.md 写了开发时需要配置的代理方案，可能由于年代久远，随着新的开发同学的介入，又补充了一些内容导致并存两种代理方式，这对于后续加入的同学来说不是很友好，因此我结合之前的实践经历，快速整理了一个代理方案。
WindiCSS 如果使用 windi.config.ts 配置文件，nuxt.config.ts 中就不要填写配置，否则会导致windi.config.ts的配置不生效 数据相应式 列表通过接口数据返回渲染，当通过 html 自定义属性来控制图片中的 checkbox 的选中态时，需要把接口数据主动用 Vue 的相应式函数重新定义，比如用 reactive(data) 来重新声明，data 为接口返回函数，否则数据不会动态切换。
如果让你实现视频中的渐变色，你会想到用什么方式呢？
最开始我想到的方式是通过切换 css 变量来实现，下面是直接通过切换 background 来实现的，本质上是同一种思路。
ImageMagick 在生成缩略图的过程中遇到的问题。 不推荐 NPM 上的 GM 这个库，一个原因是更新时间年代久远，第二个是最新的 ImageMagick 的 语法推荐使用 magick 而非 convert GM 库底层使用的是 convert 命令因而不能使用最新的语法。
最近在做一个数字资产的项目，其中就利用了 ImageMagick 来实现生成缩略图的功能，不得不说其能力的强大，诸如 PSD、EPS、AI 等常用的设计软件导出的文件都能转换，更不用说常见的 GIF、PNG、JPG、PDF这些格式了。
VueJs 项目 + History 路由模式。 Hash 路由可不可以？ 可以！但是在涉及到对URL鉴权的场景下（企业微信），一部分参数会被企业微信丢失，即无法获取完整的 URL，因此必须使用 History 的路由方式。
性能的好坏永远只是阶段性的，非永久的，随着一个项目的迭代，性能也会随之产生变化。这次结合腾讯云的 RUM 工具来优化。
最近开发一个功能，使用 Mysql 存储的数据，数据源是 Elactic Search，每天凌晨获取一下当前某个项目的性能指标的平均值。
由于提供了 URL筛选的范围，所以对于查询条件出现了排列组合的方式，类似下面这样的。
在前端请求这个逻辑中，往往会出现一种尴尬😅 的情况，通常来说这个逻辑没有错误，但是实际效果上会出现请求加载很快，导致 loading 效果出现转瞬即逝的视觉停留。
webpack-bundle-analyzer 是一个插件：通过分析构建产物，最终生成 矩形树图 方便开发者根据项目构建后的依赖关系以及实际的文件尺寸，来进行相应的性能优化。
