12# 核心依赖npm install react-markdown react-syntax-highlighter # react-markdown：渲染AI返回的markdown格式结果 react-syntax-highlighter:代...

本文介绍了简单的通过Node.js调用文新一言API，也介绍了如何通过vite+react前端调用，使用Node.js自建后端接口做代理中专，前端请求自己的后端，后端再请求文心一言 API（服务端之间无跨域限制）。 这只是简单的介绍，实际使用需要做到...

SSR/SSG 的定义 之前在博客上有提过。对比 CSR、SSR、SSG、ISR，它们的优缺点和适用场景分别是什么? 一、为什么要使用 SSR/SSG？（解决传统前端渲染的核心痛点）传统 React/Vue 项目是「...

React 是异步渲染框架，传统的 DOMContentLoaded 无法准确捕获「真实渲染完成时间」，需： 用 PerformanceObserver 监听浏览器原生指标（FP/FCP/LCP）作为基础； 在 React 根组件挂载完成后，补充自...

现代构建与性能优化实践前端工程化越来越成熟，但构建与性能优化仍是大多数项目持续面临的话题。本文总结常见的构建优化策略与实战建议，供复盘与快速落地使用。

一、 协变和逆变协变（Covariance）\ 逆变（Contravariance） 核心：描述「子类型」和「父类型」在不同场景下的赋值规则，本质是解决「类型兼容」问题。 先定义基础类型（方便后续示例）： 12interface Animal &...

现代 web 应用的渲染模式已经超越了最初简单的客户端与服务端之分，演化出了多种模式以适应不同场景的需求。 CSR**CSR (客户端渲染)**是 SPA(单页应用)的典型模式。服务器只返回一个空壳 HTML，所有内容的渲染都由客户端的 JavaS...

React Hooks(如 useState，useEffect )的出现，彻底改变了 React 函数组件的编写方式。其看似神奇的实现原理，背后是闭包和链表(或数组)数据结构的精巧运用。在 React 内部，每个函数组件实例都对应一个 Fiber ...

Vue 和 React 在处理状态到视图的更新上，走了两条截然不同的技术路线，这体现了它们在设计哲学上的根本差异。 Vue 采用的是一种基于依赖追踪的、细粒度的自动响应式系统。在 Vue3中，通过 Proxy(Vue 2 中为0bject.defin...

在 React 16 之前，协调(Reconciliation)过程是同步且递归的，一旦开始就无法中断。对于复杂的组件树，这个过程可能耗时很长，导致主线程被长时间占用，页面因此失去响应，出现卡顿和掉帧。为了解决这一顽疾，React引入了 Fiber ...