冴羽_社区达人页

2024年05月

• 01.02 19:26:10
  发表了文章 2024-01-02 19:26:10

  300 行代码实现 React 的调度器 Scheduler

  说是实现，但其实我们只是在 React Scheduler 源码的基础上进行了简化，省略掉一些繁琐的细节，添加了丰富的注释，保证代码可直接执行。 大家可以复制代码到编辑器中，直接运行，非常适合学习 React 源码用。
• 01.02 19:24:39
  发表了文章 2024-01-02 19:24:39

  React 之 Scheduler 源码中的三个小知识点，看看你知不知道？

  本篇补充讲解 Scheduler 源码中的三个小知识点。
• 01.02 19:21:38
  发表了文章 2024-01-02 19:21:38

  React 之 Scheduler 源码解读（下）

  本篇我们接着《React 之 Scheduler 源码解读（上）》，讲解延时任务的执行源码。
• 01.02 19:19:06
  发表了文章 2024-01-02 19:19:06

  React 之 Scheduler 源码解读（上）

  React 之 Scheduler 源码解读（上）
• 01.02 19:11:28
  发表了文章 2024-01-02 19:11:28

  React 之如何调试源码

  React 源码如何调试，想必大家在阅读源码的时候一定会遇到，所以本篇我们来讲讲如何进行源码调试。
• 01.02 19:02:54
  发表了文章 2024-01-02 19:02:54

  React 之最小堆（min heap）

  React 之最小堆（min heap）
• 01.02 18:57:41
  发表了文章 2024-01-02 18:57:41

  React 之从 requestIdleCallback 到时间切片

  在上篇《React 之 requestIdleCallback 来了解一下》，我们讲解了 requestIdleCallback 这个 API，它可以实现在浏览器空闲的时候执行代码，这就与 React 的理念非常相似，都希望执行的时候不影响到关键事件，比如动画和输入响应，但因为兼容性、requestIdleCallback 定位于执行后台和低优先级任务、执行频率等问题，React 在具体的实现中并未采用 requestIdleCallback，本篇我们来讲讲 React 是如何实现类似于 requestIdleCallback，在空闲时期执行代码的效果，并由此讲解时间切片的背后实现。
• 01.02 18:53:28
  发表了文章 2024-01-02 18:53:28

  React 之 requestIdleCallback 来了解一下

  React 之 requestIdleCallback 来了解一下
• 01.02 18:47:28
  发表了文章 2024-01-02 18:47:28

  React 之 requestAnimationFrame 执行机制探索

  React 之 requestAnimationFrame 执行机制探索
• 01.02 18:41:23
  发表了文章 2024-01-02 18:41:23

  React 之从视觉暂留到 FPS、刷新率再到显卡、垂直同步再到16ms的故事

  React 之从视觉暂留到 FPS、刷新率再到显卡、垂直同步再到16ms的故事
• 01.02 18:38:28
  发表了文章 2024-01-02 18:38:28

  React 之 Suspense

  React 之 Suspense
• 01.02 17:18:35
  发表了文章 2024-01-02 17:18:35

  React 之 Race Condition

  React 之 Race Condition

  
• 01.02 17:11:59
  发表了文章 2024-01-02 17:11:59

  React 之 Context 的变迁与背后实现

  React 之 Context 的变迁与背后实现
• 01.02 17:05:58
  发表了文章 2024-01-02 17:05:58

  React 之 Refs 的使用和 forwardRef 的源码解读

  React 之 Refs 的使用和 forwardRef 的源码解读
• 01.02 16:58:25
  发表了文章 2024-01-02 16:58:25

  React 之元素与组件的区别

  React 之元素与组件的区别
• 01.02 16:51:10
  发表了文章 2024-01-02 16:51:10

  React 之 createElement 源码解读

  React 之 createElement 源码解读
• 01.02 16:29:52
  发表了文章 2024-01-02 16:29:52

  聊聊 npm 的语义化版本（Semver）

  聊聊 npm 的语义化版本（Semver）

2022年04月

• 04.26 21:33:03
  发表了文章 2022-04-26 21:33:03

  VuePress 博客搭建系列 33 篇正式完结

  本篇聊一聊我为什么会写这个系列，以及写作这个系列中的一些感悟。

  
• 04.26 21:30:38
  发表了文章 2022-04-26 21:30:38

  搭建 VuePress 站点必做的 10 个优化

  在搭建这样一个博客后，其实还有很多的优化工作需要做，本篇我们来盘点一下那些完成基础搭建后必做的 10 个优化。

  
• 04.26 21:21:58
  发表了文章 2022-04-26 21:21:58

  VuePress 博客之 SEO 优化（五）添加 JSON-LD 数据

  本篇讲 SEO 中的 JSON-LD。

  
