很庆幸，我们当初选择 Markdown 作为用户在 GitHub 上托管内容的标记语言，它为用户提供了强大且直接的方式 （不管是技术的还是非技术的） 来编写可以很好的渲染成 HTML 的纯文本文档。 然而，其最主要的限制，就是缺乏在最模糊的语言细节上的标准。比如，使用多少个空格来进行行缩进、两个不同元素之间需要使用多少空行区分、大量繁琐细节往往造成不同的实现：相似的 Markdown 文档会因为选

什么是SSR？ SSR 全称是 Server Side Rendering 代表的是服务端渲染。与客户端渲染不同的是，SSR 输出的是⼀个渲染完成的html，整个渲染过程是在服务器端进⾏的。例如传统的ASP、JSP、PHP等都是服务端渲染。 优点 有利于 SEO，由于页⾯在服务器⽣成，搜索引擎直接抓取到最终页⾯结果。 有利于⾸屏渲染，html 所需要的数据都在服务器处理好，直接⽣成 html，⾸屏

在前端开发的世界里，我们经常遇到SSR（服务器端渲染）、SSG（静态站点生成）和CSR（客户端渲染）这三种渲染技术。它们各自有着独特的优缺点，适用于不同的场景和需求。下面，我们将详细介绍这三种技术，并通过代码示例来加深理解。 一、CSR（客户端渲染） 介绍： CSR（Client-Side Rendering）是前端开发中最常见的渲染方式。在这种模式下，服务器主要负责提供静态的HTML文件（可能包

随着互联网技术的迅速发展，用户对网页的加载速度和交互体验有了更高的期待。作为开发者，我们常常需要在服务器端渲染（SSR）与客户端渲染（CSR）之间做出选择。这两种渲染方式各有特点，适用于不同的场景和需求。今天，就让我们一起来探索SSR和CSR的世界，帮助你为你的应用选择最合适的渲染策略。 什么是渲染？ 简单来说，渲染就是在屏幕上显示视觉元素的过程。在网页开发中，这涉及将HTML、CSS和JS代码转

页面渲染机制 页面渲染机制是浏览器将HTML、CSS和JavaScript等代码转换为可视化页面的过程。以下是页面渲染的主要步骤： HTML解析：浏览器首先接收HTML文件，然后对其进行解析，创建一个叫做DOM（Document Object Model）的数据结构。DOM是HTML元素的树形表示，它能够让JavaScript和CSS访问和操作页面的内容。 CSS解析：同时，浏览器也会解析CSS文

React 18 引入的并发渲染（Concurrent Rendering）是一个革命性的特性，它改变了 React 应用的渲染方式，使得渲染过程更加高效且可控。 并发渲染的核心原理在于将渲染任务拆分为多个可中断和可恢复的小任务，并根据优先级进行调度。下面我们将通过代码示例详细解析 React 18 并发渲染的原理。 1. Fiber 架构与任务调度 React 18 使用 Fiber 架构来管理

Hello，大家好，我是 Sunday。 最近有个同学在小红书三面的时候遇到了一个面试题：“v-for循环，为什么不建议使用index作为key？” 按说这个问题并不复杂，所以该同学直接回答：“使用 index 作为 key 可能会导致渲染性能问题，特别是数据源使用了 unshift 将数据添加到头部时，会导致 index 被重新规划，从而导致重新渲染。” 然后面试官继续追问：“为什么 index