这是民科，我就拍拍脑袋想的。 突然发现老一辈不擅长表达情绪，常见的是极端的压抑和无节制的发泄。那么现代人呢？ 我觉得是变得更理性，又或者更无上限的癫狂。如果从左到右是压抑到发泄的一条轴，那么现代人比过去就是整体向右移动了。以至于现在“发癫”是一个中性词，是在历史垃圾时间里憋急的年轻人的自我调侃... ...继续阅读 (5)

从前，React 渲染就有一个致命缺陷，在 `setState` 时，**当前组件的整个树**都会运行渲染函数。即使使用了虚拟 DOM，这里面也浪费了相当多的时间。因为有的组件，它依赖的 `props` 没变，甚至它根本不依赖任何 `props`，（默认情况下）依然被重新运行渲染再进行 dif... ...继续阅读 (8)

This article teaches you how to automatically update a Docusaurus-driven documentation repository after releasing an open-source TypeScript library. ...继续阅读 (12)

Este artículo te enseña cómo actualizar automáticamente un repositorio de documentación impulsado por Docusaurus después de lanzar una biblioteca de TypeScript de código abierto. ...继续阅读 (10)

この記事では、オープンソースのTypeScriptライブラリをリリースした後に、Docusaurus駆動のドキュメントリポジトリを自動的に更新する方法を教えます。 ...继续阅读 (8)

! 再看回上次玩黎明杀机，已经是上年 9 月，好像从那之后就停下来了 PS4 也彻底进入封尘状态。后面手游玩得也不少，又忘了是哪个契机，再次弃掉了（虽然客户端还没删，但是上次更新已经是恰奇的版本）。 从借到 SteamDeck 之后我就一直在等打折，瘾莫名就上来了，但不巧我还遇到了史上最长... ...继续阅读 (11)

终于还是到了 9 月 21 日，最后的早餐，十分潦草。但不得不说这个烙饼还真好吃，弹弹的，带有淡淡的甜，如果它不是出现在那里，我猜吃一年都不厌。 ! 吃完就回“宿舍”了，也没什么闲情逸致周围逛，回去收拾收拾东西差不多退房了。还记得那个每天更新的迷你吧吗，今天终于要把它扫荡一空，但是到最后一... ...继续阅读 (17)

登陆 Maafushivaru 之后，已经过去两天。新奇感多少有点淡去，不过享受依然在继续。 9 月 19 日注定又是超长待机的一天，五点半就已经起来日出瑜伽了。来到 SPA 馆门口，一个印度小哥招呼我们上到瑜伽场地，然后我们发现，参加日出瑜伽的就两个人 🤣 到底是谁度假还早起呀！ 这个... ...继续阅读 (107)

时间来到 9 月 18 日的日出时分，马尔代夫时间六点多，中国时间已是九点。我不是很困，醒来了围着房间转了几圈。 那是因为我有一个计划——在这旅行中求婚，而绕房几圈是正在物色布置几件装饰品的位置。在转过几圈之后，掂量了一番，还是觉得，嗯在窗边摆吧。 想好了，便继续躺倒床上，半睡半醒了一小时。 ... ...继续阅读 (34)

Maafushi 是马尔代夫当地语言迪维希语，意为大岛屿。这在当地是十分常见的词汇，所以非常多岛的名字都会带 fushi，例如 Maafushi、Fushivaru、Faarufushi，以及我们的目的地 Maafushivaru。又因为开发商是 OUTRIGGER（奥瑞格马富士瓦鲁）。 在... ...继续阅读 (57)

上回讲到在过渡酒店躺了聊胜于无的 5 小时，终于正式向真正的目的地，一个名为 Maafushivaru 的小岛进发。 捎上招待所的“早餐”之后，先是回到维拉纳机场，找到奥瑞格的员工，办理水上飞机行李寄存，然后就转移到水飞码头了。 2024 年 9 月 17 日真是非常幸运的一天，在去水飞码头路... ...继续阅读 (63)

无论是出于忙、懒、还是整个过程确实有点麻烦的原因，我已经鸽过很多游记了，这次再鸽，我怕是真的要废了。就在被国庆调休到只有一天的周末，我还是决定把这篇游记肝出来。 本次旅行的目的地是马尔代夫，更准确来说是 OUTRIGGER Maldives Maafushivaru Resort。如果不住居民岛... ...继续阅读 (94)

好久没有这么纯粹的打电动的周末，都怪哥们太给力了，借了我这玩意 👇 ! 导致我以一种未曾设想的方式直面天命，毕竟我家垃圾笔记本没显卡，本来没打算能玩到的 😎 ! SteamDeck 初摸手感比较一般，可能是因为机身较重，要在手柄减重，所以这个手柄一摸起来就没有游戏手柄的厚实感，比较... ...继续阅读 (24)

本文介绍了在Vue框架中实现页面缓存逻辑的两种方案。初版方案通过keep-alive和router-view结合使用，以及路由守卫来控制页面缓存，但存在逻辑复杂的问题。新方案简化了逻辑，通过构建目标页面和来源页面的关系，优化了缓存机制，使得代码更加简洁且易于理解。 ...继续阅读 (40)

