donk大魔王

本文将讲述开发环境下 vue3 项目打包器从 webpack 迁移到 vite 过程中的所遇问题、解决方案、迁移感受，以及如何不修改任何源码完成迁移。...

code-inspector-plugin 支持 vite/webpack 中使用，且支持 vue3/vue2/react 等框架。开发环境只需要按住组合键，点击页面元素，...

sourcemap 的作用就是将编译后代码映射为编译前源代码，所以要搞明白 sourcemap 的核心原理，就是搞明白如何将编译后代码映射为编译前源代码，下面让我们看一下其...

code-inspector-plugin 插件点击页面元素，就能自动跳转 vscode 对应的源代码位置。支持 webpack/vite/rspack/vue/react...

如果有人问你 webpack loader 的执行顺序，相信 90% 的人都会回答从右向左执行。但真相果真如此吗？让我们一起看一些非从右到左的例子。...

概述 本文会讲述 Web Audio API 以及音频剪切等几种实现精准控制音频播放的方案，同时讲述了一些前端二进制、音频以及 node 服务端的知识。...

装饰器是 typescript 中的一种特殊的类型声明，实际上 js 装饰器目前也已经提案了，目前处于 stage2 的阶段。顾名思义，装饰器起到了对数据的装饰(加工的)作...

本文总结了多种解决多人编辑场景下的内容覆盖的方案：编辑锁、版本合并、协同编辑，针对不同场景，我们可以选择不同的方案。...

总结了 webpack5 的 8 个速度优化和 6 个体积优化的实用方案，在你的项目中也尝试一下吧，直接起飞...

本章基于 react17 版本实现一个 mini react，涵盖了 react 源码所有的知识点例如 fiber 架构、render 和 commit 阶段、diff 算...

本章将讲解 react hooks ，理解 hooks 的设计思想和工作过程，以及探究常用 hooks 的源码...

前两章讲到了，react 在 render 阶段的 `completeUnitWork` 执行完毕后，就执行 `commitRoot` 进入到了 commit 阶段，本章将...

react 源码解析，本章节将结合源码解析 diff 算法，包括如下内容：react diff 算法的介绍、diff 策略、diff 源码解析...

本文总结了日常工作中常用的 git 指令，涵盖了绝大部分的使用场景，让你能够轻松应对各种 git 协作流程。...

本章将学习 react render 阶段源码，包括：更新任务的触发和创建、reconciler 过程同步和异步遍历及执行任务、scheduler 是如何实现帧空闲时间调度...

本章将介绍以下内容： 为什么需要 fiber、fiber 节点结构中的属性、fiber 树是如何构建与更新的...

从这一章开始，我们正式开始 react 源码的学习，本章包括react17之前和之后 jsx 编译的不同、React.createElement 源码、React.Comp...

本章将开始 react17 源码系列的介绍，包括系列的目录介绍，以及如何搭建一个 react17 源码的调试环境...

要学习 react 源码，首先要对 react 的源码和整个架构有个大体的了解，这样学起来会事半功倍，本章将介绍一下 react 的源码和架构。...

看到这个标题，很多人可能会感觉很新奇， a == 'juejin' && a == 666 && a == 888 为 true，这怎么可能呢？javascript 有时就...