echo_dc

前言 最近项目上接入了大模型，需要实现类ChatGPT聊天框。其中一个技术就是回复内容流式输出，这在市面上不难找到很成熟的方案，那就是SSE（Server-Sent Eve...

大家好，我是风骨，今天和大家分享一篇有关「前端性能优化」的话题。作为优秀的前端工程师，我们需要时刻关注页面性能指标，并持续优化。 在这篇文章中，我们将深入探讨前端性能优化的...

先有问题再有答案 react是什么 react设计理念是什么 有哪些核心概念 如何系统性的认识react 一图胜千言 设计理念 数据驱动视图UI=fn(data)： 在 R...

作为目前最流行的JavaScript引擎，V8引擎从出现的那一刻起便广泛受到人们的关注，我们知道，JavaScript可以高效地运行在浏览器和Nodejs这两大宿主环境中，...

当使用 Hook 特性编写组件的时候时候，总能感觉到它的简洁和方便。当然，「天下没有免费的午餐」，它牺牲了可读性并且存在内存泄漏风险（最后有提到）。但这并不妨碍探索它的魔力...

本文将从一道小学语文题出发，由浅入深的讲述AST的设计原理以及各种衍生应用，在这过程中会手写各种好玩的插件，弄懂ESLint和代码压缩等这类基建原理，最后通过最佳实践直接助...

1.js基本数据类型有哪些及它们的区别 JavaScript共有八种数据类型，分别是 Undefined、Null、Boolean、Number、String、Object...

本系列会实现一个简单的react，包含最基础的首次渲染，更新，hook，lane模型等等，本文是本系列的第一篇。这对于我也是一个很大的挑战，不过这也是一个学习和进步的过程，...

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

2024.08.10 更新前端面试问题总结（20道题） github 地址: https://github.com/pro-collection/interview-que...

在一次面试时，面试官问我 react scheduler 调度机制原理是什么？我却支支吾吾想了半天没答上来，看着面试官轻蔑的表情，我在心里默默的下定决心：三十年河东三十年河...

vite 是新兴的构建工具，它相比 webpack 最大的特点就是快。 那它是如何做到这么快的呢？ 因为 vite 在开发环境并不做打包。 我们创建个 vite 项目： 安...

Fiber 架构下的 DOM Diff 过程：新的虚拟 DOM -> 新的 Fiber 节点 -> 真实 DOM -> 挂载到容器节点...

手写react scheduler源码，彻底搞懂什么是任务切片，什么是时间切片，以及为什么使用MessageChannel而不是setTimeout实现任务调度...

一 前言 今天我们来一起探讨一下React事件原理，这篇文章，我尽量用通俗简洁的方式，把React事件系统讲的明明白白。 我们讲的react版本是16.13.1 , v17...

平日开发过程中，大家是如何调试线上问题的呢？等一下，还有没有人在用 SourceMap 调试啊？通过 SourceMap，我们可以在浏览器内，直接看到源码，而不是编译、压缩...

在上篇《React 之 requestIdleCallback 来了解一下》，我们讲解了 requestIdleCallback 这个 API，它可以实现在浏览器空闲的时候...

Race Condition，中文译为竞态条件，旨在描述一个系统或者进程的输出，依赖于不受控制事件的出现顺序或者出现时机。 举个简单的例子： 你可能想，JavaScript...

本文介绍了 Redux 在 React 中的使用，通过 Redux Toolkit 和 React-Redux 实现高效状态管理，利用一些方法简化组件连接和异步操作。...