以下内容涉及剧透，请谨慎观看。 以下内容涉及剧透，请谨慎观看。 以下内容涉及剧透，请谨慎观看。 !最初的召唤 当年看最后的进化有感而发，已经是 2021 年，三年后终于有机会把 DM2 的新电影看了。 其实看数码宝贝02：最初的召唤我是完全没有预期，即使我对《最后的进化》评价很高，但这种... ...继续阅读 (32)

探索字符编码的奥秘：从 ASCII 到 Unicode，了解字符码表的起源与演变。深入学习 Unicode 的编码机制，包括 UTF-8、UTF-16 和 UTF-32，以及它们在现代编程语言中的应用。本文还详细介绍了字体与编码的关系，以及如何处理 Emoji 和 CJK 字符的特殊编码问题。 ...继续阅读 (40)

写出这个标题的时候我觉得很夸张，这首歌发布于 1976 年，居然真的快 50 年了。所谓的这首歌，就是许冠杰的《浪子心声》。 对一个 90 后广东人来说，不管你愿不愿意听，或许都会在各种场合听过这首歌。尤其是我——据说我名字里，甚至借了许冠杰的一个字——自然在小时候听过不少他的歌。但此处必有但是... ...继续阅读 (43)

!sunlit stream The stream flows endlessly, much like the continuous data transmission in computer science. Why is streaming important in computer... ...继续阅读 (55)

!日が差す小川 小川は絶え間なく流れ続け、コンピュータサイエンスにおける連続的なデータ伝送に似ています。 なぜストリーミングがコンピュータサイエンスで重要なのでしょうか？主に2つの理由があります： !ストリームの使用の違い 上の画像は2016 - ウェブストリームの年からのもので... ...继续阅读 (39)

