kingsley

我们都知道Nodejs遵循的是CommonJS规范，当我们require('moduleA')时，模块是怎么通过名字或者路径获取到模块的呢？首先要聊一下模块引用、模块定义、模块标识三个概念。 模块上下文提供require()方法来引入外部模块，看似简单的require函数， 其…

浏览器可以帮助我们定位什么问题 引言 前端性能问题直接影响用户体验和业务指标， 性能优化也是前端主要的课题之一。当遇到页面卡顿、白屏、CPU飙升等核心场景，浏览器可以帮助我们定位什么问题？

在面试和实际场景中衍生出来的问题 -- 从页面白屏问题排查, 到自定义白屏检测SDK, 进来用一篇文章教会你✌️✨

React Flow 作为基于 React 的现代化工作流编排工具，通过其声明式渲染协议和可扩展的节点系统，已成为百宝箱、扣子等主流工作流平台的核心画布引擎， 服务于智能体的搭建。

在前端开发和排查线上问题的过程中，我们经常会遇到调试受限的场景：无法直接修改线上代码、hover 和 select 样式难以定位、JS 报错追踪困难等。为了提高调试效率，我们可以借助 Proxy

你可能想不到，只用两行 CSS，就能让你的卡片、图片、内容块自动适应各种屏幕宽度，彻底摆脱复杂的媒体查询！ 秘诀就是 CSS Grid 的 auto-fill 和 auto-fit。 马上教你用！✨

前端大文件上传如何通过 IndexedDB 实现离线续传？ 在前端进行大文件上传时，可能会遇到网络中断、页面刷新或用户意外关闭页面的情况。使用 IndexedDB 可以存储已上传的文件切片，实现 断点

监听元素变化是一种非常常见但经常被忽视的需求。**从响应式布局、动画触发、内容同步、懒加载，到可视化组件自适应**，一个共同的问题摆在我们面前：“元素变了，我必须马上知道！”

这篇文章去年中旬的时候就想写了，无奈在读源码的过程中，遇到了很多卡点，直到今天，才有勇气去写这篇文章，同时也希望可以给正在读React源码的小伙伴一个借鉴。 本文针对的是React18版本的代码...