分享一些渐变的实际案例。最近在工作中碰到一个这样的进度条，如下 和一般进度条不同的是，上面多了很多小圆点，每个小圆点代表一个进度。 由于是完全自适应的，圆点可以自定义数量，宽度也能自动分配，就像这样

【前端面经】金三银四即将到来，前端同学看过来！笔者整理了近两年来自己的面试经历，和大家分享一下，给 1-3 年经验的前端同学看机会找工作的小伙伴做一个参考，希望对你们有所帮助。

全网第一份 vue-devtools-next 源码解析。对 vue-devtools-next 整个项目进行大致的解析，分析它是如何实现数据交换、查看组件变量并对组件数据进行修改。Let's Go.

🎉 Features 基于 Chrome DevTools 基于 WebSocket 远程调试 可扩展，支持自定义插件 📦 Installation 命令行配置项 配置文件devtools.confi

网上关于 Vite 的文章主要分为入门教程或者原理解析。本篇另辟蹊径，带大家了解一下作为 2021 最受关注的构建工具，Vite 是如何做 SSR 的

借助chrome提供的performance monitor工具，我们可以实时直观的监控页面性能。 点击左侧菜单可以选择显示、隐藏对应图表。 同样它最大的缺点也是太过简单，除了能够实时看见性能走势，无法做任何操作了。即使你看见某个时间点cpu满载了你也没法定位问题。 很常见的火…

1. 可能产生内存溢出的情况 2. 利用devtools查找问题 3. vue项目中可能产生内存溢出的地方 4. 由于浏览器或vue框架本身导致的内存溢出 5. 参考文献

现成的步骤条不能满足开发需求，只能自己动手封装了一个。 源码放在了个人的码云仓库上：https://gitee.com/mayxue/vue2-demo

「万字解析」详解 Tapable 核心工作机制，Webpack Plugin 必备前置知识解读。从原理玩转 Webpack ，真正精通所谓工程化前端。