Tau's Blog

CSS Scroll Snap

Sun, 31 May 2026 06:32:16 GMT

当我们滚动页面时，滚动可以停在任意位置。但有些场景下这并不理想：轮播图中，我们不希望卡片一半露在视口里、一半藏在外面；落地页中，我们希望用户一屏一屏地浏览。以往实现这种「滚动到指定位置」的效果，通常需要用 JavaScript 监听 sc...

overscroll-behavior 用来控制当滚动到边界之后，滚动链的穿透行...

Tue, 02 Jun 2026 00:23:44 GMT

overscroll-behavior 用来控制当滚动到边界之后，滚动链的穿透行为和回弹效果。一个很典型的场景，我们打开了一个弹窗，在弹窗里面滚动，当滚动到底部时，继续滚动会导致弹窗底部的页面内容发生了滚动，以往情况我们要解决这个问题会使...

当给一个已有 transform 的元素添加关键帧动画时，动画值会直接覆盖原有样...

Mon, 01 Jun 2026 15:04:50 GMT

当给一个已有 transform 的元素添加关键帧动画时，动画值会直接覆盖原有样式，原本设置好的位移、旋转等效果在动画运行期间全部丢失。如果希望动画值能在已有样式的基础上叠加而不是替换，就需要用到 animation-composition...

在 CSS 中，如果想让元素的某些部分呈现不同程度的透明， opacity 是做...

Mon, 01 Jun 2026 10:19:03 GMT

在 CSS 中，如果想让元素的某些部分呈现不同程度的透明， opacity 是做不到的，它只能对整个元素统一设置透明度。 mask 就是为了解决这个问题，它可以根据参考图像的亮度或透明度，给元素的不同区域施加不同的透明效果。 mask 的属...

基于 SVG 无限画板的拖拽和缩放实现

Mon, 23 Sep 2024 14:28:36 GMT

