有歌当须歌慷慨

在之前写到的字节面试中，有一道题堪称经典中的经典，那就是vue的响应式原理。在这篇文章中我为各位详细解释了一下vue3中reactive的原理及简化版的代码。...

本文以前端面试官的角度出发，对 Vue 框架中一些重要的特性、框架的原理以问题的形式进行整理汇总，意在帮助作者及读者自测下 Vue 掌握的程度。本文章节结构以从易到难进行组...

本系列其他文章计划一到两个月内完成，点个 关注 不迷路。 本文将针对微前端框架 qiankun 的源码进行深入解析，在源码讲解之前，我们先来了解一下什么是 微前端。 微前端...

简述 Slardar 前端监控自18年底开始建设以来，从仅仅作为 Sentry 的替代，经历了一系列迭代和发展，目前做为一个监控解决方案，已经应用到抖音、西瓜、今日头条等众...

在前端开发中，掌握设计模式不仅能提升我们的编码效率和系统的健壮性，还能增强团队协作能力，尤其是在面对不断扩展的项目时。设计模式帮助我们解耦系统组件，增强可复用性，确保系统的...

AI 不是灵丹妙药，而是可以通过工程化手段持续放大的生产力工具。只有从工具配置、技术选型到规则约束、工作流规范，形成完整闭环，才能真正让 Cursor 成为日常开发的”超级...

不知道大家有没有场景会需要 GIF 压缩，我是经常会用到。 因为公众号的图片最大支持 10M，但是我录制出来的 GIF 经常超过 10M。 比如这样一个图片： 在编辑器上传...

「万字解析」300行代码梳理webpack核心工作流源码，从工程化出发，真正搞懂webpack背后打包机制。带你走进webpack生态开发的世界，真正对应用webpack了...

npm在前端开发流程中提供了非常完善的自动化工具链，已成为每个前端开发者必备的工具，但是同样由于其强大性导致很多前端开发者只会简单的使用它。本文将总结在日常开发中所需要的n...

CRUD、接口统一格式、自动生成 swagger 文档 、docker + GITHUB ACTION 自动化部署、jwt 实现用户注册登录、身份验证、redis 存储、文...

Redux：现代前端状态管理的「稳定器」 在前端应用复杂度指数级增长的今天，状态管理已成为决定项目可维护性的核心命题。从早期的组件内setState到全局事件总线，再到如今...

当你在 .then() 中返回一个已经 fulfilled 的 Promise，到底发生了什么？为什么会推迟 `2个微任务` ？...

从最基本的步骤开始，逐步实现一个符合 Promise/A+ 规范 的 Promise，并详细解释每一个步骤。...

异步模式则完全不同，每一个任务有一个或多个回调函数(callback)，前一个任务结束后，不是执行后一个任务，而是执行回调函数，后一个任务则是不等前一个任务结束就执行，所以...

前端监听网络变化和获取网速 navigator.connection.downlink '当前是否联网',navigator.onLine...

我面试过很多同学，其中能把原型继承讲明白的寥寥无几，能把new操作符讲明白的就更少了。希望这篇文章能够解决你的疑惑，带你面试飞起来。 继承是OO语言中的一个最为人津津乐道的...