Daydream本尊

细数起来，我学习React源码已经超过三年了，平常工作的大部分内容就是读和写React和React周边库源码，然后做成课程，接下来和大家分享下这三年的感受和收获。...

前言 JavaScript 绝大多数情况需要通过网络进行加载再执行，加载的文件越小，整体执行时间更短，所以就有了 Tree Shaking 去除无用代码，从而减小文件体积。...

什么？调试 React 源码还有优雅和不优雅之分？ 别着急，我们先来听个故事： 东东是一名前端工程师，主要用 React 技术栈，用了多年之后想深入一下，所以最近开始看 R...

接上一篇文章《前端工程实践之可视化搭建系统（一）》，鸽了比较久，看过的同学应该也都已经不记得了，也是又看到两年前文章下热评一位同学问的问题，两年后我们换个形式来讨论下这个问...

因为 Serverless 的“无服务器架构”应用相比于传统应用有很多优点，比如：无需关心服务器、免运维、弹性伸缩、按需付费、开发可以更加关注业务逻辑，所以现在 Serve...

「时光不负，创作不停，本文正在参加2022年中总结征文大赛」 总结：今年上半年对我来说是很神奇的一段时间，以下从各个方面说明 博客：现在文章被点赞1,140，文章被阅读66...

1. 如何学习调试源码 2. 学会 npm 钩子 3. 学会 "preinstall": "npx only-allow pnpm" 一行代码统一规范包管理器 4. 学到 ...

作为前端开发人员，站点或应用的缓存机制能做的似乎不多，但这些却是与我们关注的性能息息相关的部分，站点没有做任何缓存机制，我们的页面可能会因为资源的下载和渲染变得很慢。了解性...

相信大家都听说过"258原则"，一个网站的性能好坏很大程度上会影响到用户的体验。 在我经历的多个电商与大屏项目的优化性能的项目后，我发现图片资源的处理在网站性能优化中有着举...

众所周知，JavaScript 是单线程的语言。当我们面临需要大量计算的场景时（比如视频解码等），UI 线程就会被阻塞，甚至浏览器直接卡死。...

什么是 cdp 协议 cdp 协议简称 chrome 调试协议，是基于 scoket（websocket、usb、adb ）消息的 json rpc 协议。用来调用 chr...

在 React hook 中，useEffect 用来取代 componentDidMount 和 componentDidUpdate。主要作用是当页面渲染后，进行一些副...

又是一年“金三银四”。 刚好受邀参加掘金春招活动直播（回放请戳：掘金公开课直播间链接），回忆一下子被拉扯到当年刚刚毕业，奔走在各个面试现场的自己。...

笔者长期单枪匹马在前端领域厮杀(言外之意就是团队就一个人)，自己就是规范。随着公司业务的扩展，扩充了一些人员，这时候就要开始考虑协作和编码规范问题了。本文记录了笔者在制定前...

从React Hooks发布以来，整个社区都以积极的态度去拥抱它、学习它。期间也涌现了很多关于React Hooks 源码解析的文章。本文（基于v16.8.6）就以笔者自己...

之前的两篇文章，分别介绍了react-hooks如何使用，以及自定义hooks设计模式及其实战，本篇文章主要从react-hooks起源，原理，源码角度，开始剖析react...