• 04.26 19:05:02
  发表了文章 2022-04-26 19:05:02

  VuePress 博客之 SEO 优化（四） Open Graph protocol

  本篇讲讲 SEO 优化中的 Open Graph protocol。

  
• 04.26 18:59:16
  发表了文章 2022-04-26 18:59:16

  VuePress 博客之 SEO 优化（三）标题、链接优化

  本篇讲讲 SEO 中的一些细节优化。

  
• 04.26 18:48:30
  发表了文章 2022-04-26 18:48:30

  VuePress 博客之 SEO 优化（二）重定向

  本篇讲讲 SEO 与重定向。

  
• 04.26 18:44:34
  发表了文章 2022-04-26 18:44:34

  VuePress 博客之 SEO 优化（一） sitemap 与搜索引擎收录

  本篇讲讲如何进行 SEO 优化。

  
• 04.26 18:25:08
  发表了文章 2022-04-26 18:25:08

  VuePress 博客优化之增加 Vssue 评论功能

  本篇讲讲如何使用 Vssue 快速的实现评论功能。

  
• 04.26 18:12:52
  发表了文章 2022-04-26 18:12:52

  VuePress 博客优化之增加 Valine 评论功能

  在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript 中文文档。本篇讲讲如何使用 Valine 快速的实现评论功能。

  
• 04.26 14:50:44
  发表了文章 2022-04-26 14:50:44

  VuePress 博客优化之开启 Algolia 全文搜索

  由于 VuePress 的内置搜索只会为页面的标题、h2 、 h3 以及 tags 构建搜索索引。 如果你需要全文搜索，可则以使用 Algolia 搜索，本篇讲讲如何申请以及配置 Algolia 搜索。

  
• 04.26 14:36:23
  发表了文章 2022-04-26 14:36:23

  2022 年了，还不了解 PWA ？ 教你 VuePress 博客如何快速兼容 PWA

  「这是我参与2022首次更文挑战的第10天，活动详情查看：2022首次更文挑战」。

  
• 04.26 14:20:39
  发表了文章 2022-04-26 14:20:39

  VuePress 博客如何开启本地 HTTPS 访问

  「这是我参与2022首次更文挑战的第9天，活动详情查看：2022首次更文挑战」。

  
• 04.26 14:15:00
  发表了文章 2022-04-26 14:15:00

  搭建 VuePress 博客，你可能会用到的一些插件

  「这是我参与2022首次更文挑战的第8天，活动详情查看：2022首次更文挑战」。

  
• 04.26 14:05:26
  发表了文章 2022-04-26 14:05:26

  VuePress 博客优化之中文锚点跳转问题

  「这是我参与2022首次更文挑战的第7天，活动详情查看：2022首次更文挑战」。

  
• 04.26 13:57:58
  发表了文章 2022-04-26 13:57:58

  有的时候我觉得我不会 Markdown

  「这是我参与2022首次更文挑战的第6天，活动详情查看：2022首次更文挑战」。

  
• 04.26 13:46:34
  发表了文章 2022-04-26 13:46:34

  markdown-it 插件如何写（三）

  「这是我参与2022首次更文挑战的第5天，活动详情查看：2022首次更文挑战」。

  
• 04.26 13:41:28
  发表了文章 2022-04-26 13:41:28

  markdown-it 插件如何写（二）

  「这是我参与2022首次更文挑战的第4天，活动详情查看：2022首次更文挑战」。

  
• 04.26 13:35:21
  发表了文章 2022-04-26 13:35:21

  markdown-it 插件如何写（一）

  「这是我参与2022首次更文挑战的第3天，活动详情查看：2022首次更文挑战」。

  
• 04.26 13:28:20
  发表了文章 2022-04-26 13:28:20

  Markdown-it 原理解析

  「这是我参与2022首次更文挑战的第2天，活动详情查看：2022首次更文挑战」。

  
• 04.26 12:16:10
  发表了文章 2022-04-26 12:16:10

  VuePress 博客优化之拓展 Markdown 语法

  「这是我参与2022首次更文挑战的第1天，活动详情查看：2022首次更文挑战」。

  
• 04.26 12:07:03
  发表了文章 2022-04-26 12:07:03

  从零实现一个 VuePress 插件

  在搭建 VuePress 博客的过程中，也并不是所有的插件都能满足需求，所以本篇我们以实现一个代码复制插件为例，教大家如何从零实现一个 VuePress 插件。

  
• 04.26 11:55:35
  发表了文章 2022-04-26 11:55:35

  VuePress 博客优化之开启 Gzip 压缩

  在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，在 《一篇从购买服务器到部署博客代码的详细教程》中，我们将代码部署到服务器上，最终的效果查看：TypeScript 中文文档。今天我们来学习如何开启服务器的 Gzip 压缩。

  
