本文有两个关键词：音频可视化和Web Audio。前者是实践，后者是其背后的技术支持。 Web Audio 是很大的知识点，本文会将重点放在如何获取音频数据这块，对于其 API 的更多内容，可以查看 MDN。 另外，要将音频数据转换成可视化图形，除了了解 Web Audio 之…

今天，我们就不卷源码，来从设计思想和实际开发体验出发，看看 Vue3 的响应式系统，到底强在哪里？ 🏛️ Vue2 的局限 Vue2 的响应式系统用的是 Object.defineProperty()

我做了一个叫 Ant 的小型 JavaScript runtime（大概 2MB）。源码、测试和文档都在 GitHub：https://github.com/themackabu/ant/

本篇文章致力于小白也能懂的虚拟滚动实现原理，一步一步深入比较以及优化实现方案，内容浅显易懂，但篇幅可能较长。 如果你只想了解实现思路，那么可以直接看图或者跳到文章最后。 话不多说，直接开始好吧。 想像一下，当你有10万数据需要展示的时候，咋办呢？我们来试一下将它全部加载出来。 …

每个前端都想做一个完美的表格，业界也在持续探索不同的思路，比如钉钉表格、语雀表格。笔者所在数据中台团队也对表格有着极高的要求，尤其是自助分析表格，需要兼顾性能与交互功能，本文便是记录自助分析表格高性能

我们的前端系统一度拆成了 7 个子应用：A 是核心系统，B 是订单，C 是库存……最开始大家都觉得：“哎，模块化、多团队并行、还能独立部署，好事啊。” 真做下去，才发现微前端的难度根本不是“怎么加载子

我们经常听说：“写代码要有良好的封装，要高内聚，低耦合”。那怎样才算良好的封装，我们为什么要封装呢？其实封装有这样几个好处： 封装好的代码，内部变量不会污染外部。 可以作为一个模块给外部调用。外部调用者不需要知道实现的细节，只需要按照约定的规范使用就行了。 对扩展开放，对修改关…

前端开发者往往不太关注页面所占用的内存，因为前端内存的分配与回收基本是依靠系统自动完成的，这个过程对于开发者是无感的 但内存优化的作用也同样重要，一个好的网站，内存的优化也是极致的

js 使用垃圾回收机制自动管理内存，这种方式的利弊都很明显。 主要是IE8 以下的浏览器使用，现代浏览器都弃用了这种方式，这里只做简单介绍。 基本原理就是，记录跟踪每个值被引用的次数，被引用一次被引用次数就加一，被释放就减一，为零时，就释放改值所占内存。 主流浏览器使用垃圾回收…