学习如何在任何项目中使用 Tailwind CSS，即使不使用流行框架。本文深入探讨 Tailwind CSS 的工作原理，解释如何利用其 CLI 在任何环境中生成 CSS，并涵盖 Tailwind 4.x 的配置、黑暗模式、CSS 层等高级主题。 适合前端开发者和希望提升 CSS 工作效率的任何人。 ...继续阅读 (2)

本文深入探讨了AI在软件开发中的应用现状与挑战，揭示了“70%问题”——即开发者在使用AI工具快速完成大部分工作后，剩余部分变得异常困难。文章分析了AI对不同经验水平开发者的不同影响，提出了“AI初稿”“持续对话”“信任但验证”等有效使用模式，并展望了AI作为“代理性软件工程师”的未来潜力。尽管AI显著加快了开发速度，但软件质量的提升仍需人类的判断和工程纪律。本文为开发者、技术领导者以及对AI在软件开发中应用感兴趣的读者提供了宝贵的见解和建议。 ...继续阅读 (2)

千禧年现在好像都成为网络迷因关键词，在这个停止上升的时代，人们纷纷回忆起以前的美好。千禧年又很容易让人联想到梦核，但今天的主题显然不是梦核带来的那种有点伤感到窒息空气，而是现在回忆起来还有点温暖的，21 世纪初的小城春节 ...继续阅读 (1)

今年最后两个月充满了我迄今为止最难熬的日子。因为虽然做成了一件很重要的事，但是又搞砸了一件很重要的事，细节就不提了，反正就是 30 岁这个年纪在世俗上的“任务”那些事儿。再叠上本来就严重的程序员年龄焦虑，就组成了今年难受的一年。虽然现在跟父母一起住的“中年人”也越来越多了，每个人人生的关键时间... ...继续阅读 (12)

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

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

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

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. ...继续阅读 (18)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

最近用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 迁过去好像还是挺大工程的 ...继续阅读 (91)

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