姜汁冰红茶

跨平台桌面应用Electron想必大家都不陌生，但它是如何实现跨端的那？本文小包将从Electron 架构出发，一步一步带你理透Electron的跨端原理。(文章内附抽奖)...

面经标答: 由于跨语言工作的额外负担，JavaScript 中使用的原生解析器并不总是更快。避免跨语言开销以及使用多核心对于性能至关重要。...

本文整理自字节跳动 Web Infra 前端负责人张磊在 QCon 2024 的演讲分享 "Rust 如何引领前端基建新潮流以及字节跳动的应用"...

Vue 中的 key 是用来做什么的？为什么不推荐使用 index 作为 key？常常听说这样的问题，本篇文章带你从原理来一探究竟。 本文的结论对于性能的毁灭是针对列表子元...

Node.js基础架构、环境、特性，浏览器内核，渲染引擎工作过程，JavaScript引擎工作原理，CommonJS规范、模块化、源码解析。...

现在写 react 组件基本都是 function + hooks 了，因为 hooks 很强大也很灵活。 比如 useState 可以声明和修改 state，useEff...

正在更新中... 老的react架构从setState到render完成，整个过程是主要霸占主线程的。如果组件比较大，或者有些复杂的逻辑，长时间占用主线程，会导致一些inp...

​ 视频课程的目的是为了快速掌握react源码运行的过程和react中的scheduler、reconciler、renderer、fiber等，并且详细debug源码和分...

​ 视频课程的目的是为了快速掌握react源码运行的过程和react中的scheduler、reconciler、renderer、fiber等，并且详细debug源码和分...

一、前面的话 在react中为我们提供了一个非常有用的组件，那就是<Suspense/>，他可以包裹一个异步组件，当这个异步组件处于pending状态的时候会展示一个过渡的...

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

本文从浅入深的全局解析 React，主要介绍其基础概念、版本演进、生命周期、Hooks、生态链、工程化、性能优化、核心API、核心原理和部分源码解析。...

我们简单讲解了下jsx语法、基本使用、jsx的转换流程、并使用babel插件简单模拟了下jsx的转换流程。本篇我们将搭建react调试环境，并直接使用源码探究jsx转换原理...

最近在帮团队招人，看了一圈市场上的招聘要求（JD），心里有点五味杂陈。 随便打开几个“前端工程师”的JD，上面写着：精通React/Vue，这很正常；熟悉Next.js或N...

本文主要介绍企业级前端工程化全景图，从需求规范、开发联调、测试优化、构建部署、运维监控等多个阶段展开，详细介绍了每个阶段的核心目标、流程、工具、场景和AI赋能等。...

react事件机制 原生js事件(浏览器的事件系统) 在学习React事件机制之前，我们先回顾一下js的原生事件系统，这对我们理解react事件系统非常重要。 1.事件的分...

由于React16和React17在事件机制在细节上有较大改动，本文仅对React17的事件机制做讲解，在最后对比React17和React16在事件机制上的不同点。...

这次要说的是前端开发中计算距离和宽高的关键知识点。主要涵盖了常见应用场景、重要的浏览器属性和方法（如 pageY、clientY、scrollY 等），以及在 react ...

【前端面试复习系列文章】 2024前端高频面试题-- html篇 2024前端高频面试题-- CSS篇 2024前端高频面试题-- JS篇 2024前端高频面试题-- VU...

上一个星期一直忙于救火，周末又赶去参加了 Tweb Conf(首次参加这类活动)，所以没什么输出。但是这个星期的紧张、忙碌以及焦虑，让我想明白了一些事情，写了本文，没什么干...