**注意：这是一篇草稿，但是因为 IntelliJ 插件开发参考资料实在太少，就放出来吧，不知道以后还有没有机会完善，怀念写 kotlin 的一周（哈哈）。**需求：看 figma难点与应对方法： 先决条件： 构建脚本 `build.gradl... ...继续阅读 (53)

!阳光溪流what's stream 照片流，工作流，我们的生活中充满了各种流溪流绵延不绝，计算机领域的流也就如这个类比，是连续的数据传输。 为什么计算机领域需要流呢？主要有两点： !是否使用流的区别 上图来源于 2016 - the year of we... ...继续阅读 (44)

这篇文章是关于流（Stream）的深入指南，详细介绍了如何使用浏览器的 Stream API 处理可读、可写和转换流。文章涵盖了核心概念，包括数据块、可读流、可写流、转换流、管道链、回压和分支等。读者能够了解如何创建读取流，以及如何管理和控制流。 ...继续阅读 (94)

在上一节课程中，我们学习了 CSS 和 JavaScript 等页面资源如何影响页面加载速度，并探讨了如何优化这些资源及其传输，以加快页面渲染。现在是深入了解资源加载进阶话题的绝佳时机，这包括使用资源提示（resource hint）帮助浏览器更迅速地完成加载工作。 资源提示能够通过预告浏览器如... ...继续阅读 (72)

史无前例的大更，本博客终于从 Gatsby 出逃到 Astro。迁移过程不算难！得到了更高的 Lighthouse 分数，但是构建时间却意外地边长。最后，跟盖茨比说声再见吧…… ...继续阅读 (82)

最近用docusaurus看到这个语法，甚是喜欢：:::info xxxxxxxxxxxxxx :::于是想这个基础的东西 Gatsby 应该也有吧，找了一圈其实确实有，但是……gatsby-remark-directives用不了，gatsby-remark-admonitions也用不了。估计这些插件之前都是可以用的，但是 5.x 版本跑起来会报错，想自己改改，又不知道该怎么 debug，只能怪自己菜了。好想吐槽，明明用的是remark却硬要套一层gatsby-remark-。粗略看了一下 Astro 的文档，也是用remark，但是可以直接用remark的插件，有点酸。不过上面的语法用不了，做到类似效果的还有这样的语法：>[!Note]>xxxxxxxxxxxxxxxx而且是可以在 GitHub 上正常渲染的，甚至这个语法即使不能正常渲染，也算是比较顺眼的人类可读……先这么写吧……Gatsby 在很久之前升了 5.x 之后，他好像已经很久没有大动作了，更别奢望插件能更新了。隐隐感觉他的生命走到头了？Will you still love me When I'm no longer young and beautiful?答案果然很残酷呀……或许，未来会迁移到 Astro 了……P.S. 虽然 Astro 有很多出色的播客模板，但是要保住 SEO 迁过去好像还是挺大工程的 ...继续阅读 (82)

“关键渲染路径”是指网页在浏览器中开始显示前必须经历的一系列步骤。浏览器要显示网页，不仅需要获取 HTML 文档，还需要所有对显示该文档至关重要的资源。在之前的HTML 性能基础部分，我们已经讨论了如何把 HTML 文档送达浏览器。本部分将深入探讨，浏览器在接收到 HTML 文档之后，为了显示网页它都做了哪些工作。渐进式渲染互联网的分布式特性意味着与先安装后使用的本地应用不同，浏览器无法期待网站自带渲染页面必需的全部资源。因此，浏览器特别设计出能够逐步渲染页面的能力。本地应用分为安装和运行两个阶段，而网页和 Web 应用则将这两个阶段的界线模糊化了。当浏览器获取到渲染某个页面所需的资源后，通常会立即开始渲染。这就引出了一个问题：何时开始渲染才算恰当？如果浏览器在仅获取到一些 HTML 内容而尚未加载任何 CSS 或必要的 JavaScript 时就急于渲染，页面将会暂时出现破碎的外观，并且在最终渲染时会有较大的变化。这种体验，与先展示一个空白屏幕直到浏览器加载到足够的资源进行初次渲染并提供更佳用户体验相比，显然是较为糟糕的选择。另一方面，如果浏览器等待所有资源全部就绪再开始逐步渲染，用户可能需要无谓地等待很长时间；特别是在网页在更早阶段就已足够使用时，这样的等待显得尤为不必要。为了避免展现一个明显有缺陷的页面，浏览器需要确定它至少应该等待哪些必要资源的加载。同时，浏览器也不应该在展 ...继续阅读 (89)

“关键渲染路径”是指网页在浏览器中开始显示前必须经历的一系列步骤。浏览器要显示网页，不仅需要获取 HTML 文档，还需要所有对显示该文档至关重要的资源。 在之前的HTML 性能基础部分，我们已经讨论了如何把 HTML 文档送达浏览器。本部分将深入探讨，浏览器在接收到 HTML 文档之后，为了显示网页它都做了哪些工作。 互联网的分布式特性意味着与先安装后使用的本地应用不同，浏览器无法期待网... ...继续阅读 (82)

在上一讲中，我们探讨了关键渲染路径的一些理论基础，包括渲染阻塞和解析阻塞资源是如何使网页的首次渲染延迟的。现在，既然你对这些理论有了一定的了解，接下来我们将教你一些技巧，用以优化关键渲染路径。在网页加载过程中，会引用 HTML 里的多种资源，这些资源通过 CSS 定义了网页的外观和布局，通过 JavaScript 实现了网页的交互功能。本节课将介绍一些重要的概念，让你了解这些资源是如何影响网页加载时间的。渲染阻塞正如我们在上一个部分讨论的那样，CSS 被认为是一种渲染阻塞资源。这是因为在CSS 对象模型（CSSOM）构建完成之前，它会阻止浏览器显示任何内容。浏览器这样做是为了避免所谓的“未添加样式的内容闪现”（FOUC），这种现象从用户体验角度来看，是我们不愿意看到的。在这个视频中，我们可以短暂地观察到 FOUC 现象，此时页面上没有任何样式。之后，一旦页面的 CSS 文件从网络上完全加载完毕，所有的样式就会被应用上，这样无样式的页面版本就会立刻被有样式的版本取代。通常情况下，我们不太会遇到 FOUC 现象，但理解其背后的原理非常重要，这有助于我们明白为什么浏览器在 CSS 文件下载并应用到页面之前，会暂停页面的渲染过程。虽然渲染过程的暂停并非总是不受欢迎的，但通过优化 CSS 文件，我们应当尽量缩短这一过程的时间。解析器阻塞阻塞解析器的资源能够暂停 HTML 文档的解析过程，比如 ...继续阅读 (98)

最开始我应该是在类似 metadata 的概念中认识到这个词，中文翻译是元数据。这带来的联想自然是 meta = 元，然后我又不知道为什么把这个元理解成本源的意思，于是我也就莫名其妙地把 meta 理解成先于 x，或者 x 之前的意思（html 的 meta 标签也是放头部的，误解 +1），这个理解持续了很久。带 meta 的词还很多，例如 meta-cognition、metaprogramming，甚至……metaphysics。metaphysics（也就是“形而上学”），这词中文就有够不好理解了，一看英文，心想这下被我逮着了，meta + physics，那不就物理本源的意思吗！中二之魂熊熊燃烧了起来！这甚至跟维基的解释“在古希腊时期指研究存在和事物本质的学问”有点相似（然而必须强调这个解释是错的）。直到有一天我真的去查 meta 的意思，我才知道恰好相反，meta 的意思是 xx 之后的意思。那一刻，多少有点世界观崩塌。西方先从外语开始讲，从 Facebook 改名 Meta 之后，这个词存在感是越来越高了吧。Meta (from the Greek μετά, meta, meaning “after” or “beyond”) is an adjective meaning “more comprehensive” or “transcending”.根据维基百科，m ...继续阅读 (85)

最开始我应该是在类似 metadata 的概念中认识到这个词，中文翻译是元数据。这带来的联想自然是 meta = 元，然后我又不知道为什么把这个元理解成本源的意思，于是我也就莫名其妙地把 meta 理解成先于 x，或者 x 之前的意思（html 的 meta 标签也是放头部的，误解 +1），这个理解持续了很久。 带 meta 的词还很多，例如 meta-cognition、metaprogra... ...继续阅读 (83)