摘要:
// 保存当前按下的键 let keysPressed = {}; // 监听键盘按下事件 document.addEventListener('keydown', (event) => { // 将按下的键记录到 keysPressed 对象中 keysPressed[event.key.toLo 阅读全文
摘要:
console.log( '%c[XX平台] -- Login Success', 'background: dodgerblue; color: white; padding: 4px; border-radius: 4px;', ); 阅读全文
摘要:
网上都说操作真实 DOM 慢,但测试结果却比 React 更快,为什么? - 尤雨溪的回答 - 知乎 https://www.zhihu.com/question/31809713/answer/53544875 1. 原生 DOM 操作 vs. 通过框架封装操作。这是一个性能 vs. 可维护性的取 阅读全文
摘要:
https://godbasin.github.io/front-end-playground/front-end-basic/skill/learn-front-end-develop-from-interview.html#前端项目经验相关面试考察点 React Fiber相关讲解 React 阅读全文
摘要:
浏览器架构是单进程的, 单进程浏览器是指浏览器的所有功能模块都是运行在同一个进程里,这些模块包含了网络、JS引擎、渲染引擎和页面等 Chrome浏览器多进程架构:解决单进程的缺点 1.浏览器进程(主进程)(Browser Process): 界面显示、用户交互、子进程管理,同时提供存储 2.网络进程 阅读全文
摘要:
3 assumptions Code is valid JavaScript Test values / properties are defined before acceessing them Code follows Rules of React React Compiler will mos 阅读全文
摘要:
How does React handle updates ? How React Communicates With the Renderer ? the renderer that handles the updates setState calls renderer The Update Wh 阅读全文
摘要:
React hooks allow us to use React features without writing a class state (useState, useReducer) component lifecycle (useEffect) much more(useRef, useC 阅读全文
摘要:
The basic concepts of React reconciliation virtual DOM rendering diffing algorithm pre-knowledge understand the difference between React components, e 阅读全文
摘要:
What is React Fiber? Fiber = {...} Fiber reconciler = current React reconciler based on Fiber (React >= 16) complete rewrite of React that fixed long- 阅读全文