sophie旭

背景 最近在研究虚拟列表，对于这个前端考点，我们来一起研究它的简单实现 任务拆分 就像小品台词一样：要想实现一个虚拟列表总共分几步？？ 答案： 4步 第一步：创建容器 & ...

vue 和 react 的diff算法详细对比 你想深入了解 Vue（2/3 版本，3 有核心优化）和 React（Stack/Fiber 架构，Fiber 重构执行流程）...

背景 这篇着重从虚拟dom 的角度比较一下 React 和Vue的底层实现，我们可以分别体会到他们各自的特点和他们如何发挥各自特点到极致的美！ 核心差异概览 一、虚拟DOM...

背景 作为 react 高频考点，React Fiber反复出现，为啥会成为高频考点，我觉得，很大程度上是因为 React Fiber架构真的解决了问题，并且巧妙的思想或许...

背景 前几篇文章已经聊了Hooks 的意义以及如何实现的，那么现在我们来看下 我们平时 使用 hook的一些注意事项，也就是我们说的 “心智负担”，但是当我们理解它背后的实...

背景 上篇文章我们聊了Hooks诞生初心是为了解决什么问题，今天我们继续探讨 Hooks的 具体执行方案 前置：先建立「函数组件 + Hook」的全局执行流程 Hook 的...

背景 用了这么久 React，已经默认用函数写组件了，都快忘了怎么写类组件了，经历过写类组件的时代，现在用函数组件，一开始确实有上手时间成本，但是现在用过之后也是觉得真香，...

背景 我们之前已经聊了很多Promise的原理知识，下面走进它的应用领域，也就是它有哪些性能优化上的用途，显然 性能优化有一part是 异步处理优化，也就是网络请求的优化。...

背景 这篇文章总结下手写 Promise.xxx 的 核心要点，大家可以交叉对比一下，希望大家可以对这几个API的本质有更清晰的认识，也为我们后面场景应用打下基础。 Pro...

背景 Promise 作为 异步编程的老生常谈，这里不免俗也整理一番，以后关于 Promise基础知识看这篇就好了。整理过后，我想说一句话：回调函数可以说是javascri...

背景 说实话，async/await 我在日常工作中好像并没有很主动的去用，可能对于异步编程，我宁愿去用 Promise这种显式链式方式告诉自己，这是异步流程。同步式的代码...

背景 最近 monorepo 这个名词一直听到，后来才知道我每天做的项目就是 monorepo 架构啊，真是后知后觉，由于最近在对该项目进行性能优化，也趁机了解了 mono...

背景 这期并不是什么高大上的主题，但是对于支付业务却是尤为重要，那就是如何在前端角度防止重复支付，在这边把我的解决方案记录下来，也想剖析一下里面的细节，同时也分享给大家。 ...

背景 之前我们也讨论过，内存泄露对 前端性能的影响，但是对于脚本语言的开发者，内存这件事貌似是个黑盒，且很容易让我们忽略，这几天直观看到了js代码如何影响着内存，简单学习了...

背景： 终于完成了阶段性的首屏性能优化的开发部分，该写监控代码验收成效了，这两天研究了下，先看下结果吧： 核心性能指标均实现大幅下降，优化效果显著，具体分析如下： 指标 优...

背景： 在工程化项目的性能优化上面，尤其是打包体积优化上面，我们一定避不开一个词，那就是 tree-shaking，但是这个词对我来说永远是似懂非懂，项目实际是否生效，也不...

背景 最近有尝试用 Suspense+React.lazy 优化首屏加载性能，这几天也在研究其实现原理，学习到了几点知识，分享给大家 实现伪代码 其实我觉得呢，看实现原理重...

背景： 这几天重新梳理了一下 webpack异步加载的原理，并对实现细节进行了一番拆解，再次让我感叹：真是万变不离其宗，基础知识真的是构建上层建筑的坚实底座，在此也分享给大...

背景 先说一个最近困扰我的一件偶发问题，现象是，用户开机打开我们软件的h5页面，进行扫码支付，会有偶发的付款码缺失问题，但是开机一个小时左右，就不会有问题了 下面看下我们 ...

为什么需要打包 CommonJS 前模块化时代的困境 CommonJS 规范的出现解决了服务器端 JavaScript 的模块化需求： 核心目标：让 JavaScript ...