SVG 可以看作是一个无限大小的画布，而 viewBox 属性就是决定将画布中的哪一部分展示出来， viewBox 指定的这个范围称之为视口。 viewBox 通过四个属性来定义视口：左上角坐标 (minX， minY) 视口大小 (wi...

0.47.0

Sun, 31 May 2026 03:52:09 GMT

feat: Electron 版本升级到最近稳定版

当我们想在按钮的四个角实现特殊形状时，比如内凹的圆弧、斜切的直角，会发现 bor...

Sun, 31 May 2026 00:11:27 GMT

当我们想在按钮的四个角实现特殊形状时，比如内凹的圆弧、斜切的直角，会发现 border-radius 只能画出向外凸的圆角。传统做法是用 clip-path 、伪元素或 SVG mask，但这些方案都有个共同问题：它们只是视觉裁剪，不会影响...

0.46.2

Thu, 28 May 2026 06:13:05 GMT

feat: 添加了小组件侧边栏 feat: 点击修改意见时自动滚动并且自动聚焦 feat: AI 生图支持多选参考 feat: 复制微信公众号尾部链接样式优化以及内边距优化 fix: 修复 ask-question 工具调用无限渲染问题 f...

CSS Anchor Positioning

Sat, 30 May 2026 07:54:56 GMT

页面上总有一些元素需要"跟着"另一个元素出现，tooltip 跟着按钮、下拉菜单跟着触发器、弹出卡片跟着列表项。这类需求看起来简单，实现起来却很繁琐。过去我们只能依赖 JavaScript 来完成这件事：先用 getBoundingCli...

不同步的 attribute 和 property

Fri, 29 May 2026 07:24:36 GMT

在前端开发中，你是否遇到过这样的困惑：为什么通过 value 属性设置的值，用 getAttribute 却读不到？ const input = document.querySelector('input'); input.value = ...

页面中经常会遇到需要折叠/展开内容的场景，比如 FAQ 列表、配置面板、长文摘要...

Thu, 28 May 2026 10:47:15 GMT

页面中经常会遇到需要折叠/展开内容的场景，比如 FAQ 列表、配置面板、长文摘要等，过去通常需要借助 JavaScript 来实现这类交互。实际上 HTML 原生提供了 details 元素来解决这个问题，它是一个可折叠的小部件，常配合 s...

、
和是三个含义相近的 HT...

Thu, 28 May 2026 01:21:27 GMT

、

和是三个含义相近的 HTML 标签，从字面意思上看，三者似乎都和图片有关，所以有必要区分一下它们各自的职责和适用场景。是最基础的图片标签，职责很单纯，就是显示一张图片： ...

0.46.1

Thu, 14 May 2026 08:54:28 GMT

feat: 支持音频笔记，音频源支持本地文件，url 地址，小宇宙链接，B 站和 Youtube 视频 feat: 手写风格 PPT 风格优化 feat: 微信读书数据使用 skill 中暴露的官方接口获取 fix: 搜索预热修复 fix:...

突然意识到，AI 带来的高效率就是时间，最近我写需求，正常情况要写三四天，但是老...

Wed, 27 May 2026 13:53:17 GMT

突然意识到，AI 带来的高效率就是时间，最近我写需求，正常情况要写三四天，但是老板愿意给我花 AI 的钱来加快进度，把时间压缩到了一天。这就是钱换时间的写照，企业花钱换到了时间，花钱买时间，这在之前是不可能的，但是 AI 把它变成了现实，一...

URLPattern 使用介绍

Tue, 26 May 2026 14:48:31 GMT

在前端开发中，URL 匹配是一个极其常见的需求。无论是前端路由（React Router、Vue Router）、Service Worker 中的请求拦截，还是服务端框架的路由分发，我们都需要判断一个 URL 是否符合某种模式，并从中提取...

在网页排版中，当我们使用浮动让文字环绕图片或元素时，文字总是沿着一个矩形的边界进...

Mon, 25 May 2026 00:18:11 GMT

在网页排版中，当我们使用浮动让文字环绕图片或元素时，文字总是沿着一个矩形的边界进行排列。即便元素本身是圆形头像或者不规则的图形，周围的文字依然呆板地贴着方方正正的盒子流动。 shape-outside 就是为了解决这个问题而生的，它允许我们...

我们通常用 --foo: value 的方式声明 CSS 自定义属性，这种方式简...

Fri, 22 May 2026 08:11:58 GMT

我们通常用 --foo: value 的方式声明 CSS 自定义属性，这种方式简单直接，但浏览器只会将其视为一段没有类型信息的文本。当我们尝试对这样的变量做动画时，浏览器因为不知道它是颜色、长度还是其他类型，只能在两个值之间做突变，无法产生...

animation-play-state 用于控制 CSS 动画的播放状态，它只...

Fri, 22 May 2026 01:06:10 GMT

animation-play-state 用于控制 CSS 动画的播放状态，它只接受两个值： animation-play-state: running | paused; 其中 running 是默认值，表示动画正常播放； paused ...

当需要在 CSS 中将多张背景图按比例混合叠加，或者实现图片之间的平滑过渡动画时...

Fri, 22 May 2026 00:05:23 GMT

当需要在 CSS 中将多张背景图按比例混合叠加，或者实现图片之间的平滑过渡动画时， cross-fade() 函数可以派上用场。它将两张或多张图像按照指定的透明度比例融合在一起，生成一张新的合成图像，结果是一个类型的值，因...

如今大家对 token 的需求让我想到一个经济学中的概念，产能周期。根据产...

Thu, 21 May 2026 10:29:17 GMT

如今大家对 token 的需求让我想到一个经济学中的概念，产能周期。根据产能周期划分的四个阶段，我认为产能周期目前处在复苏阶段，用户的需求大于产能的供给，所以下一步企业应该会大力的扩大产能，建更多的数据中心以提供更多的算力。之所以产...

日本经济「失去的二十年」乃至三十年，是许多人耳熟能详的故事。但追溯这场长期停滞的...

Thu, 21 May 2026 01:19:38 GMT

日本经济「失去的二十年」乃至三十年，是许多人耳熟能详的故事。但追溯这场长期停滞的源头，往往会指向 1985 年的一纸协议。当年 9 月 22 日，美国、日本、联邦德国、法国和英国（G5）财政部长及央行行长在纽约广场饭店签署了一项国际货币协议...

Web 应用有时需要知道用户是否还在电脑前。在线协作工具想在用户离开时将状态切换...

Wed, 20 May 2026 12:15:44 GMT

Web 应用有时需要知道用户是否还在电脑前。在线协作工具想在用户离开时将状态切换为"离开"，游戏想把长时间不操作的玩家踢出房间释放资源，银行页面想在无人操作时自动锁定以保障安全，前端也希望在用户空闲时减少动画和轮询来降低性能开销，甚至可以配...

srcset 是元素上用于响应式图片加载的属性。目前存在很多种设...

Wed, 20 May 2026 00:23:12 GMT

srcset 是元素上用于响应式图片加载的属性。目前存在很多种设备，PC、移动端，不同设备之间的分辨率和屏幕尺寸也各不相同。如果所有场景都使用同一张图片，可能会造成带宽浪费和加载速度下降，比如在低分辨率设备上加载高清大图，或...

央行要调控宏观经济，核心手段之一就是控制基础货币的投放量。再贷款和再贴现是央行较...

Tue, 19 May 2026 22:53:33 GMT

央行要调控宏观经济，核心手段之一就是控制基础货币的投放量。再贷款和再贴现是央行较早使用的两个货币政策工具，它们的共同点是央行直接向商业银行提供资金，区别在于方式不同。再贷款，顾名思义是"再一次贷款"。普通贷款是商业银行把钱贷给企业或个人，...

标签允许你创建一个模态或者非模态的对话框模态：对话框打开时，...

Tue, 13 Jan 2026 00:32:43 GMT

在页面关闭或跳转时上报数据是前端常见的需求，比如埋点统计、错误日志等。传统的 X...

Tue, 19 May 2026 09:07:21 GMT

在页面关闭或跳转时上报数据是前端常见的需求，比如埋点统计、错误日志等。传统的 XMLHttpRequest 或 fetch 在页面卸载阶段往往来不及发出，或者会阻塞页面跳转，影响用户体验。为了解决这个问题，浏览器提供了 navigator....

在投资中，一个核心问题是：当前经济处于什么阶段，应该配置什么资产？美林证券（现属...

Tue, 19 May 2026 00:00:53 GMT

在投资中，一个核心问题是：当前经济处于什么阶段，应该配置什么资产？美林证券（现属于美国银行）在 2004 年提出了一个经典的资产配置框架来回答这个问题，即美林时钟（Merrill Lynch Investment Clock）。它根据两个宏...

在链式调用 Promise 时，有时会不小心向 .then() 或 .catch...

Mon, 18 May 2026 23:48:55 GMT

在链式调用 Promise 时，有时会不小心向 .then() 或 .catch() 传入一个非函数值（比如 null 、字符串甚至另一个 Promise 对象），这时程序并不会报错，而是出现一种"值穿透"现象：前一个 Promise 的结...

有时候我们希望通过一个自定义按钮来触发浏览器内置的日期选择器、颜色选择器等 UI...

Mon, 18 May 2026 13:57:19 GMT

有时候我们希望通过一个自定义按钮来触发浏览器内置的日期选择器、颜色选择器等 UI，而不是让用户必须点击 input 元素本身。 showPicker 就是为这个场景而生的，它允许通过 JavaScript 直接唤起浏览器原生的选择器面板。 ...

浏览器有三个访问文件系统的 API showOpenFilePicker ：打开...

Sat, 24 Jan 2026 07:59:39 GMT

浏览器有三个访问文件系统的 API showOpenFilePicker ：打开文件选择器，可以选择一个或多个文件 showDirectoryPicker ：打开目录选择器，选择一个文件夹 showSaveFilePicker ：打开保存文...

政府想要刺激经济时，通常会采取扩张性财政政策，比如扩大政府支出或减税。但一个有趣...

Mon, 18 May 2026 01:21:03 GMT

政府想要刺激经济时，通常会采取扩张性财政政策，比如扩大政府支出或减税。但一个有趣的现象是，这些政策在刺激经济的同时，可能反过来抑制了企业投资和个人消费，使得预期的刺激效果被部分甚至完全抵消。这就是挤出效应，形象地说，就是政府把企业和消费者的...

投资时我们常面临一个问题：收益高的产品风险也大，那怎么判断一项投资的「性价比」？...

Mon, 18 May 2026 00:47:29 GMT

投资时我们常面临一个问题：收益高的产品风险也大，那怎么判断一项投资的「性价比」？夏普比率就是用来回答这个问题的，它衡量的是每多承担一份风险，能换来多少额外收益。它的计算方式如下：其中：表示无风险利率，比如国债的收益率表示预期的投资收...

经济发展为什么总是呈现出繁荣与萧条的交替？短期来看有库存周期、产能周期这...

Fri, 08 May 2026 08:24:42 GMT

经济发展为什么总是呈现出繁荣与萧条的交替？短期来看有库存周期、产能周期这类解释，但如果把时间尺度拉到半个世纪，是否也存在某种规律？20 世纪 20 年代，苏联经济学家康德拉季耶夫通过对英、法、美等国近百年的物价、利率、工资和对外贸易...

如果说库存周期是企业的短期呼吸，那产能周期就是企业的长期心跳。在宏观经济学中...

Sun, 17 May 2026 10:41:12 GMT

如果说库存周期是企业的短期呼吸，那产能周期就是企业的长期心跳。在宏观经济学中，产能周期通常被称为朱格拉周期，是一个持续约 7~11 年的中长周期。它的核心逻辑和库存周期一脉相承：供给对需求的响应存在时间差，只不过波动的对象从库存变成了...

我们常说经济有周期，其中有一个和日常商业活动最贴近的短周期，叫库存周期，也被称为...

Sun, 17 May 2026 09:59:09 GMT

我们常说经济有周期，其中有一个和日常商业活动最贴近的短周期，叫库存周期，也被称为基钦周期。它的核心逻辑很简单：供给与需求之间存在时间差，这个时间差导致库存不断波动，形成周期。举个例子，假设你在卖一个商品，有一天突然爆火了，而你没有足够多的...

当一个新兴大国崛起，必然会对现有霸权国家的地位构成挑战，双方之间是否注定走向冲突...

Sun, 17 May 2026 05:28:16 GMT

当一个新兴大国崛起，必然会对现有霸权国家的地位构成挑战，双方之间是否注定走向冲突甚至战争？2012年，哈佛大学政治学者格雷厄姆·艾利森（Graham Allison）将这一结构性困境命名为「修昔底德陷阱」。该术语源自古希腊历史学家修昔底德...

在日常经济活动中，当我们签署具有法律效力的特定合同（买卖合同、借款合同、股权转让...

Sun, 17 May 2026 03:59:43 GMT

在日常经济活动中，当我们签署具有法律效力的特定合同（买卖合同、借款合同、股权转让合同等）时，需要缴纳一种税，叫做印花税。这个名字来源于历史上的缴纳方式。过去纳税人交税后，会收到一张类似邮票的「印花税票」，纳税人把税票贴在合同或凭证上，画线...

人类经过了几千年的发展，为什么始终维持在刚好吃饱的水平？技术带来的生产效率提升和...

Sun, 17 May 2026 03:33:02 GMT

人类经过了几千年的发展，为什么始终维持在刚好吃饱的水平？技术带来的生产效率提升和粮食增加，似乎总是被人口增长给消耗掉。英国经济学家、人口学家托马斯·马尔萨斯在 1798 年的《人口论》中提出了这个政治经济学概念，他将人类生活水平长期停滞 ...

当我们面对资源分配的问题时，第一反应往往是争抢，但经济学告诉我们，在动手抢之前，...

Sun, 17 May 2026 03:11:57 GMT

当我们面对资源分配的问题时，第一反应往往是争抢，但经济学告诉我们，在动手抢之前，先看看有没有把蛋糕做大的空间。这就是「帕累托改进」的核心思想：在不损害任何人利益的前提下，让至少一个人的状况变得更好。它提醒我们遇到问题时别急着你死我活，而...

二分搜索树

Sat, 02 Dec 2023 12:20:37 GMT

什么是树结构当你把上面的图倒过来看，就像是一棵树，所以我们把这种结构称为是树结构。那为什么要使用树结构，因为树结构在生活中很常见，如文件夹的组织方式，又或者如公司职能的组织方式，这些都是树结构的例子。为什么会使用树结构呢？原因就是因为高效...

你有没有过这样的经历：在电商平台看到一件商品，旁边划掉的原价让你觉得当前售价特别...

Sun, 17 May 2026 01:48:42 GMT

你有没有过这样的经历：在电商平台看到一件商品，旁边划掉的原价让你觉得当前售价特别划算，甚至有种「赚到了」的感觉？这背后其实是一种被广泛研究的认知偏差在起作用，叫做锚定效应。锚定效应是行为经济学中的一个核心概念，由心理学家丹尼尔·卡尼曼（D...

你有没有过这样的经历：一件闲置物品，放在家里觉得挺值钱的，但如果让你去买同样的东...

Sun, 17 May 2026 01:05:39 GMT

你有没有过这样的经历：一件闲置物品，放在家里觉得挺值钱的，但如果让你去买同样的东西，你可能根本不愿意花那个价钱。这种「拥有即高估」的心理倾向，就是禀赋效应。人们一旦拥有一件物品，对该物品的评价会远高于未拥有时的评价。通俗地说，就是敝帚自珍。...

生活中我们常常会陷入一种困境：明明知道继续下去不划算，却因为「已经付出了这么多」...

Sat, 16 May 2026 23:21:52 GMT

生活中我们常常会陷入一种困境：明明知道继续下去不划算，却因为「已经付出了这么多」而不愿放手。这背后的心理陷阱，就是沉没成本。沉没成本是已经发生，且当下无论做什么都无法挽回的投入，这种投入不仅仅包含金钱，还包括时间、精力和感情等。举个例子，...

经济学有一条基本定律：价格升高，需求降低，二者反向变动。但有一类特殊的商品恰恰相...

Sat, 16 May 2026 11:15:43 GMT

经济学有一条基本定律：价格升高，需求降低，二者反向变动。但有一类特殊的商品恰恰相反，价格越涨，人们买得越多。这类商品被称为吉芬商品，以 19 世纪英国经济学家罗伯特·吉芬的名字命名。最经典的案例发生在 19 世纪的爱尔兰。当地农民非常贫困...

在经济学中，「价格越高，需求越低」是一条基本规律。但现实中存在一种反常现象：某些...

Sat, 16 May 2026 10:57:31 GMT

在经济学中，「价格越高，需求越低」是一条基本规律。但现实中存在一种反常现象：某些商品价格越高，买的人反而越多。美国经济学家托尔斯坦·凡勃伦在其著作《有闲阶级论》中描述了这一现象。随着工业革命的发展，出现了一批迅速暴富的有闲阶级，他们需要通...

想了解一家企业甚至一个国家的财务健康状况，最直接的方式就是看它的资产负债表。资产...

Mon, 11 May 2026 06:53:47 GMT

想了解一家企业甚至一个国家的财务健康状况，最直接的方式就是看它的资产负债表。资产负债表是反映某一特定时刻拥有多少资源、欠下多少债务、以及所有者净资产有多少的财务报表。资产负债表包含三个部分：资产：拥有的、能带来经济利益的资源。企业的资产...

很多人在做决策时只看到了显性的支出，比如房租、水电、材料费，却忽略了一个隐藏的代...

Sat, 16 May 2026 10:47:04 GMT

很多人在做决策时只看到了显性的支出，比如房租、水电、材料费，却忽略了一个隐藏的代价。经济学中把这个隐藏的代价叫做机会成本，它指的是当你面对多个选择时，选了其中一个，所放弃的其他选择中最优的那个能带来的收益。举个例子，假设你开了一家奶茶店，...

「由俭入奢易，由奢入俭难」，生活中我们常常发现，一旦习惯了某种生活水平，就很难再...

Sat, 16 May 2026 08:53:59 GMT

「由俭入奢易，由奢入俭难」，生活中我们常常发现，一旦习惯了某种生活水平，就很难再退回去。这种现象在经济学中有一个精确的类比：棘轮效应。棘轮是机械工程中的一种齿轮，它的特点是只能单向转动，无法反向倒转。因此，棘轮效应被用来比喻习惯或趋势一旦...

经济下行的时候，我们总能看到政府大搞基建：修高铁、建机场、扩公路。为什么经济越差...

Sat, 16 May 2026 08:08:19 GMT

经济下行的时候，我们总能看到政府大搞基建：修高铁、建机场、扩公路。为什么经济越差，政府反而越要花钱？这背后的理论支撑就是乘数效应，凯恩斯主义中的一个核心概念。它的逻辑建立在一个朴素的事实上：一个人的支出就是另一个人的收入。假设政府投资了 ...

当一个企业或个人还不起钱的时候，债权人和债务人坐下来重新商量怎么还钱，这个过程就...

Fri, 15 May 2026 04:17:46 GMT

当一个企业或个人还不起钱的时候，债权人和债务人坐下来重新商量怎么还钱，这个过程就是债务重组。核心目的是避免直接走向破产清算，让双方都能少亏一点。为什么双方都愿意坐下来谈？对债务人（欠钱的人）来说，不重组可能直接倒闭，重组后可以获得缓冲时间...

企业在发行新股（IPO 或增发）时，通常不具备独立完成销售的能力：不懂如何定价、...

Fri, 15 May 2026 01:11:06 GMT

企业在发行新股（IPO 或增发）时，通常不具备独立完成销售的能力：不懂如何定价、没有面向投资者的销售渠道、也缺乏证券发行的专业经验。因此需要聘请投资银行或证券公司，由其将股票销售给广大投资者，这个过程就是股票承销。承销根据风险承担方式的不...

在经济运行中，供给和需求往往难以天然匹配，市场上总会出现商品积压卖不出去，或者需...

Fri, 15 May 2026 00:30:35 GMT

在经济运行中，供给和需求往往难以天然匹配，市场上总会出现商品积压卖不出去，或者需求旺盛却供不应求的情况。出清（Market Clearing）描述的正是市场消化这种失衡、最终重新达到均衡的过程。当某一价格水平下，买方愿意购买的数量恰好等于卖...

0.46.0

Thu, 14 May 2026 00:32:04 GMT

feat: Markdown 编辑器支持 terminal feat: Markdown 编辑器侧边支持更多文件类型，支持更多文件类型预览 feat: 插入图片、音视频 UI 优化 fix: Markdown 编辑器右上角置顶气泡出现导致不...

0.45.2

Thu, 14 May 2026 00:29:41 GMT

feat: 文章列表添加右键菜单 feat: 文章卡片去掉右侧打开菜单项 feat: vibe learning 支持生成报告，支持 18 种模板 fix: 图册设置弹窗超出窗口范围，支持粘贴图片

0.45.1

Tue, 12 May 2026 08:44:17 GMT

feat: cli 添加「任务列表」、「问题管理」功能 feat: 优化 PPT 生成模板 feat: 添加新粗野主义 PPT 模板 feat: 项目、知识库和白板新增按钮样式优化，以及打开的弹窗样式优化

0.45.0

Tue, 05 May 2026 03:38:33 GMT

feat: 支持命令行访问数据 tau --help tau card list tau db status tau tui feat: 对话管理弹窗 UI 优化 fix: Claude 缓存修复 fix: 数据索引失败修复

一家公司要运转起来，首先得有本钱。资本金就是创始人和股东在设立公司时掏出来的钱，...

Mon, 11 May 2026 14:02:25 GMT

一家公司要运转起来，首先得有本钱。资本金就是创始人和股东在设立公司时掏出来的钱，是公司最初的家底。资本金的大小决定了一家公司能承受多大的亏损，它是承担风险的第一道防线。在有限责任公司中，股东的个人财产和公司是分开的，如果经营亏损超出了资本...

在布雷顿森林体系下，美元与黄金挂钩（35美元兑1盎司黄金），各国货币再与美元挂钩...

Mon, 11 May 2026 01:22:17 GMT

在布雷顿森林体系下，美元与黄金挂钩（35美元兑1盎司黄金），各国货币再与美元挂钩，美元由此成为国际储备货币。然而美国经济学家罗伯特·特里芬早在1960年就指出，这套体系内含一个不可调和的矛盾：当一国主权货币同时充当国际储备货币时，该国的国内...

在一个猪圈里，有一头大猪和一头小猪。猪圈的一端装了一个按钮，按下后，另一端的食槽...

Thu, 07 May 2026 13:33:15 GMT

在一个猪圈里，有一头大猪和一头小猪。猪圈的一端装了一个按钮，按下后，另一端的食槽会掉下固定量的食物。但按按钮需要消耗体力，而且按完还得跑过去抢食。大猪体力好、跑得快、吃得快，小猪则相反。那么问题来了：谁会去按这个按钮？答案是大猪。原因在...

博弈论中有一个经典问题：草原上有 N 只狮子和一头羊，每只狮子都极度理性，它们的...

Thu, 07 May 2026 07:30:35 GMT

博弈论中有一个经典问题：草原上有 N 只狮子和一头羊，每只狮子都极度理性，它们的偏好排序是"吃饱 > 饿着 > 被吃"。关键设定是，狮子吃完羊后需要消化，这段时间会进入虚弱状态，可以被其它狮子吃掉。那么，会不会有狮子敢去吃羊？要分析这个问...

overrides 和 resolutions 的对比。其二者的功能是一样的，...

Wed, 08 Apr 2026 03:01:05 GMT

overrides 和 resolutions 的对比。其二者的功能是一样的，都是用来解决间接依赖版本控制的问题。考虑这么一个场景，当你的直接依赖 A 引入了有 bug 或安全漏洞的间接依赖 B，而你是没有办法去修改 B 的版本的，要么只...

外部性是指，某项活动的参与者对未参与该活动的第三方产生了影响，这种影响可以是正面...

Wed, 06 May 2026 10:59:02 GMT

外部性是指，某项活动的参与者对未参与该活动的第三方产生了影响，这种影响可以是正面的，也可以是负面的。正外部性，是指某项活动在带来私人收益的同时，也对外部社会产生了积极影响。上大学看似只是个人的事，但一个社会中受高等教育的人越多，高技术人才...

在赌场里，筹码按颜色区分价值，蓝色筹码往往代表最高面值。这一意象后来被引入了金融...

Wed, 06 May 2026 10:42:38 GMT

在赌场里，筹码按颜色区分价值，蓝色筹码往往代表最高面值。这一意象后来被引入了金融市场，用来形容那些历史悠久、规模庞大、盈利稳定且信誉卓著的上市公司，它们通常穿越了多个经济周期依然屹立，被投资者视为相对安全的长期持仓选择，这便是"蓝筹股"的由...

0.44.2

Sat, 02 May 2026 06:15:57 GMT

feat: 创建任务弹窗和任务详情弹窗 UI 样式优化 feat: 发布支持上传 favicon feat: Tabs 标签组件 UI 和交互优化 fix: blog 目录只处理了 1, 2, 3 三级标题 fix: blog 项目和知识库...

标签页

Sat, 02 May 2026 05:48:06 GMT

有的时候需要在文档里面表达一些并列的替代方案，比如不同编程语言的示例，不用操作系统的安装步骤，我们提供 Tabs 容器来实现这个目标 npm install axios

日历

Sun, 28 Dec 2025 09:52:20 GMT

可以创建多个日历，进行规划或者进行记录，包含日、周、月和时间轴四种视图番茄钟和任务列表中的包含时间相关的事项（截止任务、计划任务和周期任务）会自动同步到日历中。

任务待办

Sun, 28 Dec 2025 09:51:58 GMT

除了普通的待办外，还支持三种和时间相关的待办：截止任务，设定一个截止日期，需要在截止日期之前完成计划任务，打算在某一时间段完成一件任务周期任务，以某个周期产生一个任务在创建任务时，点击输入框前面的图标可以切换任务类型

番茄专注

Sun, 28 Dec 2025 09:56:48 GMT

支持创建番茄钟来帮助保持专注番茄钟有两种模式，一种是倒计时，比如 25 分钟，时间到了番茄钟计时结束，进入休息。另一种是正计时，只负责记录时间，需要手动结束。我觉得倒计时很容易打断心流，因为做的事情不可能正好就结束了，所以我更喜欢正计时...

聊天管理

Thu, 01 Jan 2026 09:40:40 GMT

配置在侧边栏有一个与 AI 模型进行聊天的快捷入口，聊天服务需要在大语言模型中进行配置每次对话完成后，软件会尝试使用配置的标题总结模型来自动生成标题，如果需要此项服务，也需要在大语言模型中进行配置对话输入框和我们的富文本编辑器输入框一...

内置工具与 MCP

Sun, 28 Dec 2025 09:58:20 GMT

如果模型只能和我们聊天，不能操作我们的数据，那么就没办法进行提效，因此软件提供了大量的内置工具，点击侧边栏聊天下方的 MCP 管理中心就可以看到提供的内置工具这些内置工具基本包括了对卡片、文章、知识库、项目文档的内容的查询，以及这些文档的...

数据库

Thu, 01 Jan 2026 10:29:27 GMT

这里的数据库是类似于 Notion 的数据库，就是一份数据源，然后有不同的渲染形式。这个数据库解决不是知识管理的问题，没有自动化关联数据联动更新这样的功能，纯粹是有一些结构化的数据需要统计管理，比如看过的书，读后感关联，而简单的表格无法承...

问题管理

Sun, 28 Dec 2025 09:49:06 GMT

很多时候我读了一些书，看了一些视频，但是却没有输出任何东西，会让人特别焦虑，但是在读书的时候，如果按照书里面的思路做笔记，却发现我自己被限制住了，我的写作风格是要把一件事情写明白（这也是为什么我的卡片有时候会写的和文章一样长），而如果记录读...

Markdown 文件编辑器

Thu, 01 Jan 2026 09:39:12 GMT

基于当前编辑器所见即所得的富文本编辑能力，以及和 Markdown 文件之间的无损转换，支持直接打开已有的 Markdown 文件进行编辑和阅读，编辑体验上对齐 Typora。因为编辑的是一个文件，相比于软件内的富文本编辑有一些不同之处：...

知识库

Sun, 28 Dec 2025 09:48:59 GMT

我把知识库定位为系统化的知识输出工具。当你系统学习了某个领域，积累了一些散落的笔记，就可以创建一个知识库，按照「如果要写一本书，我会怎么组织内容」的思路去整理知识。一旦能形成一个体系完整的知识库，基本可以说在这个领域已经比较拔尖了。这个定...

项目

Sun, 28 Dec 2025 09:48:54 GMT

项目这一概念来自《打造第二大脑》，核心思路是把当前正在进行的事情作为项目，主动广泛地搜集资料。我引入这个概念，是因为在实践卡片笔记写作法的过程中，我发现这种方法过于被动，需要等待卡片自然而然地连接、形成主题，这个过程太慢了，而且是不连贯的。...

文章

Sun, 28 Dec 2025 09:48:49 GMT

写作是检验你是否真正弄懂了一件事情的验金石，如果你没有搞懂，你是绝对写不出来的，但这不代表说我不懂就不写了，我觉得写作不仅仅是检验的手段，它还是一种十分高效的学习手段，在写作的过程中，你需要去组织语言，需要回忆知识点，这个过程中你的大脑在高...

人类历史上所有的危机，本质上都是分配的危机

Sun, 26 Apr 2026 14:02:09 GMT

今天看到新闻，美国的联邦债务总额已超过 39 万亿美元，占 GDP 的比重约为 122% 至 125%。我不禁在想，为什么美国可以借这么多钱？它到底要怎么还？为了搞明白这个问题，首先要回答一个更基础的问题：钱到底是什么？它从哪里来，又为什...

TypeScript之类型守卫

Thu, 04 Jul 2024 03:21:15 GMT

一个值可能同时具有多种可能的类型，在断言为具体的类型之前只能使用公共的属性和方法 const strOrNum: string | number = "a"; // ❎ strOrNum.toLowerCase(); // ✅ (strOr...

TypeScript 入门指南

Sat, 30 May 2020 10:20:00 GMT

介绍 TypeScript 是什么 TypeScript 是什么? 引用官方的定义 TypeScript is a typed superset of JavaScript that compiles to plain JavaScript...

小球会停下来吗

Sun, 30 Aug 2020 00:00:00 GMT

在高中的时候我有这么一个思考，灵感源于一道物理题目一个小球从高度为 h 的地方下落，落在地面上接着弹起，但是由于与地面碰撞造成能量损失，使得每次弹起的高度只有之前高度的 1/4 。这道题目看起来是没有什么问题，当时我的想法是每次球的高度...

白板

Sun, 28 Dec 2025 09:37:38 GMT

支持一个无限大可拖拽可缩放的白板。

SKILL 管理

Sun, 28 Dec 2025 09:58:30 GMT

所谓 SKILL 就是技能包，比如你对做一件事情有自己的工作流或者有特殊要求，但是 AI 不知道，那么就可以形成自己的技能包，把这个技能教给 AI，可以自动化的完成这件事情。首先在 SKILL 管理页面点击侧边栏右上角的 + 添加技能包 ...

播客生成

Sun, 28 Dec 2025 09:58:46 GMT

支持根据内容自动生成多人播客，需要提前配置两个设置：生成播客脚本的 AI 模型配置 TTS，将文字转化为语音目前仅接入了 Minimax 语音生成，需要在集成中配置 Minimax 的 API key 然后在「文字转语音」Tab 选择...

闪卡

Sat, 02 May 2026 10:13:24 GMT

学习分为学和习，古人讲学而时习之，除了学之外我们还要经常复习，这样才能反复且持续的激活神经元，只有激活了正确的神经元，那才是有效的学习。而闪卡就是一个非常有效的复习手段，它的正面印着问题，反面印着答案，我们需要在不看答案的前提下去主动回忆...

视频笔记

Sat, 02 May 2026 08:03:00 GMT

界面说明在项目中，我们支持添加一条视频笔记，支持的视频来源有本地视频网络视频 bilibili 视频 youtube 视频 notion 视频添加视频后，我们会进入到视频笔记特定的 UI 大致分为三个区域：左上角是视频，无论来...

微信读书

Sun, 28 Dec 2025 09:56:24 GMT

软件支持同步微信读书中的书架书籍详情，以及读书划线和笔记，这个功能主要的目的是可以搜集在微信读书上零散的读书想法和笔记，然后统一在软件中整体为卡片，也可以做一些统计，追踪自己的读书进度。点击书名列右侧的按钮，就可以看到这本书所有的划线和笔...

Vibe Learning

Sat, 02 May 2026 08:03:10 GMT

这个功能的灵感来自于 NotebookLM，这个应用支持用户上传资料，然后通过和 AI 聊天来学习资料，并且还可以生成 PPT，视频，测验来帮助用户来进一步的理解内容，学习效率很高，于是我也尝试在本地复现了这个功能，因为这种学习方式和 Vi...

搜索

Thu, 01 Jan 2026 04:17:22 GMT

支持两种搜索模式：全文搜索和 AI 搜索。可点击右上角的搜索按钮或者通过 Ctrl/Command + K 打开搜索面板，目前的搜索范围包括「卡片、文章、项目文档、知识库文档和日记」，在进行搜索会同时使用两种搜索。全文搜索默认启用，并且...

Typst

Sun, 28 Dec 2025 09:42:25 GMT

支持 typst 来绘制图 #import "@preview/cetz:0.4.2" #show math.equation: block.with(fill: white, inset: 1pt) #html.frame(cetz.ca...

编辑器

Sun, 28 Dec 2025 09:36:46 GMT

提供了所见即所得的编辑能力，支持 Markdown 语法所见即所得的编辑体验标准 Markdown 语法支持块编辑器，支持任意块层级嵌套支持跨任意层级拖拽丰富的高级块能力支持自定义 React 组件渲染 Tikz，Typst，M...

Tikz

Sun, 28 Dec 2025 09:42:54 GMT

支持使用 tikz 来绘图，如下是使用示例 \begin{document} \begin{tikzpicture}[domain=0:4] \draw[very thin,color=gray] (-0.1,-1.1) grid (3.9...

音乐标注

Sat, 02 May 2026 05:43:50 GMT

支持通过 abc.js 来进行音乐标注，具体语法参考 Abc Music Notation 。

Callout 块

Sat, 02 May 2026 05:49:46 GMT

Callout 块和高亮块非常的类似，都是以特定的样式块来表达某部分内容的与众不同，我们提供了五种不同含义的 Callout 块可以看到 Callout 块有自己的语义，相比于高亮块，它还存在一个可以自定义的标题。

详情块

Sat, 02 May 2026 05:47:54 GMT

在有的场景下我们需要对于一些信息进行隐藏，不论是为了整洁，还是为了进行练习，我们支持详情块来达到这个目的珠穆朗玛峰

高亮块

Sat, 02 May 2026 05:45:47 GMT

软件支持一些高亮块容器，通过特殊的样式对内容进行高亮说明，支持六种高亮通过可以通过点击容器左侧的拖拽把手来修改高亮块的颜色

引用

Sat, 02 May 2026 09:20:49 GMT

在文章有时候需要引用一些别人说的话，这个通过引用块来表示。引用块可以通过 Markdown 语法，即 > + 空格来创建，也支持通过 slash 面板创建，样式如下：人生天地间，忽如远行客。

Slash 面板

Thu, 01 Jan 2026 10:44:10 GMT

大部分块的创建都可以通过 / 呼起 Slash 面板进行选择创建使用技巧：输入 / 之后可以继续输入关键字进行搜索可通过上下方向键进行浏览，按下回车确定，按下 Esc 隐藏面板对于包含二级菜单的元素，可以使用左右方向键展开或收起二级...

模型设置

Sat, 02 May 2026 04:04:34 GMT

为了使用软件提供的 AI 功能，需要现在设置中配置使用的 AI 模型在「大语言模型」Tab 下添加配置接着在该配置下添加模型在模型配置中存在一些选项：特性，表示模型支持的能力，比如是否支持思考，是否支持上传图片、音视频和文件消息格...

图片与图册

Sat, 02 May 2026 05:46:27 GMT

图片在上传图片之前，强烈建议打开设置中压缩图片的开关，可以减小 90% 的图片体积大小而不影响视觉效果我们支持多种上传图片的方式，包括： AI 生成支持通过 GPT Image 2 来生成和编辑图片，需要在设置的「图片生成」Tab 下...

Mermaid

Wed, 25 Feb 2026 15:04:13 GMT

Mermaid 是一种文本绘图语法，支持通过其自定义语法来进行图表表达，包括：流程图序列图甘特图状态机时间轴 ... 具体可以参考官网。可以使用 beautiful-mermaid 对默认渲染的图表进行了优化：样式美化渲...

文档演示

Thu, 01 Jan 2026 09:57:25 GMT

所有的文档都支持演示模式，演示模式会将字体放大，所有的布局也会等比放大默认情况下只会有一页幻灯片，我们会通过分隔线来对文档进行拆分，对于需要拆分为多个幻灯片的场景，可以通过手动插入分隔线进行拆分。例如对于下面的场景，在演示模式下会被拆为两...

同步

Sun, 28 Dec 2025 09:58:56 GMT

本软件提供了强大的数据同步功能，支持将你的笔记数据库和资源文件同步到云端，实现多设备数据共享和备份。支持以下云存储服务：阿里云 OSS S3 兼容存储（如 AWS S3、MinIO 等） WebDAV（如坚果云、Nextcloud 等） ...

资源存储

Thu, 01 Jan 2026 10:19:02 GMT

你粘贴或者上传的图片、音视频等资源放在哪里，分为两类：本地对于放在本地的资源会放在 ~/.editor/resources 这个目录下如果打开的本地的 Markdown 文件，上传的文件会放在该文件所在的同级目录下，通过相对路径引用文...

卡片

Sun, 28 Dec 2025 09:48:43 GMT

理念最初的理念来自于《笔记卡片写作法》这本书，这本书讲的是如何构建卡片盒来帮助你写作，其中关于如何使用卡片盒这种工具去构建你的知识体系让人备受启发，相比于我们常见的自上而下的组织内容，卡片盒是一种自下而上的组织形式，通过卡片之间的关联，自...

为什么会写一个笔记软件

Sun, 14 Dec 2025 15:35:48 GMT

我是一个非常喜欢记笔记的人，最开始记笔记可能是为了缓解焦虑，给我带来安全感，特别是在上完一节课之后什么都没记住，如果连笔记都没有就更让人焦虑，感觉这节课就白上了，白白浪费了时间。在这个时期，我记笔记的方式在纸质笔记本上手写，要么是课堂笔记，...

导出

Thu, 01 Jan 2026 09:38:17 GMT

所有的内容都支持四种格式的导出： Markdown 因为我们支持的样式超出了 Markdown 表达的范围，比如渐变色，Magic Move 的代码块，为了能导入我们导出的 Markdown，本软件对这些标准 Markdown 不支持的样式...

HTML

Sat, 02 May 2026 05:47:15 GMT

可以在文档中直接插入 HTML 代码块来自定义样式，支持两种：行内不单独占据一行，比如通过 span 标签来自定义某些文字，比如字体大小和颜色

0.3.5

Sat, 02 May 2026 02:28:54 GMT

feat: 图册支持多列模式

0.3.4

Sat, 02 May 2026 02:27:37 GMT

feat: 图册支持轮播模式

0.3.3

Sat, 02 May 2026 02:26:25 GMT

feat: 支持图册

0.3.1

Sat, 02 May 2026 02:22:56 GMT

feat: 支持多列布局这是第一列 const a = 1 这是第二列 fix: 表格输入修复 fix: 侧边栏无法调整宽度 fix: 删除自动更新

0.3.2

Sat, 02 May 2026 02:24:02 GMT

feat: 支持高亮块

0.3.0

Sat, 02 May 2026 02:23:34 GMT

fix: workflow 脚本修改

工具调用、MCP、Skill……这些 AI 术语到底在说什么？

Fri, 01 May 2026 09:32:25 GMT

随着 AI Agent 的快速发展，特别是像 OpenClaw 这样应用的大爆发，许多原本只在开发者圈子里流通的 AI 概念开始涌向普通用户：工具调用、MCP、Skill……用户接收了一堆术语轰炸，却不知道这些东西到底解决了什么问题，它们又...

在早期，由于用户量和流量较少，一台计算机也可以满足服务，然而时至今日，互联网用户...

Sat, 19 Jul 2025 09:01:14 GMT

在早期，由于用户量和流量较少，一台计算机也可以满足服务，然而时至今日，互联网用户的数量已不可同日而语，无论是出于高可用还是高性能的目的，企业都需要通过横向扩展机器来扩展服务能力，期望用户不论访问哪一台机器，都可以得到同样的服务，并且这件事情...

看到波波老师之前公众号的一篇文章《如果高效学习有什么秘诀的话，那就都在这里了：...

Thu, 05 Mar 2026 15:33:34 GMT

看到波波老师之前公众号的一篇文章《如果高效学习有什么秘诀的话，那就都在这里了：）》，之前肯定读过一次，不过这次读来也引发了一些新的思考，果然好文章就是这样，总是会去引发人的思考。不要完美主义我现在写卡片还是有点完美主义，卡片之间重要...

破窗效应是犯罪心理学上一个著名的理论：如果对环境中的一个小问题不及时修复，这个小...

Wed, 31 Dec 2025 01:06:50 GMT

破窗效应是犯罪心理学上一个著名的理论：如果对环境中的一个小问题不及时修复，这个小问题就会暗示此处环境没人管，从而造成更大的混乱。在 1982 年三月的《大西洋周刊》上，犯罪心理学家詹姆斯·Q·威尔逊及乔治·凯林发表了一片《Broken W...

想象你在一个滑梯的顶端，一旦你做了一个小小的让步或尝试（向前迈了一小步），由于重...

Tue, 30 Dec 2025 01:09:03 GMT

想象你在一个滑梯的顶端，一旦你做了一个小小的让步或尝试（向前迈了一小步），由于重力作用，你会不由自主的沿着滑梯向下滑。滑梯效应就是你从一个小的让步开始：吃一口零食没事的今天少做一道题也没关系截止日期还早，先打会儿游戏吧然后引发了一...

学习的本质

Mon, 23 Mar 2026 08:53:42 GMT

学习和大脑的关系我们都知道学习是在大脑中进行的，但并不知道学习对大脑究竟有什么影响，更不知道学习时大脑发生了哪些变化，以及这些变化是如何发生的。具体地说，要学习，人们必须改变自己的大脑，更具体地说，是必须改变大脑的神经连接。 ...

Content-Disposition 字面意思是"内容的处置方式"，它的语义是...

Wed, 01 Apr 2026 12:51:15 GMT

Content-Disposition 字面意思是"内容的处置方式"，它的语义是：告诉接收方应该如何对待这段内容。它本质上是一个元数据头，不描述内容，而是描述内容的用途和归属。它描述的信息取决于作为响应头还是请求头：响应头：描述接...

JavaScript 中 instanceof 操作符的内部原理就是检查改对象的...

Wed, 25 Feb 2026 14:41:13 GMT

JavaScript 中 instanceof 操作符的内部原理就是检查改对象的构造函数的 prototype 是否在改对象的原型链上 ┌─────────────────┐ │ 对象 (object) │ │ ┌───────────┐ ...

HTTP 缓存

Sat, 07 Dec 2024 14:01:19 GMT

什么是拷贝？对一个变量进行拷贝是指将其表示的数据复制到另一个变量中，大部分情况下的目的是为了避免直接修改原始数据，以便后续进行多种不同的处理或对比。最简单的拷贝行为，直接将一个变量赋值给另一个变量 let a = 1; let b = a...

Web Locks API

Sat, 11 Apr 2026 00:57:49 GMT

当用户同时打开多个标签页，或者页面与 Service Worker 并行运行时，它们很可能同时读写同一份共享资源，比如 IndexedDB 中的数据、通过 BroadcastChannel 传递的状态，甚至是一次只允许发起一个的网络请求。如...

背景：在 Electron 应用中需要实现全文搜索功能，技术方案是通过 sqli...

Sun, 16 Mar 2025 03:15:50 GMT

背景：在 Electron 应用中需要实现全文搜索功能，技术方案是通过 sqlite 的 FTS5 进行全文检索，但是 FTS5 对中文检索不太行，需要先进行分词，经过调研决定使用 nodejieba 来进行分词。问题： nodejieb...

在 JSX 里面使用 SVG，使用了 xlink:href ，直接报错解决办法...

Wed, 09 Apr 2025 04:05:07 GMT

在 JSX 里面使用 SVG，使用了 xlink:href ，直接报错解决办法 xlink:href -> xlinkHref 参考链接： Rendering Namespace Tags/Attributes Like xmlns:in...

如何发布 npm 包：需要有 npm 账号，前往官网注册账号确定你的 r...

Wed, 09 Apr 2025 04:17:25 GMT

如何发布 npm 包：需要有 npm 账号，前往官网注册账号确定你的 registry npm config get registry // 先看看你的是否是npm官方的源，不是请切回 npm config set registry...

npm link 的原理就是在全局的 node_modules 和本地的包或者项...

Fri, 02 Jan 2026 13:25:27 GMT

npm link 的原理就是在全局的 node_modules 和本地的包或者项目中的 node_modules 建立符号链接。如果在一个本地的包中执行 npm link ，假设这个包的名称是 my-lib ，执行 npm link 后会...

Windows 操作系统小技巧

Wed, 09 Oct 2024 08:00:52 GMT

设置默认字体首先 Windows 操作系统并没有提供直接的设置项去改变全局字体，只能通过注册表来修改默认显示字体方法一，点击 Windows+R 搜索 Regedit 以此打开注册表编辑器，然后找到以下路径： HKEY_LOCAL_MA...

JavaScript 中的变量声明

Tue, 15 Oct 2024 04:58:38 GMT

在 JavaScript 中有三种方式声明变量： var let const let 和 const 是 ES6 新引入的变量声明方式，解决 var 声明变量的很多问题，基本上已经不使用 var 来声明变量了。 var var 声明变量有三...

如何调试 React 源码

Sun, 10 Nov 2024 11:51:24 GMT

使用 Vite 创建 React 项目，并且在 WebStorm 中调试 React 源码，效果如下：可以直接调试源码，而不只是打包后的产物。构建 React 源码为了做到能够直接调试源码，而不是压缩、混肴的产物，我们需要自己构建 R...

如何分隔列表项

Wed, 04 Dec 2024 01:39:19 GMT

在项目开发，一定少不了显示列表，对于列表项我们往往需要一定的间隔分开，下面就要探讨实现这一效果的方式。 margin 通常情况下我们只需要给每一个元素设置一个 margin-bottom 即可 .item { margin-bottom: ...

深拷贝的实现

Fri, 13 Dec 2024 01:39:44 GMT

标题

Thu, 01 Jan 2026 10:43:42 GMT

支持六级标题，可通过 Markdown 语法（ # + 空格），也可以通过 Slash 面板创建。使用技巧：支持通过 alt + 上下方向键调整标题层级，最高一级标题，最低是段落，也可以在段落上直接使用此快捷键升级为标题可通过标题左...

面试题：缓存异步函数

Mon, 16 Dec 2024 14:24:34 GMT

记一次面试题，当时写了很久都没有实现，特此记录。题目介绍实现一个函数可以对异步函数的结果进行缓存 const cacheAsyncFunc = (asyncFunc) => { // TODO } const asyncAdd = (n...

裁剪

Tue, 26 Dec 2023 15:47:42 GMT

有时候我们只对图像的一部分感兴趣，这个时候我们可以定义一个裁剪路径，只有路径包围的区域才会显示出来，而在路径之外的区域则不予显示，这个就像是聚光灯一样，只有聚光灯照到的部分我们才能看得到。通过 clipPath 定义裁剪路径，然后通过 c...

蒙版

Tue, 26 Dec 2023 15:47:58 GMT

为对象添加蒙版可以改变对象的透明度，蒙版透明度的计算如下如果蒙版的颜色为白色，那么透明度就完全由 opacity 决定，如果蒙版的颜色为黑色，那么就是完全透明，看不到了。我们通过 mask 来定义蒙版，需要定义其大小及位置，它的单位默认...

图案

Tue, 26 Dec 2023 15:46:45 GMT

形状中除了可以填充颜色，还可以填充图案。我们的窗帘，床单出现的重复性的形状、花纹、动漫等，它们就是图案，使用图案填充形状时，图案会重复出现铺满整个形状。我们在标签中定义图案，首先我们需要定义图案的大小，因为图案是填充...

视口、viewBox 与 preserveAspectRatio

Tue, 26 Dec 2023 15:13:32 GMT

视口 SVG 包含一个无限大的画布，但是视口(viewport)限制了我们只能看到一部分，就像是你在屋子里面通过窗子看外面的风景，外面的世界很大，但是窗子的大小是有限的，所以你只能看到一部分，这里的窗子就是视口的作用，它限制了你能看到的...

深度优先遍历

Sat, 02 Dec 2023 12:22:32 GMT

所谓图的遍历就是按照某种顺序访问图中所有的节点，根据访问的顺序不同，可以分为两类：深度优先遍历广度优先遍历在本节中讲解深度优先遍历。概念所谓深度优先遍历(Depth First Search，简称 DFS)，是指在遍历时，尽可能深...

联通分量

Thu, 07 Dec 2023 11:14:41 GMT

如何求解图中有多少个联通分量。其实这个问题非常的简单，在上面的我们修改 DFS 的小 bug 时就提到，因为有多个联通分量，我们无法遍历完所有图中的节点，所以我们修改了代码每次当我们在 for 循环中调用一次 dfs 的时候，就说明存在一...

路径问题

Thu, 07 Dec 2023 14:25:29 GMT

所谓的路径问题就是求两个节点之间是否有路径，这个问题很简单，直接使用我们上面的 isConnected 方法就可以知道两个节点之间是否有路径了。不过我们更想知道的是，两个节点之间的路径是什么，即一个节点到达另一个节点会经历哪些节点。对于下...

无向图的环检测

Thu, 07 Dec 2023 14:31:46 GMT

我们怎么判断一幅图有没有环呢? 很简单，我们使用深度优先遍历，当访问到某节点时，如果该节点的某邻接节点已经被访问过，并且该邻接节点不是它的上一个节点，那么就说明该图中包含一个环明白这一点以后我们就可以编写代码了 import java.u...

二分图检测

Thu, 07 Dec 2023 14:35:19 GMT

什么叫二分图二分图需要满足一下两个特点：图中的节点被划分为两部分图中的边连接的是两个部分的节点在上图中，节点 0, 3, 4, 5 是一部分，节点 1, 2, 6 是一部分，两部分的节点我使用不同的颜色进行填充；且图中所有的边都连接...

岛屿的最大面积

Fri, 08 Dec 2023 15:52:26 GMT

题目介绍给定一个包含了一些 0 和 1 的非空二维数组 grid。一个岛屿是由一些相邻的 1 (代表土地) 构成的组合，这里的「相邻」要求两个 1 必须在水平或者竖直方向上相邻。你可以假设 grid 的四个边缘都被 0 (代表水) 包围着...

广度优先遍历

Fri, 08 Dec 2023 05:12:25 GMT

树的层序遍历树的层序遍历是指一层一层的遍历树的节点，它的实现是借助于队列进行实现的：每一次从队列的头部取出元素进行遍历，然后将该元素的左右孩子添加进队列，以此往复，直至队列为空，遍历结束。 import java.util.Linked...

桥和割点

Fri, 08 Dec 2023 16:14:39 GMT

桥定义我们首先看一下桥的概念上面这幅图中，我们称节点 3-5 之间的这条边为桥，它具有什么特点呢? 一旦将这条边去掉，图的联通分量就会发生变化，所以有如下定义：如果去掉某条边，使得图的联通分量发生变化，那么称这条边为桥。桥可以看做...

欧拉回路

Sat, 09 Dec 2023 02:06:53 GMT

18世纪初普鲁士的哥尼斯堡，有一条河穿过，河上有两个小岛，有七座桥把两个岛与河岸联系起来，如下图(黄色线条代表桥，绿色区域代表小岛和河岸) 有个人提出一个问题：一个步行者怎样才能不重复、不遗漏地一次走完七座桥，最后回到出发点。数学家欧拉将...

最小生成树

Sat, 09 Dec 2023 02:18:23 GMT

概念首先介绍生成树的概念，假设图中有 V 个顶点，如果能找到图中 V - 1 条边这 V 个节点连接起来，那么就说这 V 个节点与 V - 1 条边形成的图叫做这个图的生成树。例如图的 DFS 遍历以及 BFS 遍历就会形成一个生成树 ...

Floyed 算法

Sat, 09 Dec 2023 02:47:53 GMT

Dijkstra 和 Bellman-Ford 算法解决的都是单源最短路径问题，而 Floyed 算法解决的所有点对之间的最短问题。我们其实可以通过使用 V 次 Dijkstra 算法就可以求解所有点对之间的最短路径，不过 Dijkstra...

Bellman-Ford 算法

Sat, 09 Dec 2023 02:41:18 GMT

Bellman-Ford 算法也是求解单源最短路径的算法，与 Dijkstra 算法不同的是，它能够处理负权边，即使允许图中存在权值为负数的边。在讲解 Bellman-Ford 算法之前，我们来看一组操作 dis[w] = Math.mi...

Dijkstra 算法

Sat, 09 Dec 2023 02:35:38 GMT

Dijkstra 算法它能够求解单源最短路径问题，并且使用该算法有一个前提，图中不能存在负权边，即图中的每条边的权值都必须是大于等于 0 的。 Dijkstra 算法使用一个 dis 数组来表示从源 s 到其他节点的最短距离，例如 dis[...

最短路径算法

Sat, 09 Dec 2023 02:35:21 GMT

本文讲解图中点与点之间的最短路径问题，主要讲解三个算法： Dijkstra 算法 Bellman-Ford 算法 Floyed 算法其中 Dijkstra 与 Bellman-Ford 是解决单源最短路径问题，即它只能求解某节点到其他节点...

有向图算法

Sat, 09 Dec 2023 02:53:48 GMT

实际生活中的很多问题都可以建模为一个有向图的模型：社交网络：图中的节点看做是一个个的人，如果一个节点指向一个节点，表示这个人关注了这个人，这种关注关系是有方向的学习课程：将图中的节点看做是一门门的课程，一门课程被其他课程所指向，表示学习...

加油站

Mon, 21 Oct 2024 00:42:51 GMT

题目描述在一条环路上有 n 个加油站，其中第 i 个加油站有汽油 gas[i] 升。你有一辆油箱容量无限的的汽车，从第 i 个加油站开往第 i + 1 个加油站需要消耗汽油 cost[i] 升。你从其中的一个加油站出发，开始时油箱为空。...

矩阵中的最长递增路径

Fri, 25 Apr 2025 05:40:57 GMT

题目描述给定一个 m x n 整数矩阵 matrix ，找出其中最长递增路径的长度。对于每个单元格，你可以往上，下，左，右四个方向移动。不能在对角线方向上移动或移动到边界外（即不允许环绕）。输入： matrix = [[9,9,4...

子集

Tue, 15 Oct 2024 14:22:46 GMT

子集题目描述给你一个整数数组 nums ，数组中的元素互不相同。返回该数组所有可能的子集(幂集)。解集不能包含重复的子集。你可以按任意顺序返回解集。示例 1：输入：nums = [1,2,3] 输出：[[],[1],[2],[...

全排列

Tue, 15 Oct 2024 14:05:54 GMT

全排列题目描述给定一个没有重复数字的序列，返回其所有可能的全排列。示例：输入: [1,2,3] 输出: [ [1,2,3], [1,3,2], [2,1,3], [2,3,1], [3,1,2], [3,2,1] ] 解题思路这是...

不同的二叉搜索树

Tue, 15 Oct 2024 10:59:17 GMT

题目描述给你一个整数 n ，求恰由 n 个节点组成且节点值从 1 到 n 互不相同的二叉搜索树有多少种? 返回满足题意的二叉搜索树的种数。示例：输入：n = 3 输出：5 解题思路对于 n 个数，我们分别以每个数作为根节点，因为根节...

不同的二叉搜索树

Tue, 15 Oct 2024 10:59:17 GMT

解码方法

Tue, 15 Oct 2024 13:49:10 GMT

题目描述一条包含字母 A-Z 的消息通过以下映射进行了编码： 'A' -> 1 'B' -> 2 ... 'Z' -> 26 要解码已编码的消息，所有数字必须基于上述映射的方法，反向映射回字母（可能有多种方法）。例如，"11106"...

不同路径

Tue, 15 Oct 2024 11:19:49 GMT

不同路径题目描述一个机器人位于一个 m \times n 网格的左上角 (起始点在下图中标记为 "Start")。机器人每次只能向下或者向右移动一步。机器人试图达到网格的右下角 (在下图中标记为 "Finish")。问总共有多少条不同的...

插入区间

Thu, 17 Apr 2025 03:25:42 GMT

题目描述给你一个无重叠的，按照区间起始端点排序的区间列表 intervals ，其中 intervals[i] = [starti, endi] 表示第 i 个区间的开始和结束，并且 intervals 按照 starti 升序排列。...

盛水最多的容器

Tue, 15 Oct 2024 14:10:37 GMT

题目描述给你 n 个非负整数 a_1, a_2, \cdots, a_n ，每个数代表坐标中的一个点 (i, a_i) 。在坐标内画出 n 条垂直线，垂直线 i 的两个端点 (i, a_i) 和 (i, 0) 。找出其中的两条线，使得它们...

合并区间

Tue, 15 Oct 2024 13:41:37 GMT

题目描述以数组 intervals 表示若干个区间的集合，其中单个区间为 intervals[i] = [starti, endi] 。请你合并所有重叠的区间，并返回一个不重叠的区间数组，该数组需恰好覆盖输入中的所有区间。示例1：输入...

三数之和

Tue, 15 Oct 2024 11:12:54 GMT

题目描述给你一个包含 n 个整数的数组 nums ，判断 nums 中是否存在三个元素 a ， b ， c ，使得 a + b + c = 0 。请你找出所有和为 0 且不重复的三元组。注意：答案中不可以包含重复的三元组。示例1: 输...

两数之和

Tue, 15 Oct 2024 11:08:39 GMT

LeetCode：两数之和。题目描述给定一个整数数组 nums 和一个目标值 target ，请你在该数组中找出和为目标值的那两个整数，并返回他们的数组下标。你可以假设每种输入只会对应一个答案，但是，数组中同一个元素不能使用两遍。你...

两数之和

Tue, 15 Oct 2024 11:08:39 GMT

最长回文字符串

Tue, 15 Oct 2024 14:29:25 GMT

题目描述给定一个字符串 s ，找到 s 中最长的回文子串。你可以假设 s 的最大长度为 1000 。示例 1：输入: "babad" 输出: "bab" 注意: "aba" 也是一个有效答案。示例2：输入: "cbbd" 输出: ...

最长回文字符串

Tue, 15 Oct 2024 14:29:25 GMT

合并 K 个升序链表

Tue, 15 Oct 2024 13:42:59 GMT

题目描述给你一个链表数组，每个链表都已经按升序排列。请你将所有链表合并到一个升序链表中，返回合并后的链表。示例1：输入：lists = [[1,4,5],[1,3,4],[2,6]] 输出：[1,1,2,3,4,4,5,6] 解释：链...

合并 K 个升序链表

Tue, 15 Oct 2024 13:42:59 GMT

旋转链表

Tue, 15 Oct 2024 14:18:19 GMT

题目描述给你一个链表的头节点 head ，旋转链表，将链表每个节点向右移动 k 个位置。示例1：输入：head = [1,2,3,4,5], k = 2 输出：[4,5,1,2,3] 示例2：输入：head = [0,1,2], k...

反转链表

Tue, 15 Oct 2024 11:24:47 GMT

反转链表题目描述给你单链表的头节点 head ，请你反转链表，并返回反转后的链表。示例：输入：head = [1,2,3,4,5] 输出：[5,4,3,2,1] 解题思路第一种解法，使用递归，分为两步，第一步对后续的链表进行反转，...

反转链表

Tue, 15 Oct 2024 11:24:47 GMT

包含 min 函数的栈

Tue, 15 Oct 2024 10:54:20 GMT

题目描述定义栈的数据结构，请在该类型中实现一个能够得到栈的最小元素的 min 函数。在该栈中，调用 min 、 push 、及 pop 的时间复杂度都是 O(1) 。解题思路我们第一个想到的办法就是使用一个变量来保存栈中的最小值，但是...

Tauri 应用使用 Gtihub Actions 构建踩坑

Fri, 20 Oct 2023 12:15:18 GMT

今天为我的编辑器加上了 Github Actions，发布后自动构建 Windows、Mac 和 Linux 应用，折腾了一个小时，有两个坑，特此记录： pnpm install 需要加上 --no-frozen-lockfile 选项，否...

电脑小技巧

Fri, 13 Oct 2023 00:42:13 GMT

同时按下 Command、Option 和 ESC ，会打开强制杀死程序弹窗，选择程序杀死即可。 Command + Shift + .

如何读懂 TC39

Thu, 09 Mar 2023 03:12:13 GMT

TC39 是什么：是一个由 JavaScript 开发者、实现者、学者等组成的团体，与 JavaScript 社区合作维护和发展 JavaScript 的标准。 TC39 包含四个规范： ECMA-262：ECMAScript ECMA...

移动端文字垂直居中方案

Mon, 17 Oct 2022 02:18:00 GMT

有过移动端开发经验的人，想必都对文字垂直居中头痛不已，因为使用常规手段实现文字垂直居中在部分 Android 手机上会出现文字偏上的情况，往往需要配合 line-height 或者 padding 进行微调，苦不堪言。方案调研下面是我尝...

深度学习简介

Wed, 20 Sep 2023 15:02:28 GMT

随着一些 AIGC 产品的出现，如 Stable Diffusion、ChatGPT、GPT4 等，AI 再次进入大家的视野，体验过 ChatGPT 的都会说好，我目前已经把它当作学习工具了，Google 在做不出产品，真的可以说拜拜了。 ...

IntersectionObserver

Wed, 28 Sep 2022 10:56:00 GMT

如果我们需要监听某个元素是否出现在视口中，一般做法是监听 scroll 事件，然后查询元素离视口顶部的距离，但是监听 scroll 事件存在性能问题。浏览器原生提供了 IntersectionObserver 监听器，可以监听某个元素是否...

C 语言中指针和数组的差异

Thu, 07 Apr 2022 09:04:00 GMT

学 C 语言的时候，会提及数组是一种特殊类型的指针，数组名指向数组首元素的地址，但是经过个人实践发现数组并不能等价于指针，二者存在差异。 sizeof 使用 sizeof 运算符对数组和指针的操作结果不同 #include...

Ajax跨域

Wed, 22 Apr 2020 00:00:00 GMT

本篇文章介绍什么是跨域，以及跨域的解决办法。同源策略什么是同源策略：同 domain(或IP)，同端口，同协议视为同一个域，一个域内的脚本仅仅具有本域内的权限，可以理解为本域脚本只能读写本域内的资源，而无法访问其它域的资源，这种安全限制...

Z变换解差分方程的思考

Sun, 03 Nov 2019 07:21:23 GMT

问题描述今日碰到一道差分方程的题目，如下已知 x(n) = \left(\dfrac{1}{2}\right)^n u(n) ， y(0) = 2 ， y(1) = 4 ，求全响应。一般求解这种题目的思路很清晰，首先根据特征方程求出特...

方程与框图的转换

Mon, 14 Oct 2019 08:14:00 GMT

在信号与系统中我们很容易碰到这种题目，给出框图，列出微分(差分方程)或者给出方程，画出框图，有进一步的还要求列出状态方程。这个问题一开始刚接触时确实令我听挺烦恼的，因为一开始没有抓住诀窍，后来想通了，便觉得十分的简单，现在这里记录一二，以便...

1px 有多大

Tue, 15 Feb 2022 02:15:35 GMT

现在有一个灵魂问题， 1px 的大小是多大? 要回答这个问题，首先要区分两种像素，一种是物理像素(或者称为设备像素)，一种是逻辑像素(或者称为设备独立像素、CSS 像素)，我们讨论的是一个 CSS 像素有多大。屏幕是通过一个个的发光体发出...

2023年终总结

Mon, 01 Jan 2024 08:31:09 GMT

时间飞逝，2023 年很快就过去了，是时候回顾一下自己的 2023。工作今年的工作体验有点像过山车，起起伏伏，但总体上看依然是螺旋上升的。去年的组织架构调整，我从新技术应用组来到了端外 Web 组，不知道是不是因为疫情居家办公的原因还...

图的表示

Sat, 02 Dec 2023 12:22:00 GMT

首先我们来看看图的数据结构长什么样子一个图它由顶点 Vertex 和边 Edge 组成，上图蓝色的节点表示顶点，而节点与节点之间的有条线连着，这就是顶点之间的边。为了在计算机中表示图，我们给图的顶点编了号，从 0 开始。在实际的模型中，顶...

哈希表

Thu, 07 Dec 2023 14:44:38 GMT

我们通过将我们要查找的某种数据类型转化为一个索引 index ，然后通过索引去数组中查找，这时它的复杂度就是 O(1) 级别的。而将某个数据类型转化为索引的函数我们就称为是哈希函数，比如说将 26 个小写字母转化为索引，我们可以这么写 in...

红黑树

Wed, 06 Dec 2023 23:52:52 GMT

2-3树 2-3 树的节点它可以有一个元素，也可以有两个元素，它也满足二分搜索树的性质我们把含有两个孩子的节点称为 2 节点，含有 3 个孩子的节点称为 3 节点 2-3 树是一种绝对平衡的树，所谓绝对平衡的树指的是从根节点到任意一个叶子...

AVL 树

Wed, 06 Dec 2023 23:47:38 GMT

概念我们在研究二分搜索树时发现，如果我们将数据顺序添加进树中时，它有可能会退化成一个链表，即所有的元素都添加到一个孩子上，这样树结构的优势就体现不出来，为了不使左右孩子的高度相差太大，我们需要对树进行调整，使树达到平衡，成为一棵平衡二叉树...

并查集

Wed, 06 Dec 2023 12:26:48 GMT

我们之前遇到的树结构都是由父亲指向孩子，但是并查集不一样，它是由孩子指向父亲的一种结构，并查集结构可以非常高效的回答连接问题(Connectivity Problem)，它可以很快的判断网络中节点的连接状态。并查集主要支持两个动作 unio...

Trie

Wed, 06 Dec 2023 01:01:10 GMT

Trie 树又称为字典树、前缀树。如果我们使用一般树结构去查询一个数据集里的单词，它的复杂度是 O(log n) ，但是如果我们使用 Trie 去查询单词的话，查询的复杂度只与单词的长度有关，与数据的规模无关。比如对于一个规模的数据集，我...

线段树

Wed, 06 Dec 2023 00:54:40 GMT

对于有一类的问题，我们主要关心的是线段(区间)，比如说查询一个区间 [i, j] 内的最大值，最小值等等。假设你有一个网站，你想查询某年(或某年以后)的用户访问量，消费最多的用户等等，这些都是在某个区间内进行查询，一般线段树的区间是固定的，...

优先队列和堆

Wed, 06 Dec 2023 00:44:56 GMT

普通队列：先进先出，就像是我们在银行办业务或者是在超市买东西，但是考虑在医院，有病人有突发情况，这个时候容不得他去排队挂号了，这时他的优先级是比较高的，所以他需要得到优先的处理，像这种队列中的元素具有优先级的队列，我们把它称之为优先队列。在...

MutationObserver

Tue, 11 Oct 2022 01:02:11 GMT

在复杂的网页应用中，DOM 结构会频繁的发生变化，有的时候我们需要根据变化来进行相应的操作，以往通过 Mutation Events 来监听 DOM 的变化，目前它已经废弃了，被 MutationObserver 所取代。 Mutation...

TypeScript 字面量类型及小技巧

Sun, 16 Apr 2023 08:22:13 GMT

字面量类型。当通过 const 声明变量时，类型会被收缩为字面量类型 const a = "Hello"; 当使用 let 声明类型时，不会收缩为字面量类型，也比较合理，毕竟声明为 let 就表示可以继续被赋值，收缩为字面量没有意义。 le...

跑马灯动画续

Sat, 21 Oct 2023 15:17:53 GMT

在实习的时候写下了《跑马灯动画》这篇文档，为了性能考虑，当时完全是用 CSS 实现的动画，后面了解到 Web Animation API，性能完全不亚于 CSS，于是有了想法，完全使用 JS 来实现动画。跑马灯动画包括两部分：跑马灯效果...

ESLint

Mon, 23 Oct 2023 06:19:52 GMT

ESLint 是代码检查工具，主要包含代码逻辑和代码风格：代码逻辑：使用了未声明的变量存在未使用的变量在函数式组件以外使用 React Hook ... ... 代码风格：是否使用分号使用单引号还是双引号 ... ... 自 v...

Tauri 踩坑与技巧

Sun, 26 Nov 2023 07:33:31 GMT

Drag And Drop Tauri 默认不支持 H5 Drag And Drop API，需要在 tauri.config.json 中禁止 fileDropEnabled ，二者不能同时工作。 { // ... "tauri": { ...

Babel 进行 Polyfill 的各种姿势

Tue, 26 Dec 2023 13:51:42 GMT

Babel 可以帮助我们把最新的 JS 语法转译为较低版本的 JS 代码，使得我们可以同时兼顾开发效率和兼容性。Babel 将代码转译为低级版本代码时包含两部分：语法，例如箭头函数，结构语法 API，例如 ES7 提出了 includes...

Git 对象初相识

Sun, 07 Jan 2024 15:04:31 GMT

Git 对象，四种类型的对象： blob 对象 tree 对象 commit 对象 tag 对象 blob 对象所有的文件都会被存储为一个 blob 对象，需要注意的是， blob 对象只存储文件的内容，对于文件的其它信息，例如文件名，修...

HTTPS

Thu, 02 May 2024 06:44:54 GMT

如果你使用 HTTP 访问网站或者进行通信，你的一切都毫无秘密，因为你的所有信息都是明文传输的，并且你收到的信息都可能是伪造的，想象你访问一个需要输入私密信息的网站，但是网站的内容已经被别人偷偷的篡改过了，你提交的信息都提交到别人的服务器...

Math.trunc() 是一个取整函数，它的取整方式为去掉数字中的小数部分： ...

Thu, 09 Apr 2026 03:06:35 GMT

Math.trunc() 是一个取整函数，它的取整方式为去掉数字中的小数部分： Math.trunc(1.2) // 1 Math.trunc(-1.2) // -1 下表显示了与其它取整方法的对比方法说明正数(4.7) 负数(-4....

isolation 属性用于控制元素是否应该创建一个新的层叠上下文（stacki...

Sat, 03 Jan 2026 06:36:06 GMT

isolation 属性用于控制元素是否应该创建一个新的层叠上下文（stacking context）。语法 isolation: auto | isolate; auto : 默认值。元素不会显式地创建一个新的层叠上下文，除非其他属性（...

nonce 和 integrity 是用于增强 Web 安全两个属性： nonc...

Thu, 22 Jan 2026 15:34:38 GMT

nonce 和 integrity 是用于增强 Web 安全两个属性： nonce 全称 Number used ONCE（一次性数字），是一种白名单机制来防止 XSS 攻击如果没有 nonce ，那么攻击者注入的内联 script 脚本...

在浏览器中，通过 script 、 img 、 video 、 audio 等标...

Thu, 22 Jan 2026 15:29:10 GMT

在浏览器中，通过 script 、 img 、 video 、 audio 等标签引用跨域资源时，出于安全考虑，浏览器会将此资源视为不透明（Opaque），所谓的不透明通俗讲就是“只可远观而不可亵玩”，即脚本可以执行，图片可以显示，音视频可...

考虑这样一个场景：你依赖了 A，而 A 依赖了 B。突然 B 被发现存在 bug...

Tue, 07 Apr 2026 08:34:49 GMT

考虑这样一个场景：你依赖了 A，而 A 依赖了 B。突然 B 被发现存在 bug 或者安全隐患，需要升级。但是 B 不是你直接依赖的，你只能等待 A 的维护者发布新版，这其中的等待时间完全不可控。所以如果能有一种方式直接修改 B 的版本就好...

浏览器上传文件的两种方式： input 标签拖拽将 input 标签的 ty...

Mon, 10 Jul 2023 04:49:49 GMT

浏览器上传文件的两种方式： input 标签拖拽将 input 标签的 type 设置为 file 即可上传文件 const input = document.g...

元组表示不同类型的多个值的集合，值使用括号包裹，之间使用逗号分隔，元组的大小一...

Wed, 17 Jul 2024 01:37:18 GMT

元组表示不同类型的多个值的集合，值使用括号包裹，之间使用逗号分隔，元组的大小一旦确定就不能修改。 let t: (i32, bool, f64) = (1, true, 1.2); 元组的值通过下标来访问 t.0 // 1 t.1 // ...

在 HTTP/1.0 的时代，每次发送请求都需要发起 TCP/IP 连接，服务器...

Mon, 23 Mar 2026 09:49:56 GMT

在 HTTP/1.0 的时代，每次发送请求都需要发起 TCP/IP 连接，服务器在处理完这次响应之后，就会断开 TCP/IP 连接，这会导致性能问题：每次请求都要进行 TCP/IP 三次握手和四次挥手，这个过程会耗费大量时间以及占用网络资...

moveBefore(nodeToMove, referenceNode) 函数...

Wed, 25 Mar 2026 02:18:20 GMT

moveBefore(nodeToMove, referenceNode) 函数的作用是把 nodeToMove 插入到 referenceNode 之前，同时保留该节点及其子节点的所有内部状态。 referenceNode 可以设置为 ...

tabIndex 是 HTML 的一个全局属性，它控制这个元素是否可以通过键盘 ...

Mon, 30 Mar 2026 10:23:34 GMT

tabIndex 是 HTML 的一个全局属性，它控制这个元素是否可以通过键盘 Tab 来聚焦元素，以及通过 Tab 键访问时的访问顺序。通过 Tab 键按序访问下一个，通过 Shift + Tab 可以访问到上一个。 tabIndex ...

Transfer-Encoding 指定了网络节点之间传输消息时的编码方式，取值...

Mon, 14 Jul 2025 03:13:00 GMT

Transfer-Encoding 指定了网络节点之间传输消息时的编码方式，取值有： chunked gzip compress deflate 最常见的取值是 chunked ，表示分块传输，常用于动态生成内容，不知道内容长度的时候，或者...

服务端 Jupyter Notebook 部署流程。配置 Mini Conda...

Sat, 29 Jun 2024 05:09:12 GMT

服务端 Jupyter Notebook 部署流程。配置 Mini Conda 下载 Mini Conda mkdir -p ~/miniconda3 wget https://repo.anaconda.com/miniconda/Mi...

众所周知，JavaScript 是单线程的，并且 UI 渲染和主线程使用的是同一...

Wed, 12 Jul 2023 14:50:41 GMT

众所周知，JavaScript 是单线程的，并且 UI 渲染和主线程使用的是同一个线程，如果在主线程中执行耗时长的计算操作，就会导致页面无法响应用户的操作，导致页面卡死。那对于耗时比较长的操作怎么办呢，两种思路：化繁为简，是否可以将操作...

application/x-www-form-unlencoded 和 mult...

Wed, 01 Apr 2026 12:49:19 GMT

application/x-www-form-unlencoded 和 multipart/formdata 是通过 POST 提交表单时的两种数据编码方式。 application/x-www-form-unlencoded 是默认的提交...

在 lodash 提供的防抖和节流函数中，出了时间窗口外，还会提供两个选项 ...

Sat, 03 Jan 2026 10:18:51 GMT

在 lodash 提供的防抖和节流函数中，出了时间窗口外，还会提供两个选项 leading 和 trailing 两个布尔值的参数，用以控制在时间窗口开始和结束时是否执行。 leading ，表示在时间窗口开始时立即执行，为 true ...

dialog 元素和表单的联动当通过 showModal 打开 dialog ...

Wed, 14 Jan 2026 15:00:42 GMT

dialog 元素和表单的联动当通过 showModal 打开 dialog 时，会自动聚焦到 dialog 中第一个可聚焦的元素，关闭时可将焦点恢复，点击此处示例查看 const handleLoginSubmit = (e) => ...

is 是 HTML 的全局属性，主要用于 Web Components 技术中的...

Sun, 18 Jan 2026 11:01:15 GMT

is 是 HTML 的全局属性，主要用于 Web Components 技术中的自定义内置元素，该属性允许你在保留标准 HTML 元素（如

当表单数据构造完成后，如正常提交表单发送网络请求前或者调用 new FormDa...

Thu, 22 Jan 2026 12:46:41 GMT

当表单数据构造完成后，如正常提交表单发送网络请求前或者调用 new FormData(form) 的时候，会触发 formdata 事件，常利用该事件在表单提交前将拦截并修改数据。在此之前，我们会添加一个隐藏的

在浏览器中，当导入模块（ import 或 import() ）时仅支持相对路径...

Fri, 23 Jan 2026 14:39:35 GMT

在浏览器中，当导入模块（ import 或 import() ）时仅支持相对路径或者绝对路径 URL import utils from './modules/utils.js'; import React from 'https://es...

AI 编程漫谈

Sun, 15 Mar 2026 12:01:09 GMT

我有一个笔记软件，这是因为当时使用的笔记软件 Obsidian 编辑体验极差，于是自己萌生了一个想法：写一个类似于 Typora 的所见即所得 Markdown 编辑器。在 2023 年的劳动节，我写下了第一行代码；到今年，还差一个半月就三...

Tapable 是 Webpack 实现插件机制的模块，在 Webpack 的内...

Sat, 16 Dec 2023 14:17:46 GMT

Tapable 是 Webpack 实现插件机制的模块，在 Webpack 的内部通过 Tapable 预定义各个阶段的 Hook，插件可以通过为这些 Hook 注册处理事件来获取该阶段的编译信息甚至修改编译信息。 Tapable 有点类似...

不同路径

Sat, 09 Dec 2023 01:58:20 GMT

题目介绍在二维网格 grid 上，有 4 种类型的方格： 1 表示起始方格。且只有一个起始方格 2 表示结束方格，且只有一个结束方格 0 表示我们可以走过的空方格 -1 表示我们无法跨越的障碍返回在四个方向（上、下、左、右）上行走时，从...

哈密尔顿回路

Fri, 08 Dec 2023 18:21:12 GMT

哈密尔顿回路 1859年，爱尔兰数学家哈密尔顿（Hamilton）提出下列周游世界的游戏：在正十二面体的二十个顶点上依次标记伦敦、巴黎、莫斯科等世界著名大城市，正十二面体的棱表示连接这些城市的路线。试问能否在图中做一次旅行，从顶点到顶点，沿...

防抖与节流

Thu, 30 Apr 2020 00:00:00 GMT

防抖与节流是两个出于性能考虑提出的概念，如果在短时间内多次触发同一函数，可能会产生页面的卡顿，以及性能的降低，针对这种情况，提出了防抖与节流两个解决方案。防抖与节流的概念为了解释如上的两个概念，我们以一个例子开始。有一个搜索框，当用户输...

TypeScript 是基于结构的类型系统，只要两个类型的结构相同，那么就是兼容...

Wed, 25 Feb 2026 14:37:30 GMT

TypeScript 是基于结构的类型系统，只要两个类型的结构相同，那么就是兼容的，就可以互相赋值。但是有的时候虽然结构相同，但是业务语义不同，在这种情况下进行互相赋值会导致业务逻辑错误，但是由于 TypeScript 的机制，无法在编译...

GSAP 是一个动画库，引用官网的一段话 Animation ultimatel...

Sun, 16 Jul 2023 06:45:05 GMT

GSAP 是一个动画库，引用官网的一段话 Animation ultimately boils down to changing property values many times per second, making something...

instanceof 是用来判断某个对象是否是某个函数的实例，如果该函数在这个对...

Wed, 02 Aug 2023 14:24:25 GMT

instanceof 是用来判断某个对象是否是某个函数的实例，如果该函数在这个对象的原型链上，那么这个对象就是这个函数的实例。在 ES6 中，我们可以 Symbol.hasInstance 来改变这一默认行为 obj instanceof ...

癌症怎么导致人死亡的，每个人都有差异，死亡原因各不相同，但大致上和器官衰竭有关。...

Sat, 14 Feb 2026 05:51:36 GMT

癌症怎么导致人死亡的，每个人都有差异，死亡原因各不相同，但大致上和器官衰竭有关。脑癌，肿瘤压迫重要神经导致死亡肺癌，生长填充肺部空间，导致氧气交换能力下降，最后因肺衰竭死亡血癌，白血病细胞抢夺正常红细胞和免疫细胞生存空间，导致系统性缺...

密码学是什么？密码学是保护协议免受攻击的科学。什么是协议？协议是为了完成某一件...

Thu, 05 Feb 2026 01:14:00 GMT

密码学是什么？密码学是保护协议免受攻击的科学。什么是协议？协议是为了完成某一件事情必须遵守的一系列步骤。密码学算法通常也被称为密码学原语，可以将密码学原语看作是密码学中一种最小算法的构造，常和其它原语一起一起构造新协议。

肿瘤和癌症的关系。其实二者是两种分类：肿瘤表示固体癌症表示恶性肿瘤不一定是...

Sat, 14 Feb 2026 05:17:36 GMT

肿瘤和癌症的关系。其实二者是两种分类：肿瘤表示固体癌症表示恶性肿瘤不一定是恶性，因此肿瘤≠癌症，恶性肿瘤才是癌症，除了恶性肿瘤外，癌症还包括血癌。癌症＝恶性肿瘤+血癌肿瘤＝良性肿瘤+恶性肿瘤肿瘤的严重性和肿瘤的大小没有关系，只要...

捕获信号，基本形式 trap commands signal 当捕获到 sign...

Wed, 12 Jul 2023 14:43:33 GMT

捕获信号，基本形式 trap commands signal 当捕获到 signal 信号，执行 commands #!/bin/zsh trap "echo 'Sorry, I trap the Ctrl + C signal.'" SI...

DOM 树借鉴了家庭族谱的概念，使用父亲、孩子、兄弟等亲属关系来描述节点之间的关...

Thu, 27 Jul 2023 01:20:56 GMT

DOM 树借鉴了家庭族谱的概念，使用父亲、孩子、兄弟等亲属关系来描述节点之间的关系，我们将对如下 DOM 树来描述节点之间的关系一个节点都有一个 childNodes 属性，它保存着它的所有子节点，该属性是一个 NodeList 对象，它...

在复杂的网页应用中，DOM 结构会频繁的发生变化，有的时候我们需要根据变化来进行...

Mon, 24 Jul 2023 00:49:54 GMT

image-set() 是 CSS 用来处理响应式图片的，让浏览器从给定集合中选...

Mon, 26 Jan 2026 13:34:09 GMT

image-set() 是 CSS 用来处理响应式图片的，让浏览器从给定集合中选择最合适 CSS 图像的方法，比如可以根据像素密度、图片类型来选择合适的图片。它的 CSS 语法为： image-set(

undefined 和 null 的对比：相同点都是假值，转化为 Boole...

Fri, 16 Jan 2026 10:42:57 GMT

undefined 和 null 的对比：相同点都是假值，转化为 Boolean 都是 false Boolean(undefined) // -> true Boolean(null) // -> true 通过 == 比较时返回 t...

表单：表单提交，submit vs requestsubmit dialog ...

Thu, 22 Jan 2026 15:52:33 GMT

表单：表单提交，submit vs requestsubmit dialog 和 form 的联动 formdata 事件 axios 提交表单的方法表单验证伪类 field-sizing: content，表单内容自适应

axios 提交表单数据的方法。直接 new FormData() 发送 co...

Fri, 25 Aug 2023 01:28:02 GMT

axios 提交表单数据的方法。直接 new FormData() 发送 const formData = new FormData(); formData.append('user', 'Alice'); formData.append...

Web 安全： CSRF、Cookie 和 SameSite XSS nonce...

Thu, 22 Jan 2026 15:44:09 GMT

Web 安全： CSRF、Cookie 和 SameSite XSS nonce 和 integrity crossorigin credentials

submit 和 requestSubmit 都是用来提交表单的，但是在行为上有...

Wed, 31 Dec 2025 10:55:14 GMT

submit 和 requestSubmit 都是用来提交表单的，但是在行为上有所不同： submit 会直接发送 HTTP 请求提交表单数据，绕过原生的 HTML 校验，也不会触发 submit 事件，因此如果通过 addEventLis...

inert 是 HTML 的一个全局布尔属性，它指示浏览器忽略该元素以及子元素，...

Sun, 18 Jan 2026 12:05:34 GMT

inert 是 HTML 的一个全局布尔属性，它指示浏览器忽略该元素以及子元素，无法与该元素进行任何交互，看得见摸不着。设置 inert 属性后：无法触发任何鼠标事件，包括点击、鼠标移动、触摸、指针事件等文本内容无法选中，就像设置了 ...

JWT 全称 JSON Web Token，是一种开放标准（RFC 7519），...

Sun, 18 Jan 2026 08:57:28 GMT

JWT 全称 JSON Web Token，是一种开放标准（RFC 7519），用以在各方通过 JSON 来安全地进行身份验证和信息交换。身份验证：可以把 JWT 看作是门禁卡，在需要验证的地方，只要出示此门禁卡仅可，签名验证通过...

在 TypeScript 中使用 useRef 来获取 DOM 对象，会报类型错...

Tue, 09 Jan 2024 14:00:56 GMT

在 TypeScript 中使用 useRef 来获取 DOM 对象，会报类型错误 function App() { const ref = useRef(); return (

假设有一个非常复杂的类型运算 export type T1 = '1' | '2...

Wed, 23 Jul 2025 00:44:07 GMT

假设有一个非常复杂的类型运算 export type T1 = '1' | '2' | '3'; export type T2 = '4' | '5'; export type T3 = '6' | '7'; export type T4 ...

通过关键字 extends 即可来继承一个类，继承自其它类的类称为子类，或者派生...

Tue, 15 Aug 2023 15:10:55 GMT

通过关键字 extends 即可来继承一个类，继承自其它类的类称为子类，或者派生类。在子类的构造方法 constructor 中，必须首先通过调用 super 方法来调用父类的构造函数，它会在这里初始化 this ，如果没有调用 sup...

CSS 中的 margin 属性在垂直方向上有时会进行合并（在不设置 write...

Sun, 10 Sep 2023 05:36:45 GMT

CSS 中的 margin 属性在垂直方向上有时会进行合并（在不设置 write-mode 的情况下），有以下三种情况的 margin 合并：兄弟元素之间 margin 的合并父子元素之间 margin 的合并空元素上下 margin...

:valid 和 :invalid 是用于表单验证的伪类， :valid 匹配验...

Sat, 17 Jan 2026 09:51:24 GMT

:valid 和 :invalid 是用于表单验证的伪类， :valid 匹配验证通过的表单元素，而 :invalid 匹配验证未通过的表单元素，此二者的特点是当页面加载后就会进行匹配，这可能会带来一些体验上的问题，比如输入框要求必填，页面...

Map 和 Set 的迭代顺序：和插入顺序相同。 const map = n...

Sun, 13 Apr 2025 07:03:37 GMT

Map 和 Set 的迭代顺序：和插入顺序相同。 const map = new Map(); map.set("b", 2); map.set("a", 1); map.set("d", 4); map.set("c", 3); co...

在 DOM 中，提供了很多方式来修改元素的属性：通过 DOM 对象属性直接修改...

Sat, 01 Mar 2025 08:29:17 GMT

在 DOM 中，提供了很多方式来修改元素的属性：通过 DOM 对象属性直接修改通过 setAttribute 修改通过 dataset 修改首先看通过 DOM 对象修改属性和通过 setAttribute 修改属性的异同，首先相同点...

top-layer 浏览器的特殊层级，位于视口的最顶层，在页面的所有内容之上（包...

Tue, 13 Jan 2026 00:09:15 GMT

top-layer 浏览器的特殊层级，位于视口的最顶层，在页面的所有内容之上（包括 z-index 最高的元素），它是为了解决特殊的 UI 需求（如全屏、模态窗等）。无论元素位于 DOM 树的任何层级，也不论 z-index 是什么（如 ...

pnpm -C 或者 pnpm --dir 的作用是指定命令执行时的工作目录 p...

Sun, 04 Jan 2026 14:32:17 GMT

pnpm -C 或者 pnpm --dir 的作用是指定命令执行时的工作目录 pnpm -C 等价于 cd && pnpm 比如说对于一个 monorepo 项目，需要在某...

防抖和节流都是防止短时间内多次触发的技术。防抖是为了防止抖动，例如一个表单的提交...

Sun, 23 Jul 2023 08:18:48 GMT

防抖和节流都是防止短时间内多次触发的技术。防抖是为了防止抖动，例如一个表单的提交，用户由于手抖，点了两次提交，如果没有使用防抖，就会发出两次请求，可能造成错误的结果；而节流是为了限制触发的频率，比如我们想监听窗口的滚动事件，如果每次事件触发...

下载本地包的方法：使用相对路径或者本地路径直接下载 npm install ....

Sat, 03 Jan 2026 06:32:55 GMT

下载本地包的方法：使用相对路径或者本地路径直接下载 npm install ./local-lib npm install /Users/xxx/local-lib 在 package.json 通过 file 协议指定本地下载路径 { ...

lh 是相对长度单位，表示的当前的行高。不管当前 lh 是什么值，都会最终计算为...

Fri, 02 Jan 2026 10:28:51 GMT

lh 是相对长度单位，表示的当前的行高。不管当前 lh 是什么值，都会最终计算为一个像素值，然后 lh 就取这个像素值。比如不管字体大小还有行高是多少，都希望最多显示三行文字，那么就可以设置 max-height: 3lh 又比如对文本输...

removeChild 是用来删除节点的，该方法接收一个参数，就是你要删除的节点...

Thu, 27 Jul 2023 01:31:53 GMT

removeChild 是用来删除节点的，该方法接收一个参数，就是你要删除的节点，被删除的节点将会作为返回值返回，如下图被删除的节点仍然属于文档树，但是在文档树中已经没有了它的位置。

要指定超类，可在 class 语句中的类名后加上超类名，并将其用圆括号括起 cl...

Mon, 24 Jun 2024 10:50:34 GMT

要指定超类，可在 class 语句中的类名后加上超类名，并将其用圆括号括起 class Filter: def init(self): self.blocked = [] def filter(self, sequence): return...

当一个元素获得焦点是会触发 focusin 和 focus 事件，而当一个元素失...

Thu, 01 Jan 2026 08:42:27 GMT

当一个元素获得焦点是会触发 focusin 和 focus 事件，而当一个元素失去焦点时会触发 focusout 和 blur 事件。假设当前聚焦在元素 A，然后将焦点聚焦到了 B，那么触发的顺序是 blur(A) -> focusout...

img 的 sizes 属性是用来完成响应式图片的核心技术，需要配合 src...

Fri, 02 Jan 2026 12:30:16 GMT

img 的 sizes 属性是用来完成响应式图片的核心技术，需要配合 srcset 使用。在下载图片的时候，浏览器可能还不知道需要下载多大的图片，这个时候就可以通过 sizes 属性来对浏览器进行提示，浏览器结合视口大小和 dpr ，...

软件公司的两种管理管理方式： Widget Factories（小工厂模式）认...

Sun, 27 Aug 2023 02:42:08 GMT

软件公司的两种管理管理方式： Widget Factories（小工厂模式）认为人是懒惰的，能不干活就不干活，甚至逃避干活，对集体的目标并不关心。于是通过强组织的解构对人员进行管理。喜欢谈论资源（人也被看作是一种资源）、流程、效率和可复用...

stopPropagation 和 stopImmediatePropagati...

Sun, 23 Feb 2025 06:10:18 GMT

stopPropagation 和 stopImmediatePropagation 区别是什么？二者的作用都是阻止事件冒泡，不同点在于执行 stopPropagation 后，如果当前元素还有未执行的事件处理器，那么会继续执行，而如果使...

浏览器的事件模型定义了事件在元素上的触发顺序，根据 DOM Level 2 标准...

Thu, 01 Jan 2026 06:09:48 GMT

浏览器的事件模型定义了事件在元素上的触发顺序，根据 DOM Level 2 标准，事件模型分为三个阶段：捕获阶段：事件从 window 向下传递到目标元素， Window → Document → html → body → ... → ...

field-sizing 属性可以控制表单元素的大小，在一般情况下表单元素的大小...

Wed, 31 Dec 2025 06:31:44 GMT

field-sizing 属性可以控制表单元素的大小，在一般情况下表单元素的大小是固定的，例如对于 input 元素，如果内容超出了宽度，那么内容会横向滚动，对于 textarea 元素，我们设定了 rows ，超出 rows 后也会发生滚...

在琢磨破窗效应和滑梯效应时，我发现这两个概念非常相似：它们都在强调“第一...

Wed, 31 Dec 2025 01:28:20 GMT

在琢磨破窗效应和滑梯效应时，我发现这两个概念非常相似：它们都在强调“第一步”——无论是打破第一扇窗，还是踏上滑梯的顶端，都会让事态不可避免地滑向混乱。但仔细拆解后，会发现两者的侧重点其实大有径庭：破窗效应：更侧重于环境的暗示...

link 和 @import 引入 CSS 的区别：语法 link 是 HTM...

Wed, 23 Apr 2025 10:45:19 GMT

link 和 @import 引入 CSS 的区别：语法 link 是 HTML 标签，在 HTML 文件中使用 @import 是 CSS 语法，只能在 CSS 文件中使用加载 link 加载时不影响渲染 @import 需要等待前面...

预后（Prognosis）是一个医学术语，是医生基于患者当前的状态，对疾病的发展...

Tue, 30 Dec 2025 00:28:38 GMT

预后（Prognosis）是一个医学术语，是医生基于患者当前的状态，对疾病的发展趋势和最终局面所做的预测。常见描述：预后良好：治疗效果好，完全康复概率很大预后一般：可能会留下一些后遗症，恢复较慢，但不危及生命预后不良：治疗难度大，病...

煤气灯效应，本质上是一种通过长期的心理操纵和精神霸凌，让受害者陷入深度自我怀疑、...

Tue, 30 Dec 2025 11:41:38 GMT

煤气灯效应，本质上是一种通过长期的心理操纵和精神霸凌，让受害者陷入深度自我怀疑、认知失调的心理陷阱。这个词源于 1944 年的经典电影《煤气灯下》（Gaslight）。片中，丈夫为了霸占妻子的财产，故意将家中的煤气灯调得忽明忽暗。每当妻子...

神经连接是通过什么机制建立的？又是如何得到加强的？早在1949年，赫布就在其著...

Sun, 21 Dec 2025 07:16:33 GMT

神经连接是通过什么机制建立的？又是如何得到加强的？早在1949年，赫布就在其著作《行为的组织》中揭示了这一机制。当细胞 A 的轴突足以接近以激发细胞 B，并反复或持续地参与对细胞 B 的激发时，这两个细胞或其中一个会发生某种生长过程...

Column

Sun, 28 Dec 2025 09:43:29 GMT

类似于 Milanote 的分组，所有元素

2025 年终总结

Sun, 21 Dec 2025 08:03:26 GMT

回顾先看下去年定下的目标完成情况，只完成了一半 ... ... 吉他能顺利的弹几首曲子运动和减肥，把体重保持在 120 斤精通 React 源码精研各种可视化技术（Canvas、SVG、WebGL）、精研动画输出 20 篇文章输...

2024年终总结

Wed, 01 Jan 2025 01:25:51 GMT

2024 这一年终于过去了，以往的开头都是【白驹过隙，时光荏苒】，感觉时间过的飞快，但是今年，却感觉经历了特别多，也经历过低谷，感觉非常的漫长，且听我慢慢道来。工作今年的工作经历可太“丰富”了，整年心情的旋律完全随着工作的内容起伏变化，...

我们都知道学习是在大脑中进行的，但并不知道学习对大脑究竟有什么影响，更不知道学习...

Sun, 21 Dec 2025 07:14:23 GMT

我们都知道学习是在大脑中进行的，但并不知道学习对大脑究竟有什么影响，更不知道学习时大脑发生了哪些变化，以及这些变化是如何发生的。具体地说，要学习，人们必须改变自己的大脑，更具体地说，是必须改变大脑的神经连接。人的大脑中大约有 850 亿...

集合是由内置类 set 实现的，这意味着你可直接创建集合，而无需导入模块。 >>...

Wed, 26 Jun 2024 10:46:14 GMT

集合是由内置类 set 实现的，这意味着你可直接创建集合，而无需导入模块。 >>> set(range(10)) {0, 1, 2, 3, 4, 5, 6, 7, 8, 9} 可使用花括号显式地创建集合。注意，不能仅使用花括号来创建空集合，...

首先要明白两个概念： click 事件的 300ms 延迟在早期互联网，当时的...

Tue, 11 Nov 2025 13:00:59 GMT

首先要明白两个概念： click 事件的 300ms 延迟在早期互联网，当时的网站都是为 PC 端设计了，在移动端中，用户往往需要通过双击来放大页面，而为了区分用户的单击还是双击，在第一点击屏幕时（ touchend ）并不会立即触发 c...

H5 唤端实践

Fri, 06 Dec 2024 15:14:25 GMT

端外引流是一个提升 DAU 非常重要的手段，常见的端外引流方式有：广告投放分享裂变算法推荐这些手段的形式大多都是准备一个 H5 页面，这个 H5 是在别的 APP 打开的，当用户打开这个页面的时候，能通过某种手段打开自己的 APP ...

什么是反刍。原本的意思是指某些食草动物进化出来的特殊消化方式。简单来说就是把吃下...

Thu, 11 Dec 2025 16:13:59 GMT

什么是反刍。原本的意思是指某些食草动物进化出来的特殊消化方式。简单来说就是把吃下去还没有消化的食物重新倒回嘴里，进行再次咀嚼的过程。为了应对天敌，在进食时不会仔细咀嚼，而是匆忙将大量食物吃下，先储存在胃中，一般这种动物都会有多个胃，比如牛...

什么是期货（Futures）？简单可以理解为一份未来的买卖合同。假设存在这么两...

Thu, 13 Nov 2025 01:09:16 GMT

什么是期货（Futures）？简单可以理解为一份未来的买卖合同。假设存在这么两名角色，农民伯伯和面板店老板。农民伯伯种了很多的小麦，面板店老板需要小麦制作面包，二者存在交易关系，但是它们都有各自的担忧：农民伯伯担心 3 个月后收成是小麦...

在微信公众号上看到张朝阳关于拖延的看法：我们想做一件事情的时候会选择拖延，是...

Tue, 11 Nov 2025 01:19:55 GMT

在微信公众号上看到张朝阳关于拖延的看法：我们想做一件事情的时候会选择拖延，是因为担心做不到，本质原因就是因为不够熟悉，这个时候就是要去想为什么要做这件事情，想表达什么，去收集信息，自言自语的想把东西都关联起来，把脑子热起来，神经元调动起...

渐变色的妙用

Sun, 15 Aug 2021 15:54:00 GMT

在 CSS 中渐变色作为背景可以制作出非常绚丽，迷人的效果，往往我们将焦点聚集在渐变上面，而忽略了它作为背景图片的作用，在这里我将介绍两个渐变色作为背景色以及背景图片的妙用，可以实现一些难以实现的效果。透明背景蒙层我在一个实际的应用开发...

第四课：变换II

Tue, 07 Jan 2025 14:01:29 GMT

旋转 -\theta 矩阵的逆等于转置，称为正交矩阵。本节内容： 3D 变换 Viewing（观测）transformation View（视图）/Camera transformation Projection（投影）transform...

第十五课：光线追踪III

Wed, 05 Mar 2025 23:17:04 GMT

概念复习：能量，电磁辐射的能量，很少使用这个概念，一般用单位时间内辐射的能量功率：单位时间辐射的能量辐射强度：一个立体角上的能量立体角：角度对应的面积除以半径的平方微分立体角，任意空间方向都可以投影到球面坐标系，使用 \theta...

思维导图布局实现，如下简单考虑，只考虑向右展开的布局。已经条件，知道根节点的...

Sun, 23 Feb 2025 22:36:58 GMT

思维导图布局实现，如下简单考虑，只考虑向右展开的布局。已经条件，知道根节点的位置 (rootX, rootY) ，以及所有节点的大小（宽高），求其他节点的位置 (x, y) 。首先看子节点的 x 和父节点 parentX 的关系，非常...

假设你需要部署你的网页，出于成本和维护的考虑，我们会选中云服务厂商，一般情况下我...

Fri, 18 Jul 2025 15:59:57 GMT

假设你需要部署你的网页，出于成本和维护的考虑，我们会选中云服务厂商，一般情况下我们都无法使用完整的一台计算机的能力，为了达成这一要求，云服务厂商会提供虚拟主机服务，虽然看上去你完整的使用了一台算力比较低的机器，实际上是使用部分计算机，云服务...

安装(Windows) 前往 MySQL官网进行下载，下面社区版，版本为 8....

Wed, 09 Apr 2025 04:10:56 GMT

安装(Windows) 前往 MySQL官网进行下载，下面社区版，版本为 8.0.30。然后点击安装，一直点击下一步，有几个需要注意的事项： MySQL 使用的端口号默认为 3306 需要配置 root 的密码，用以连接数据库安装程序...

在 Windows 如何杀死占用某个端口的进程，首先使用 netstat 根据端...

Wed, 25 Sep 2024 05:28:20 GMT

在 Windows 如何杀死占用某个端口的进程，首先使用 netstat 根据端口查找进程号 netstat -ano | findstr <端口号> 两种杀死的方式：使用 tasklist 查找进程号对应进程名称 tasklist | ...

自上班之后我一直在思索，我的人生目标是什么，每天浑浑噩噩的在公司干着没有意义的事...

Sun, 18 Aug 2024 07:18:04 GMT

自上班之后我一直在思索，我的人生目标是什么，每天浑浑噩噩的在公司干着没有意义的事情是我追求的吗？外面的天气这么好，我应该去外面好好的享受，而不是成天在这水泥钢筋中如行尸走肉般的活着。打工不是长久之计，不说这个行业对于年龄的歧视，到了 35...

在软件开发，我们经常被教导要面向接口，而不是面向实现，开发时我们不需要考虑具体的...

Sun, 07 Apr 2024 02:16:30 GMT

在软件开发，我们经常被教导要面向接口，而不是面向实现，开发时我们不需要考虑具体的实现，只使用接口规定的功能就可以，即使后续由于架构升级或者性能考虑，修改了具体的实现，只要对外提供的接口不变，依赖方便不需要进行任何的修改。但是 Google...

网卡上为什么需要有单独的缓存？对于发送，互联网络的发送是同步的，这就要求必须以...

Sat, 23 Mar 2024 06:16:51 GMT

网卡上为什么需要有单独的缓存？对于发送，互联网络的发送是同步的，这就要求必须以恒定的速率将数据发送出去，如果网卡没有单独的缓存来存储发送的数据，数据直接从主存到网卡并不能保证速率稳定，因为总线上还存在其它的流量。对于接收，由于接收的速率...

一个芯片上有两个或两个以上的 CPU 称为多核芯片，如果 CPU 的数量继续...

Fri, 22 Mar 2024 01:21:51 GMT

一个芯片上有两个或两个以上的 CPU 称为多核芯片，如果 CPU 的数量继续增加时，会使用另一个名称，众核。多核与众核之间没有明确的区分界限，如果你觉得损失一两个 CPU 也无所谓，那么就可以称之为众核了。 GPU 是典型的众...

当我们对系统的某个部分进行加速时，对系统整体的加速效果取决于该部分的占比以及加速...

Wed, 10 Jan 2024 15:52:37 GMT

当我们对系统的某个部分进行加速时，对系统整体的加速效果取决于该部分的占比以及加速程度。假设该部分占比为 \alpha ，速度提升为 k ，考虑原来的运行时间为 T_{\text{old}} ，那么加速后的运行时间为那么系统整体的加速比为...

C 语言源文件转化为可执行目标程序的流程，以如下源程序为例 #include
Sun, 14 Jan 2024 04:08:22 GMT
C 语言源文件转化为可执行目标程序的流程，以如下源程序为例 #include int main() { printf("Hello World!\n"); return 0; } 如上图所示，总共分为四个阶段：预处理阶段...

可以通过索引类型定义接口的键值需要符合的约束 interface Somethi...

Sun, 09 Jul 2023 14:05:58 GMT

可以通过索引类型定义接口的键值需要符合的约束 interface Something { // 这个 key 可以随便写成什么有语义的东西 [key: string]: string; // [fieldName: string]: str...

可以通过 keyof 查询接口键的类型如果 keyof 作用于原始类型，相当于...

Sun, 09 Jul 2023 14:01:57 GMT

可以通过 keyof 查询接口键的类型如果 keyof 作用于原始类型，相当于作用于其包装类型。

通过索引我们可以查询键对应的值的类型，这个索引查询不是作用在 JavaScrip...

Sun, 09 Jul 2023 13:55:53 GMT

通过索引我们可以查询键对应的值的类型，这个索引查询不是作用在 JavaScript 对象上，可以作用在类型上，比如接口 interface Obj { a: string; b: number; 1: string; } type A = ...

学习方法： PQ4R 任务拆解制定计划必要难度理论写作与思考

Sun, 21 Jan 2024 09:50:25 GMT

学习方法： PQ4R 任务拆解制定计划必要难度理论写作与思考

let 声明的变量与其他语言声明的变量特性一致：在变量声明之前不能使用 con...

Tue, 15 Oct 2024 05:13:57 GMT

let 声明的变量与其他语言声明的变量特性一致：在变量声明之前不能使用 console.log(a); // ReferenceError: Cannot access 'a' before initialization let a = ...

箭头函数是 ES6 新增的一种声明函数的方法，箭头函数的声明由三部分组成：参数...

Tue, 01 Aug 2023 15:12:20 GMT

箭头函数是 ES6 新增的一种声明函数的方法，箭头函数的声明由三部分组成：参数列表：使用括号将参数括起，参数之间使用逗号分隔 (x, y) (x, y = x) 箭头： => 函数体：使用花括号括起 const add = (x, y) ...

做笔记的一些误区：完美主义：认为笔记做完后是不用修改的，直接可用的，实际上笔记...

Thu, 21 Mar 2024 01:11:53 GMT

做笔记的一些误区：完美主义：认为笔记做完后是不用修改的，直接可用的，实际上笔记是要一直迭代的，真正重要的是快速写下自己的想法，至于排版、美化、遣词造句都是后续的工作没有目的：没有审查已有的知识体系，没有目的的进行输入，使得接收的信息无法...

读了一篇文章，张朝阳随口而说的这几段话，就是最顶级的学习方法指南！其中关于碎...

Tue, 11 Nov 2025 04:09:29 GMT

读了一篇文章，张朝阳随口而说的这几段话，就是最顶级的学习方法指南！其中关于碎片化学习和系统性学习的阐述有一些感触：人脑是反系统的，人脑就是碎片化的人脑的高效的学习策略是学习时我们要让大脑始终保持在最兴奋的状态，而系统学习太枯燥了...

如何打造自己的知识体系。以项目为分界点，分为两个部分：输入，项目之前的流程为...

Sat, 27 Apr 2024 01:57:44 GMT

如何打造自己的知识体系。以项目为分界点，分为两个部分：输入，项目之前的流程为输入部分，以正在进行的项目为导向，广泛收集与该项目有关的所有信息，包括但不限于书本、论文、视频、博客、音频等等渠道，在这一步仅作收集，可以是直接对文章的摘录、课...

如何在 Github 删除分支：首先来到仓库的页面，在仓库的顶端有 2 bra...

Wed, 12 Jul 2023 15:19:08 GMT

如何在 Github 删除分支：首先来到仓库的页面，在仓库的顶端有 2 branchs 的字，点击进入点击要删除分支的右边的删除图标

统计学家乔治·博克斯(George Box)曾说：“所有模型都是错的，但有些是...

Mon, 10 Nov 2025 01:15:52 GMT

统计学家乔治·博克斯(George Box)曾说：“所有模型都是错的，但有些是有用的。”他的观点是，所有的模型都会做出一系列假设，以简化我们周围的世界；如果它们没有这样做，那么模型和真实世界也就没有什么差别（因此，对理解真实世界也就没有...

第五课：光栅化I

Thu, 09 Jan 2025 14:04:44 GMT

在做完变换之后，下一步是什么，把物体画在屏幕上。如何定义近大远小：宽高比视口，表示可以看到的角度的范围如何根据视口和宽高比得到 l, r, b, t 什么是屏幕？ Raster 是德语定义的一个词，就是屏幕，光栅化就是把东西画在屏幕...

第七课：着色I

Wed, 15 Jan 2025 13:41:46 GMT

多个物体怎么画在画布上，参考画家，先绘制最远的物体，然后绘制近的，近的物体可以把远的物体遮盖住需要先按照深度排序（ O(n\log n )），存在无法解决的深度排序互相覆盖，无法定义深度关系。引入深度缓存（深度缓冲）的概念，Z-Buff...

搜索旋转排序数组II

Tue, 15 Oct 2024 14:14:02 GMT

题目描述已知存在一个按非降序排列的整数数组 nums ，数组中的值不必互不相同。在传递给函数之前， nums 在预先未知的某个下标 k(0 <= k < nums.length) 上进行了旋转，使数组变为 [nums[k], num...

第二课：线性代数

Fri, 03 Jan 2025 14:53:05 GMT

向量，带方向的量。表示， \vec{a} 或者粗体 a 。向量加减计算：几何：平行四边形法则代数：对应坐标相加减乘法：点乘向量的点乘得到的是一个数。 a = (x_1, y_1), b = (x_2, y_2) ， \vec{a...

第三课：变换I

Sun, 05 Jan 2025 13:21:54 GMT

课程链接： https://www.bilibili.com/video/BV1X7411F744?p=3&vd_source=e8043cc4b732005b1462dcd5e91d68c6 可以参考【线性代数及其应用】这本书坐标系变换章...

如何清除 Chrome 的 DNS 缓存：在地址栏输入 chrome://ne...

Sun, 17 Sep 2023 14:19:21 GMT

如何清除 Chrome 的 DNS 缓存：在地址栏输入 chrome://net-internals/#dns 点击 Sockets，然后点击 Flush socket pools 点击 DNS，点击 Cleat host cache

script 标签中 defer 和 async 的比较：参考： async ...

Wed, 16 Apr 2025 04:36:58 GMT

script 标签中 defer 和 async 的比较：参考： async vs defer attributes

有的时候你需要验证一个想法，或者尝试某个 API 的使用，但是你不想新建一个 J...

Wed, 09 Apr 2025 03:46:16 GMT

有的时候你需要验证一个想法，或者尝试某个 API 的使用，但是你不想新建一个 JavaScript 文件，这个时候你会打开控制台。在控制台进行计算时，有的时候需要用到上一步的计算结果继续运算，但是我们忘了将其保存在变量中，这时我们可以通过...

两个元素叠在一起，重合的部分应该显示谁？看两个元素所在的层叠上下文，所在的层叠...

Mon, 13 Nov 2023 13:30:13 GMT

两个元素叠在一起，重合的部分应该显示谁？看两个元素所在的层叠上下文，所在的层叠上下文谁高就显示谁，所谓拼爹所在的层叠上下文是一样的，看二者有没有形成自己的层叠上下文有层叠上下文的比没有层叠上下文的强（负值除外）都有，拼大小，谁大谁...

pnpm 的优势及特点：节省存储空间如果在一台电脑上有 100 个 npm ...

Wed, 23 Apr 2025 09:22:44 GMT

pnpm 的优势及特点：节省存储空间如果在一台电脑上有 100 个 npm 项目，每个项目中存在相同的依赖，那么这些依赖在每个项目中都会存在一份。 pnpm 有一个中心化的 content-addressed store 来解决这个问题...

在 React 中，经常我们需要监听某个变量的变化，然后触发一个行为，这个时候我...

Mon, 11 Dec 2023 10:49:02 GMT

在 React 中，经常我们需要监听某个变量的变化，然后触发一个行为，这个时候我们会使用 useEffect ，将需要被监听的变量放入它的依赖数组，理想情况是在处理函数中你只使用了该变量，因此只需要将该变量放入到依赖数组中即可，但是实际的情...

长大了想回到童年，因为童年的大部分时间都是无忧无虑，不用承担责任，是自由的，是活...

Thu, 22 Aug 2024 01:33:04 GMT

长大了想回到童年，因为童年的大部分时间都是无忧无虑，不用承担责任，是自由的，是活泼的，是容易满足的。但是在小时候我们又想着快快长大，为什么想快快长大，小时候觉得大人是自由，想去哪去哪，想做什么就做什么，不用做作业，大人还有很多钱，但是这不...

《驱动力》这本书有一个观点很受启发，那就是自主性，我觉得我上班不开心就是缺少自主...

Wed, 21 Aug 2024 04:44:34 GMT

《驱动力》这本书有一个观点很受启发，那就是自主性，我觉得我上班不开心就是缺少自主性，我是一个机器人，只会干活的机器人，所以如果我能改变这种状况，掌握自主性，那么我会不会就变得开心呢？我失去了主动性我不再主动的将精力投入到项目中，我从事的...

俞敏洪在北大的一次演讲，话题是因思想而光滑，新时代新思想。俞敏洪在此次演讲中指出...

Sat, 16 Dec 2023 04:54:31 GMT

俞敏洪在北大的一次演讲，话题是因思想而光滑，新时代新思想。俞敏洪在此次演讲中指出的一些问题和提出的一些观点富有见解，因此特意记录下来。思想需要进一步的解放目前我们的思想被限制在一条管道中前行，思想不能突破这条管道，我们的讨论应该再大胆一...

读书要做读书笔记吗？如果读到有启发处，将当时的灵感写下来自然是极好的，但是不用...

Mon, 02 Sep 2024 01:40:13 GMT

读书要做读书笔记吗？如果读到有启发处，将当时的灵感写下来自然是极好的，但是不用刻意去做这件事情，我们读过的书就像吃过的饭，已经成为了我们的养分。但是写作我认为是必须的，但不必要求必须是边读边写的，写作应当是定个主题，然后去搜集相关的材料...

现在主流的笔记软件赚钱思路都是卖同步服务（如 Obsidian 和思源），或者...

Wed, 02 Apr 2025 04:04:26 GMT

现在主流的笔记软件赚钱思路都是卖同步服务（如 Obsidian 和思源），或者一些高级功能（如 Flomo 的相关笔记，每日回顾等），或者就是买断制（比如 Typora）和订阅（Notion，Flowus），除了思源是开源的，其他都是闭源...

和小黑吃饭时，我讲了一下我在工作中使用 AI 的情况，AI 实在太强大了，个人有...

Thu, 31 Jul 2025 01:04:32 GMT

和小黑吃饭时，我讲了一下我在工作中使用 AI 的情况，AI 实在太强大了，个人有点悲观（对 AI 乐观），也许在五年内程序员的岗位会大幅减少。当时也谈到了 AI 目前的问题，想到之前看到 Lilian Weng 发表的文章：Agent...

Frederic Bartlett 的 Schema 理论，Schema 可以理...

Sun, 10 Aug 2025 12:35:33 GMT

Frederic Bartlett 的 Schema 理论，Schema 可以理解为我们对世界、事件、人物或概念的概括性知识，它强调知识是一个主动积极的构建过程，而不是被动机械的复制过程。当我们接收到新的信息时，会根据已有的 Schem...

网络效应（Network Effect）也称为网络外部性（Network Ex...

Mon, 15 Sep 2025 01:37:35 GMT

网络效应（Network Effect）也称为网络外部性（Network Externality），是指一个产品或服务的价值随着使用的用户的增加而增加的现象。以通信系统为例，如果世界上只有一台电话，那么这台电话毫无价值。如果有两台，两...

在 HTTP/1.1 中，强制要求请求和响应必须是“先进先出”（FIFO）的顺序...

Fri, 10 Oct 2025 01:14:52 GMT

在 HTTP/1.1 中，强制要求请求和响应必须是“先进先出”（FIFO）的顺序，因为 HTTP/1.1 协议本身没有在消息中加入任何用于配对请求和响应的标识符，为了将请求和响应一一对应，因此必须按序处理响应。这就意味着如果前一个请求响...

学习到两个有用的概念：认知过载，人在短时间内接受过量信息从而无法进行有效思考 ...

Wed, 24 Sep 2025 14:48:46 GMT

学习到两个有用的概念：认知过载，人在短时间内接受过量信息从而无法进行有效思考老师快速讲述过多知识点短时间内读完一本书给我带来的启示是不要求在一周或者几周内快速读完一本书，这也与我的实际体验相符，快速读完无法消化书里面的内容，读书更重...

为什么节食不行：我们的身体通过代谢率来控制输出，当节食时大脑会以为进入了饥荒状态...

Mon, 27 Oct 2025 23:59:38 GMT

为什么节食不行：我们的身体通过代谢率来控制输出，当节食时大脑会以为进入了饥荒状态，会降低代谢率，导致疲劳，烦躁，当恢复饮食时会迅速反弹。影响因素：果糖，不是指水果中和纤维混在一起的糖，而是指人工加工的果糖，果糖不像葡萄糖可以被细胞利用，...

人实在是太容易受到激素影响了，理性根本无法控制被激素支配的身体。有一人晚上睡觉...

Mon, 04 Aug 2025 01:08:17 GMT

人实在是太容易受到激素影响了，理性根本无法控制被激素支配的身体。有一人晚上睡觉的时候，卧室的门没有关牢，导致只要有风，门就会晃动，发出滋滋滋的声音，就像是一个人在慢慢的打开门，我听到这个声音，一种害怕的感觉涌上心头，因为恐怖电影里面经常有...

职业生涯的三个阶段：融入期找准自己的角色定位，成为不规则但是很契合的齿轮建...

Sun, 30 Mar 2025 08:36:20 GMT

职业生涯的三个阶段：融入期找准自己的角色定位，成为不规则但是很契合的齿轮建立信任是重中之重突破期主动是能否突破的决定性因素，主动寻求机会，解决问题做到 120%，提出别人想不到的方法，做到别人做不到的事情，而不是简单的执行制定长...

关于不合理的需求沟通，不要直接说不，这样会产生不信任感，但是也是有策略的：对于...

Sat, 26 Aug 2023 14:32:13 GMT

关于不合理的需求沟通，不要直接说不，这样会产生不信任感，但是也是有策略的：对于做不到的需求，不要说需求做不到，特别是不要马上说做不到，你要先想一下，让别人觉得你是想做的，但是仔细思考后，发现的确做不到，这个时候你可以给一个你的方案。诀窍是...

如何写一张卡片？之前遇到的问题：追求完美主义，很难下笔越写越发散，越写发现...

Mon, 24 Feb 2025 00:52:21 GMT

如何写一张卡片？之前遇到的问题：追求完美主义，很难下笔越写越发散，越写发现关联的东西越多，一张卡片加了很多知识点每一张卡片都是为了解决一个问题因为是一个问题，所以不是大而全，如果是大问题，那应该要拆解为多个小问题限制了范围，产...

读了《富兰克林自传》，我明白了美德的重要性，拥有了美德一切都会拥有的，我们需要培...

Tue, 01 Apr 2025 03:39:49 GMT

读了《富兰克林自传》，我明白了美德的重要性，拥有了美德一切都会拥有的，我们需要培养自己的美德。从书中可以看到，书中的时代大家是可以看到各自的品性的，并且非常的关注，书中在介绍人物的时候总是会介绍这个人的品性怎么样，但是在现在，似乎大家不关...

基于 SVG 无限画板的拖拽和缩放实现。 SVG 可以看作是一个无限大小的画布，...

Sun, 22 Sep 2024 15:09:17 GMT

基于 SVG 无限画板的拖拽和缩放实现。 SVG 可以看作是一个无限大小的画布，而 viewBox 属性就是决定将画布中的哪一部分展示出来， viewBox 指定的这个范围称之为视口。 viewBox 通过四个属性来定义视口：左上角坐标 ...

浮点数是如何被编码的？在 20 世纪 80 年代，每个厂商对浮点数都有自己的编...

Sat, 20 Jan 2024 15:22:40 GMT

浮点数是如何被编码的？在 20 世纪 80 年代，每个厂商对浮点数都有自己的编码规则，大约在 1985 年，推出了 IEEE 754 标准，该标准定义了浮点数的表示以及运算规则，现在几乎所有的计算机都支持这个标准，极大地提高了程序的可移植...

浮点数的编码

Sun, 25 Feb 2024 04:44:36 GMT

补码具有如下特点：首位表示符号位， 0 表示正数， 1 表示负数正数的表示同...

Sat, 20 Jan 2024 01:21:32 GMT

补码具有如下特点：首位表示符号位， 0 表示正数， 1 表示负数正数的表示同无符号数加法的位运算同无符号数一致假设对于 x > 0 ，其补码表示为 [0, x_{w - 1}, x_{w-2}, \dots, x_0] ，设对于 -...

补码的表示

Sun, 25 Feb 2024 04:44:15 GMT

for ... in 的作用是遍历对象上可枚举的属性，包括原型链上的属性 c...

Thu, 09 Oct 2025 23:29:51 GMT

for ... in 的作用是遍历对象上可枚举的属性，包括原型链上的属性 const animal = { type: '哺乳动物', eat: function() { console.log('正在吃东西...'); } }; co...

XMLHttpRequest 实例上存在一个 responseType 属性，通...

Tue, 02 Jan 2024 12:19:21 GMT

XMLHttpRequest 实例上存在一个 responseType 属性，通过设置该属性可以对返回结果产生影响。有如下取值： text 将结果转化为字符串 json 将结果转化为 JavaScript 对象，如果无法转换，则结果为 nu...

放在函数开头的字符串称为文档字符串（docstring），将作为函数的一部分存储...

Mon, 24 Jun 2024 10:37:01 GMT

放在函数开头的字符串称为文档字符串（docstring），将作为函数的一部分存储起来。 def square(x): 'Calculates the square of the number x.' return x * x 可通过 __d...

cross-env 的作用：用以跨平台设置环境变量，不同平台设置环境变量的方式不...

Wed, 12 Jul 2023 15:51:35 GMT

cross-env 的作用：用以跨平台设置环境变量，不同平台设置环境变量的方式不一样，通过 cross-env 可以以相同的方式设置环境变量，提高了脚本的可移植性。 cross-env NODE_ENV=prod webpack 同时设置多...

satisfies 是 TypeScript 4.9 引入的一个操作符，它可以检...

Fri, 22 Aug 2025 07:57:56 GMT

satisfies 是 TypeScript 4.9 引入的一个操作符，它可以检查一个表达式是否满足给定类型，并且会保留最具体的推断类型。为了明确 satisfies 的作用，我们可以看下一般情况我们是如何检查类型的，以及会存在什么问...

愈发感觉到当前大模型的训练以及推理和人非常的相似。刷到这么一个说法把人的学...

Sun, 24 Aug 2025 02:54:21 GMT

愈发感觉到当前大模型的训练以及推理和人非常的相似。刷到这么一个说法把人的学习和大模型训练进行了一个映射：书中学 -> 预训练高人聊 -> 后训练事上练 -> 强化训练由此我想到大模型的推理，特别是思考模式，它会在输出正式回答之...

径向渐变的语法 = radial-gra...

Mon, 15 Sep 2025 04:32:14 GMT

径向渐变的语法 = radial-gradient( [ ] ) = [

line-height 用以指定行高，当行高大于字体大小时，就会在内容的上下均分...

Tue, 16 Sep 2025 01:29:49 GMT

line-height 用以指定行高，当行高大于字体大小时，就会在内容的上下均分多余的空间，从而形成行间距，这也是 line-height 在规范中的定义，行与行之间基线之间的距离。从图中可以看到行间距，内容高度和行高的关系，即行间距 ...

线性渐变以与起点在一个方向上的投影距离计算颜色的插值，形成渐变色，径向渐变 ...

Thu, 18 Sep 2025 14:06:16 GMT

线性渐变以与起点在一个方向上的投影距离计算颜色的插值，形成渐变色，径向渐变以离中心点的距离进行插值，形成渐变，角向渐变（锥形渐变）则是以与起始位置形成的角度来进行插值，形成渐变。为什么角向渐变又被称为“锥形”渐变？如果色块的一侧比另...

当通过鼠标或者键盘聚焦到可聚焦的元素上时，会出现焦点指示器（一般是外轮廓）以响应...

Wed, 24 Sep 2025 14:00:43 GMT

当通过鼠标或者键盘聚焦到可聚焦的元素上时，会出现焦点指示器（一般是外轮廓）以响应用户已聚焦到该元素，但是这个样式很丑，很多时候我们不想要这个样式，就会把这个外轮廓去掉，但是这样对无障碍人士就不友好，如果说他只能通过键盘访问聚焦的元素，如果没...

vertical-align 可以设置行内元素在行框中的垂直对齐方式。根据计算来...

Fri, 26 Sep 2025 00:39:08 GMT

vertical-align 可以设置行内元素在行框中的垂直对齐方式。根据计算来源和计算方式可分为两类：相对于父元素的属性（ baseline 、 x-height 、 line-height ） baseline ：元素的基线相对于行框...

padStart ，在字符串的前面填充指定字符以满足指定的长度要求，接收两个参数...

Thu, 25 Sep 2025 14:36:55 GMT

padStart ，在字符串的前面填充指定字符以满足指定的长度要求，接收两个参数：目标长度填充字符串，可选，默认为空格 " "(U+0020) const month = （new Date().getMonth() + 1） // -...

文档组织

Tue, 26 Dec 2023 15:45:41 GMT

在本节中介绍一些有效组织文档的技术，包括对元素进行分组，复用已有的元素分组在画布中，有些形状是一体的，比如我们要绘制一只小鸟，小鸟由身体的各个部位（头、身体、翅膀等）组成，这些部位应该归为一组，这样方便我们管理，并且在阅读代码时也会比较...

渐变色

Tue, 26 Dec 2023 15:45:57 GMT

除了可以给形状填充纯色之外，我们还可以为其添加渐变色，渐变色分为两种：线性渐变径向渐变线性渐变使用来定义线性渐变，最简单的渐变就是从一个颜色渐变到另一个颜色，我们...

循环径向渐变的语法同径向渐变的语法相同，差异在于循环二字，会以渐变图像的大小...

Wed, 17 Sep 2025 04:57:28 GMT

循环径向渐变的语法同径向渐变的语法相同，差异在于循环二字，会以渐变图像的大小向四个方向重复。其形式语法如下 = repeating-radial-gradient( [

getopts 用于 shell 脚本中，它一次处理一个命令行选项，当处理完所有...

Thu, 13 Jul 2023 14:09:22 GMT

getopts 用于 shell 脚本中，它一次处理一个命令行选项，当处理完所有选项后，会返回大于 0 的退出码 getopts optstring var optstring 的定义同 getopt #!/bin/zsh while ge...

字符串可以使用 format_map 方法进行格式化，接受一个字典 >>> s ...

Sun, 23 Jun 2024 14:27:46 GMT

字符串可以使用 format_map 方法进行格式化，接受一个字典 >>> s = "Hello, {name}" >>> s.format_map({"name": "Alice"}) 'Hello, Alice'

IP 作为识别用户的缺点： IP 是和机器绑定而不是和用户绑定的，如果一台机器上...

Mon, 14 Jul 2025 01:44:41 GMT

IP 作为识别用户的缺点： IP 是和机器绑定而不是和用户绑定的，如果一台机器上允许多个用户登录，则无法识别在有的场景下，每次用户登录，网管都会分配新的 IP 地址出于安全性以及 IP 地址资源的紧缺性的考虑，大多数用户都通过 NAT ...

Promise.all 可以等待多个异步任务执行完成，其返回一个 Promise...

Wed, 16 Aug 2023 15:01:24 GMT

Promise.all 可以等待多个异步任务执行完成，其返回一个 Promise ，只有这些异步任务全部执行成功时，返回的 Promise 才是 resolved 的，否则一旦一个 rejected ，其结果就是 rejected 的，但是...

kiosk 模式又被称为信息台模式或展台模式，当用户运行在这种模式下，用...

Mon, 15 Sep 2025 01:17:36 GMT

kiosk 模式又被称为信息台模式或展台模式，当用户运行在这种模式下，用户对系统功能的访问受到严格限制，常见于银行 ATM 自动取款机，电影院的自助售票机，它具有如下特点：应用全屏，窗口会占据整个屏幕的显示区域覆盖一切，窗口会覆...

循环线性渐变，会在一个指定的尺寸内创建渐变，然后无限的重复下去，它的语法与线性...

Sun, 14 Sep 2025 12:16:06 GMT

循环线性渐变，会在一个指定的尺寸内创建渐变，然后无限的重复下去，它的语法与线性渐变的语法相同 = repeating-linear-gradient( [

在 CSS 中是一个占位符，表示此处可以写为不带单位的 0 ...

Sun, 14 Sep 2025 11:30:01 GMT

在 CSS 中是一个占位符，表示此处可以写为不带单位的 0 值，需要注意，必须为显式的字面量，计算出来量如 calc(0) 不能与匹配。例子 1：线性渐变的语法

startsWith 是用来判断某个个字符串是否是该字符串的开头 const s...

Sat, 05 Aug 2023 15:49:32 GMT

startsWith 是用来判断某个个字符串是否是该字符串的开头 const str = "Hello World!"; console.log(str.startsWith("Hello")); // true console.log(s...

JavaScript 函数中 this 的指向

Sun, 13 Apr 2025 03:24:04 GMT

函数中的 this 表示函数执行时调用该函数的对象，因此函数中的 this 和调用方式有关，而不是和定义的地方有关，不同的调用方式函数内部的 this 也不一样，所以要搞明白函数内部 this 的值，就得看有哪些调用函数的方式：直接调用 ...

一般情况下我们都会使用 CSS 来制作动画，因为性能好，但是灵活性相比 JS 欠...

Thu, 12 Oct 2023 01:50:34 GMT

一般情况下我们都会使用 CSS 来制作动画，因为性能好，但是灵活性相比 JS 欠佳，所以有的时候会使用 JS 手动操作样式来制作动画，但是性能上相比 CSS 就存在问题，好消息是自 Chrome36 起，提供了一个新的 API，Web An...

ES6 为对象提供了一些简写的方式。当属性名和值所对应的变量名相同时，可以简写...

Tue, 15 Aug 2023 14:08:33 GMT

ES6 为对象提供了一些简写的方式。当属性名和值所对应的变量名相同时，可以简写 const name = "Alice"; const age = 18; const person = { name: name, age: age, };...

有的时候代码中需要共享一个 Symbol ，ES6 提供了一个全局的 Symbo...

Wed, 02 Aug 2023 14:20:11 GMT

有的时候代码中需要共享一个 Symbol ，ES6 提供了一个全局的 Symbol 管理机构，我们可以在任何时候访问它。我们是通过 Symbol.for 方法来访问这个全局机构的， Symbol.for 接收一个字符串参数，根据这个字符串参...

线性渐变的基本语法： = linea...

Wed, 03 Sep 2025 15:54:19 GMT

线性渐变的基本语法： = linear-gradient( [ ] ) = [ ...

Node.js之事件循环

Mon, 22 Feb 2021 23:11:23 GMT

Node.js 是单线程的，但是它却可以应用在高并发场景，原因就是它的事件循环机制。所以本篇文章来介绍 Node.js 的事件循环机制。同步与异步因为 Node.js 是单线程的，代码的执行不能使用同步机制，因为同步执行会阻塞代码，在单...

读完了《芯片战争》，在读之前一直以为美国是绝对的老大，因为技术的起源似乎都是来自...

Sat, 16 Aug 2025 03:13:48 GMT

读完了《芯片战争》，在读之前一直以为美国是绝对的老大，因为技术的起源似乎都是来自于美国，但是读了之后才发现目前世界格局并不如我想的那般，光刻机依赖于荷兰的 ASML 公司（全球也只有这家公司有实力生产光刻机），而芯片制造依赖于韩国的三星和台...

23 抗体

Mon, 10 Mar 2025 00:41:09 GMT

常见抗体长得像有两只钳子的小龙虾，体积很小，抗体具有针对性，会吧相应的病原体都洗出来，然后用小钳子紧紧抓住，一旦和病原体结合，就不会松手。抗体尾端可以方便地结合到免疫细胞上。抗体的作用：调理病原体，抓住敌人，让免疫细胞觉得敌人更美味攻...

22 T 细胞和 B 细胞的共舞

Mon, 10 Mar 2025 00:30:51 GMT

受体和抗原不是完美结合的，只要 B 细胞的受体可以识别出抗原，就能活化，虽然生成的抗体不完美，但是能快速反应，随后使用精妙的系统微调，改进抗体，变成完美。 B 细胞被辅助性 T 细胞激活变成浆细胞，每次 B 细胞首要辅助性 T 细胞的阳性...

20 唤醒适应性免疫系统：T细胞

Sun, 09 Mar 2025 23:56:11 GMT

T 细胞的分类：辅助线 T 细胞杀伤性 T 细胞调节性 T 细胞每一种还能特化成不同的亚类。它们指挥其他免疫细胞，并激活最重型的武器。这里只介绍辅助性 T 细胞。辅助性 T 细胞激活后，第一件事情就是克隆增殖自己，几小时内就有...

19 抗原层递

Sun, 09 Mar 2025 23:42:23 GMT

辅助 T 洗吧只会碰那些抱在细胞表面 MHC-II 类分子中的抗原，这样就不会碰到血液或淋巴液中的游离抗原。过程：树突细胞在战场把细菌的抗原包裹在 MHC-II 类分子中树突细胞开始迁移，经淋巴系统来到淋巴结，找到辅助 T 细胞辅助...

18 胸腺 -- 杀手大师

Thu, 20 Feb 2025 23:53:34 GMT

适应性免疫细胞需要从胸腺这所“杀手大学”中毕业，比如 T 细胞。每个 T 细胞生来都有某一特殊受体，可以识别某一种特殊抗原，肯定有很多 T 细胞的受体可以与自身细胞的蛋白结合，这就是自身免疫性疾病。自身免疫性疾病就是适应性免疫系统把自身...

17 烹饪美味的受体菜谱

Thu, 20 Feb 2025 01:46:33 GMT

所有生物的基本部件相同，部件主体是蛋白质，免疫细胞通过和细菌的蛋白质结合，识别和俘获细菌。先天免疫系统通过 Toll 样受体识别细菌表面常见的蛋白质，有限。能被免疫系统识别的蛋白块叫抗原，有几亿种抗原先天性免疫系统无法识别。抗原是免疫...

16 宇宙最大的图书馆

Thu, 20 Feb 2025 01:41:59 GMT

适应性免疫系统为世上所有可能的敌人，包括过去曾出现过的、现有存世的，甚至将来可能出现但目前还不存在的感染，都准备了专门的武器。总之，它拥有全宇宙最大的图书馆。细菌会适应人体的防御系统，并变成病原体，甚至在感染的过程中，细菌还会变异，仅靠先...

15 超级武器降临

Thu, 20 Feb 2025 01:36:02 GMT

T 细胞激活了巨噬细胞抗体让细菌无路可逃战斗结束后 T 细胞通过细胞因子让巨噬细胞有了倦意中性粒细胞开始自杀（是什么让他自杀的），新生巨噬细胞会处理尸体发出信号刺激普通细胞生长，让伤口愈合大部分辅助线 T 细胞程序性死亡炎症消退...

在程序需要进行输入输出操作时，会发起系统调用，接着设备驱动程序启动 I/O，有三...

Sun, 31 Mar 2024 06:16:10 GMT

在程序需要进行输入输出操作时，会发起系统调用，接着设备驱动程序启动 I/O，有三种方式来进行输入输出：轮询：CPU 一直轮询检查数据准备好没有，在这个过程中，CPU 一直在循环等待，不能执行其它任务，待数据准备好了之后，CPU 执行相应的...

在 ES5 中没有规定当遍历一个对象时应该以何种顺序来访问对象的属性，但是在 E...

Tue, 15 Aug 2023 14:42:22 GMT

在 ES5 中没有规定当遍历一个对象时应该以何种顺序来访问对象的属性，但是在 ES6 中规定了访问的顺序，这个影响了 Object.getOwnPropertyNames() 和 Reflect.ownKeys() ，同样也影响了调用 Ob...

Rust 中打开一个文件的方法。第一种方式通过 File::open 来打开一...

Fri, 20 Oct 2023 16:14:15 GMT

Rust 中打开一个文件的方法。第一种方式通过 File::open 来打开一个文件 let file = File::open("hello.txt"); 默认打开的文件权限是只读的，可以通过 options() 来设置打开权限 let...

如果输入与输出有相同的生命周期标识，则表示输入必须活的比输出长，换句话说输出的生...

Thu, 29 Feb 2024 15:09:21 GMT

如果输入与输出有相同的生命周期标识，则表示输入必须活的比输出长，换句话说输出的生命的周期要小于该输入，否则如果输入先死，输出引用了输入，输出引用了一个死掉的数据，是不行的，所以输出的生命周期一定比输入短。实际的生命周期由输入决定，并且是由...

在 Rust 中，只有相同类型的数字才能计算 fn main() { let i...

Tue, 16 Jul 2024 00:28:28 GMT

在 Rust 中，只有相同类型的数字才能计算 fn main() { let i = -1; let f = 2.0; let num = i * f; println!("{}", num); } 上述程序编译失败，错误信息如下 let ...

Rust 作为强静态类型语言，必须在编译时就知道所有变量的类型。最简单的办法在声...

Tue, 16 Jul 2024 00:55:46 GMT

Rust 作为强静态类型语言，必须在编译时就知道所有变量的类型。最简单的办法在声明变量的同时指定其类型 fn main() { let i: i32 = -1; let u: u32 = 2; println!("{} {}", i, u)...

如何运行 Rust 程序： rustc 直接运行单个文件，步骤为使用 rustc...

Wed, 17 Jul 2024 00:52:34 GMT

如何运行 Rust 程序： rustc 直接运行单个文件，步骤为使用 rustc 编译为二进制文件，随后直接运行 rustc main.rs 运行后会生成可运行的二进制文件 $ ls bin lib.rs main.rs $ rustc m...

淋巴系统：免疫系统的高速公路和大都市网络。拥有广泛的淋巴管网和专门的淋巴液。部...

Wed, 19 Feb 2025 22:43:06 GMT

淋巴系统：免疫系统的高速公路和大都市网络。拥有广泛的淋巴管网和专门的淋巴液。部分血液会从血管渗出到组织和器官，直接运送物资，之后部分血液会被血管重新吸收，但有部分血浆仍残留在组织细胞间，淋巴系统会负责把组织细胞间多余的液体重新运回血液，重...

14 淋巴：高速路和大都市

Wed, 19 Feb 2025 22:11:27 GMT

人体的免疫系统是抵抗病原体的防御机制，由两部分组成：先天性免疫系统适应性免疫...

Fri, 21 Feb 2025 00:07:24 GMT

人体的免疫系统是抵抗病原体的防御机制，由两部分组成：先天性免疫系统适应性免疫系统先天性免疫系统指的是与生俱来的防御机制，可以快速的识别多种病原体，防御机制包括：物理和化学屏障皮肤、黏膜胃酸、溶菌酶、抗菌肽细胞防御中性粒细胞 ...

算数基本定理，又称为正整数的唯一分解定理，内容如下：每个大于 1 的自然数，要...

Mon, 13 Jan 2025 15:03:24 GMT

算数基本定理，又称为正整数的唯一分解定理，内容如下：每个大于 1 的自然数，要么本身就是质数，要么可以写为两个或以上的质数的积，而且这些质因子按大小排列之后，写法仅有一种方式。这表示质数是乘法的基本元素。证明：存在性使用数学归纳法...

脚本在后台允许，在命令后加个 & #!/bin/zsh count=5 whil...

Thu, 13 Jul 2023 13:50:59 GMT

脚本在后台允许，在命令后加个 & #!/bin/zsh count=5 while [ "$count" -gt 0 ] do echo "number$count" count=$[ $count - 1 ] sleep 1 done x...

zip [-r] 压缩后的文件名文件或目录 -r ：压缩目录压缩比并没有 g...

Mon, 10 Jul 2023 14:52:47 GMT

zip [-r] 压缩后的文件名文件或目录 -r ：压缩目录压缩比并没有 gzip 高，所以不常用。 # 解压缩 unzip 压缩文件

gzip 是用于压缩和解压缩的命令行工具。压缩文件 # 压缩文件，原文件会被删...

Mon, 10 Jul 2023 14:56:13 GMT

gzip 是用于压缩和解压缩的命令行工具。压缩文件 # 压缩文件，原文件会被删除，会自动生成以 .gz 为后缀名的压缩文件 gzip 文件 # 压缩多个文件 gzip 文件1 文件2 通过 -c 选项可以将压缩后的内容写入到标准输出而不是...

gzip 的升级版本，增加选项 -k (keep)，后缀名 .bz2 -k ：保...

Mon, 10 Jul 2023 14:59:16 GMT

gzip 的升级版本，增加选项 -k (keep)，后缀名 .bz2 -k ：保留原文件 bzip2 -k math.sh # -j：使用 bzip2 压缩 tar -jcvf shell.tar.bz2 shell # 解压缩 bzip2...

tee 同时输出到标准输出和文件 xt in ~/shell/redir λ d...

Mon, 10 Jul 2023 15:16:59 GMT

tee 同时输出到标准输出和文件 xt in ~/shell/redir λ date | tee datefile Fri Dec 24 21:50:23 CST 2021 xt in ~/shell/redir λ cat datefi...

使用 rmdir 可以删除一个空文件夹 ~ » rmdir dir ~ » tr...

Wed, 12 Jul 2023 13:20:31 GMT

使用 rmdir 可以删除一个空文件夹 ~ » rmdir dir ~ » tree . ├── d1 │ └── d2 │ └── d3 └── dir1 └── dir2 └── dir3 6 directories, 0 files ...

cd 表示 change directory，它的作用是用来切换工作目录的，它的...

Wed, 12 Jul 2023 14:58:15 GMT

cd 表示 change directory，它的作用是用来切换工作目录的，它的基本使用如下 cd dir dir 是一个路径，它可以是相对路径，也可以是绝对路径 # 切换到 /tmp 目录 ~ » cd /tmp /tmp » ls ma...

有的时候我们可能不记得文件或目录的具体名称，这个时候我们可以使用元字符进行模糊匹...

Wed, 12 Jul 2023 15:49:15 GMT

有的时候我们可能不记得文件或目录的具体名称，这个时候我们可以使用元字符进行模糊匹配： ? ：表示任意一个字符 * ：表示零个或多个字符 ~ » ls hello hello.c hello.md math ~ » ls -l hello.*...

Linux 创建临时文件： mktemp filename.XXXXXX XXX...

Thu, 13 Jul 2023 13:34:24 GMT

Linux 创建临时文件： mktemp filename.XXXXXX XXXXXX 是模板，会被随机成六个字符 mktemp -t filename.XXXXXX 在 tmp 目录创建文件 mktemp -d dirname.XXXXX...

绝对定位与 overflow 的关系。绝对定位的元素，其父元素设置了 over...

Sun, 12 Nov 2023 08:21:15 GMT

绝对定位与 overflow 的关系。绝对定位的元素，其父元素设置了 overflow: hidden ，对绝对定位的元素生效吗？这其实要看其父元素是不是其包含块，如果是，则有效，如果不是，则无效。父元素是其包含块， overflow:...

众所周知， position: fixed 是相对于视口定位，但是有的时候会出现...

Wed, 29 Nov 2023 14:07:42 GMT

众所周知， position: fixed 是相对于视口定位，但是有的时候会出现例外：祖先元素设置了 container 属性祖先元素设置了 transform 属性此时都是相对于该祖先元素进行定位的。在 React 组件中，如果需...

CSS 定位：固定定位绝对定位 sticky 定位

Sun, 21 Jan 2024 10:02:39 GMT