• 04.26 11:31:29
  发表了文章 2022-04-26 11:31:29

  一篇域名从购买到备案到解析的详细教程

  在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，在 《一篇从购买服务器到部署博客代码的详细教程》中，我们将代码部署到服务器上，最终的效果查看：TypeScript4 中文文档。但是在文章中，我们并没有涉及域名相关的内容，此篇专门写一篇域名的详细教程。

  
• 04.26 11:14:38
  发表了文章 2022-04-26 11:14:38

  VuePress 博客优化之开启 HTTPS

  在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果查看：TypeScript4 中文文档。注意此时，我们的域名还是 ts.yayujs.com，众所周知，开启 HTTPS 有很多好处，比如可以实现数据加密传输等，那我们如何开启 HTTPS 配置呢？

  
• 04.26 10:30:46
  发表了文章 2022-04-26 10:30:46

  VuePress 博客优化之添加数据统计功能

  在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，最终的效果点击查看：TypeScript4 中文文档。今天我们给博客添加数据统计功能。

  
• 04.26 10:19:02
  发表了文章 2022-04-26 10:19:02

  VuePress 博客优化之 last updated 最后更新时间如何设置

  在 《一篇带你用 VuePress + Github Pages 搭建博客》中，我们使用 VuePress 搭建了一个博客，但是浏览最终搭建的站点：TypeScript4 中文文档，我们会发现，在每篇文章的底部，并没有像 VuePress 官方文档那样，出现最后更新的时间。

  
• 04.26 10:05:07
  发表了文章 2022-04-26 10:05:07

  一篇从购买服务器到部署博客代码的详细教程

  我们在 《一篇带你用 VuePress + Github Pages 搭建博客》实现了 VuePress 搭建个人博客，在 《一篇教你代码同步 Github 和 Gitee》和 《Gitee 如何自动部署 Pages？还是用 GitHub Actions!》实现了代码自动同步和部署 Github 和 Gitee，但我最终还是决定自己建站，说干就干，那我们开始吧。

  
• 04.26 09:43:26
  发表了文章 2022-04-26 09:43:26

  一份简单够用的 Nginx Location 配置讲解

  Location 是 Nginx 中一个非常核心的配置，这篇重点讲解一下 Location 的配置问题以及一些注意事项。

  
• 04.25 23:20:59
  发表了文章 2022-04-25 23:20:59

  一份前端够用的 Linux 命令

  在翻译完 TypeScript 官方文档后，我用 VuePress 搭建博客，又实现了 GitHub 和 Gitee Pages 的自动部署，但我最终还是决定自己建站，而在建站的过程中，必不可少会用到 Linux 命令，所以此篇写一份基本够用的 Linux 命令，会涵盖博客搭建系列文章用到的各种命令，方便查询和学习使用。

  
• 04.25 23:11:32
  发表了文章 2022-04-25 23:11:32

  Gitee 如何自动部署 Pages？还是用 GitHub Actions!

  在上篇《一篇教你代码同步 GitHub 和 Gitee》中，我们使用 GitHub Actions 解决了 GitHub 代码自动同步 Gitee 的问题，但我们的博客仓库代码同步到 Gitee 后，并不能像 GitHub 一样自动部署 Pages，如果不使用付费的 Gitee Pages Pro 服务，那我们该怎么实现 Gitee 自动部署 Pages 呢？

  
• 04.25 22:48:28
  发表了文章 2022-04-25 22:48:28

  还不会用 GitHub Actions ？看看这篇

  在上篇《一篇教你代码同步 GitHub 和 Gitee》中，我们使用 GitHub Actions 解决了 GitHub 代码自动同步 Gitee 的问题，这篇我翻译整理了 GitHub Actions 的官方文档，为大家介绍 GitHub Actions 的同时，并讲解上篇同步 Gitee 的 Actions 代码。

  
• 04.25 22:37:25
  发表了文章 2022-04-25 22:37:25

  一篇教你代码同步 Github 和 Gitee

  在上篇《一篇带你用 VuePress + Github Pages 搭建博客》，我们成功的用 VuePress 搭建了博客并部署到 Github Pages，但由于 Github 的访问问题，我们可以选择把仓库部署到 Gitee 一份，利用 Gitee 的 Pages 服务再生成一份静态网站用于备用。

  
• 04.25 22:29:04
  发表了文章 2022-04-25 22:29:04

  一篇带你用 VuePress + Github Pages 搭建博客

  最近完成了 TypeScript 最新官方文档 Hanbook 的翻译，一共十四篇，堪称国内的最好 TypeScript4 入门教程之一。为了方便大家阅读，我用 VuePress + Github Pages 搭建了博客。