在介绍 WebP 的时候，我们已经知道了相比 JPG 和 PNG 来说，WebP 已经兼顾了高呈现质量以及更小的文件体积，可以说已经非常优秀了，然后还是有一群人不满足于此，他们开发出了 AVIF 这种号称下一代图像压缩格式的玩意。 这篇文章将围绕 AVIF 是什么？对比其他图像…

移动端调试大家都用什么呢？相信大家跟我们组选择的工具是一样的，Vconsole.js，使用简单，只需引入就可以在移动端网页内提供前端调试面板，展示log/network等信息，方便开发者定位问题。 本可以愉快的玩耍，那为什么我们要改造log呢，因为谁也想不到，vconsole调…

性能优化 ，每个工程师跑不掉的一个话题。这里是本人结合Mr.Max的一门课，总结的一些优化手法，希望对大家有所帮助，后续也会继续更新，想要看视频的可以直接去某课网搜。附 演示源码和PPT

大家看到标题勇士二字不知是否有所疑惑。我这里不做太多解释，只说一句：因为这个是之前的老项目（大家懂吗old very old），那真的可以说是牵一发而动全身啊 但是呢，很快啊，我啪的一下就决定了，直接就选中一个文件CTRL+A，然后Delete了啊，这波操作可以说是意气风发，无…

有些component需要全局注册的，但是在main.js中全局注册又太麻烦了。 store采用modules方式分包，使用的时候也要手动注册。 store刷新丢失，需要持久化。 Vue内置了webpack的部分配置，这个咱们就不多说了。 require.context是web…

利用 Axios 提供的 CancelToken 结合队列来实现。（队列中存放的是当前请求的信息（自定义的一些规则，来判断是否是同一个请求）和取消函数） 类似这种取消请求，其实服务端是有收到的，只是浏览器层面做了一层处理等不到响应而已。 为了方便开发过程中减少模版的编写，将表格…

在 Vue，除了核心功能默认内置的指令 ( v-model 和 v-show )，Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。