Bigshans' Blog

[置顶] 关于本博客

Sat, 12 Feb 2022 09:21:31 +0800

本博客所有文章，采取 CC BY-NC-SA 4.0 形式发布，禁止任何形式商业发布。本人在 B 站与公众号有号，有部分发布文章，但第一发布地点仍在此博客。
本人受安那其主义、马克思主义、施蒂纳、拉康、尼采、齐泽克等影响，政治光谱上属于自由意志社会主义，立场上反对法西斯蒂，反对安那其资本主义，反对沙文主义。

[置顶] 备忘录

Wed, 18 May 2022 09:07:16 +0800

文章备忘录：

Vue 的响应式原理

Wed, 04 Mar 2026 19:46:28 +0800

Vue 3 使用 Proxy 是一大创举，它成功解决了 Vue 2 无法追踪新增属性的问题。不过，仅仅是如此吗？不如我们用简单的代码实现一个 reactive 看看。

function reactive(target) {
  return new Proxy(target, {
    get(target, key, recevier) {
      return Reflect.get(target, key, recevier);
    },
    set(target, key, value, recevier) {
      return Reflect.set(target, key, value, recevier);
    }
  });
}

这里，Reflect 和 Proxy() 是配套的，等同于我们直接对 target[key] 进行操作，但用 Reflect 更加方便，也更加安全。我们可以通过在拦截器层面增加 console.log() 来查看效果。

2025年年终总结

Mon, 29 Dec 2025 20:03:24 +0800

除开年终总结，今年没有写文章，连年中总结也没有写，但年终总结还是要写的。

今年过得不好，本以为去年是低谷了，但没想到还能更低。人一旦能够吃苦，遂有更多的苦可以吃。今年我没怎么关注技术了，这大概也是我没有写技术文章的原因。不知道是不是药物的原因，我对我目前的生活抱着一种绝望的死感，像是灰一样，从业已熄灭的残渣吹起，这让我感到——平静。是的，平静，像一潭死水一样。

2024 年年终总结

Sun, 29 Dec 2024 22:56:17 +0800

距离上一次写博客已经有半年之久了，没写也无别的原因，纯粹是没动力。

今年过得并不好，原本以为去年是最糟的，没想到今年开年还能给我惊喜。从正泰离职后，休息一段时间，找到一份新工作，原本以为可以就此安定了，结果却遇到一系列糟心的事情，历经了人生第一次被裁。现在想来，仍欲作呕。中间间隔了一段时间，找到了目前这份工作。这份工作不算好，离家远，薪资比之前还低了一截，不过不加班，人际关系也不像前几家公司那么拧巴，用来养老是刚刚好的。至于下半年，平安无事，甚至可以说是枯燥乏味，而在喹硫平的作用下，我的情绪变得淡漠麻木，甚至说有些迟钝。我很难判断这些变化是否是好的，但很显然，这会成为我后半生的一个主基调，一眼望去，仿如荒原，死寂得让人绝望。

使用 pnpm 管理 monorepo

Fri, 03 May 2024 13:50:38 +0800

心血来潮使用 pnpm 将项目改为了 monorepo 的结构。最重要的是 pnpm-workspace.yaml 文件，我们可以简单写一个放到根目录下面：

packages:
  - packages/**

这代表在目录 packages 下寻找子仓库，且深度只有一层。如果你的包结构是多层嵌套的，那你需要将每个嵌套的父层级也写进去。比如说我的：

在 plasma 上使用 Meta 打开开始菜单

Fri, 03 May 2024 13:38:44 +0800

使用 Meta 打开开始菜单是一个非常方便的功能，最早在 Plasma 上，可以使用 ksuperkey 来实现。不过 ksuperkey 仅支持 X11 ，在 Plasma on Wayland 就失去作用了。不过 Plasma 很早之前就将这个功能内置了，详见此处。

在 Node 上使用 FabricJs

Sun, 24 Mar 2024 23:18:40 +0800

最近开发项目用到 FabricJs ，记录一下使用的坑点。FabricJs 的文档非常难用，许多关键的点都没有讲。FabricJs 的 TypeScript 类型标注也非常难用，经常货不对板，跟文档不一致，跟用例也不一致，不知道他们怎么处理的。但还是选择 FabricJs ，主要原因还是 FabricJs 的 SVG 到 Canvas 的操作非常舒服。

使用 coc 配置 @delance/runtime

Fri, 16 Feb 2024 10:16:38 +0800

首先需要安装 delance-langserver。

npm install @delance/runtime

安装完成，第一次使用时报错，通过阅读源码发现是因为第一次安装需要连接网络。由于需要翻墙，所以加个代理即可。直接运行 delance-langserver --sdtio 就会自动去下载内容，然后就会正常运行。

修改 hosts 加速访问 dl.google.com

Sun, 28 Jan 2024 21:38:15 +0800

https://dl.google.com 是 Android Studio 下载 Android SDK 的网站，国内有个镜像可以用。我们通过修改 hosts 文件让 Android Studio 去镜像站下载。

首先是获取 IP ，可以在这里 IP 访问情况，根据地区择优选择。

然后在 /etc/hosts 文件里追加即可。

如何使用 adb 将 Betterfox 安装到 Firefox Android 上

Fri, 29 Dec 2023 21:02:43 +0800

最近使用了 Betterfox 优化了我的 Firefox 效果相当不错。在性能上表现得比之前默认的配置好。在 Betterfox 的 issue 里，有人提到了可以安装 Betterfox 到安卓手机的 Firefox 上。我也尝试了，效果还不错，加载速度比之前快很多。在此我也是非常推荐用 Betterfox 来优化个人的 Firefox 。

写在年终之前

Thu, 14 Dec 2023 00:32:57 +0800

这是写在年终之前的一片博文，是年终总结性质，因为我年末可能来不及写总结了。

工作

今年过得并不开心，年初上家公司内部办公室政治，人员流动走了一大批人，而我也差不多也是那时候走的。上家公司经营每况愈下，技术部门也日渐紧缩，裁人不过是时间问题。我走的时候还算体面，老板念及几年来的旧情给了我一份人情费，大约一个工资。有些感慨，物是人非啊！

函数柯里化

Sat, 14 Oct 2023 11:52:10 +0800

函数柯里化是一种可以将函数转换为另一个函数的技巧，通常是用来减少函数参数的。

用一个简单的例子以表示这种使用:

function sum(a, b) {
  return a + b;
}

const add1 = curry((b) => sum(1, b));
console.log(add1(10));

这里我们实际上固定了 sum 的参数，但这里我只被允许加上 1 ，我们可以更灵活一些。

BFC 简述

Sun, 06 Aug 2023 19:09:10 +0800

BFC 指块格式上下文。格式上下文定义了一个元素内部如何排布，以及与外部元素间如何排布。BFC 即定义了块元素的格式上下文。

默认情况下，<html> 为块格式上下文。块元素的子元素将按块排布，或者按行排布，如果出现混合排布的情况，则会将内联元素用匿名块包裹起来，然后按块排布。同时，匿名块不能被 CSS 指定，不受 CSS 样式影响。

d8 编译要点

Fri, 04 Aug 2023 09:06:08 +0800

d8 是 v8 提供的用以 debug v8 的 shell ，因为 v8 自身就是一个库，不提供 console 的实现。d8 会在编译 v8 时顺便实现，不过我只想编译 d8 。

主要参考了 v8¹ 文档和一篇博文²。

代理工具

使用 tscoks 。

BUUCFT 题解

Sun, 23 Jul 2023 08:19:53 +0800

娱乐性质，玩一玩。

Linux Lab

使用 ssh 连接到靶机即可。

ssh root@address -p port

flag.txt 就放在根目录下面。

BUUCFT

打开页面，首先给了一段代码。

<?php
/**
 * Created by PhpStorm.
 * User: jinzhao
 * Date: 2019/7/9
 * Time: 7:07 AM
 */

highlight_file(__FILE__);

if(isset($_GET['file'])) {
    $str = $_GET['file'];

    include $_GET['file'];
}

这里的意思是，高亮当前文件，判断是否存在为 file 的 query 参数，如果存在，就加载它。

Obsidian 使用体验

Thu, 13 Jul 2023 17:16:02 +0800

因为已经用了一段时间的 Obsidian ，所以整体说一下，包括使用的手感和我自己的 workflow 。

Obsidian 与 Logseq 同属于双链编辑器，我最早使用的是 Logseq ，因为 Obsidian 总是脱手，用起来很别扭。但 Logseq 我本来也不满意，因为它是基于行使用的，导致我要写多行笔记时很不方便。而我使用 Obsidian 的缘起是因为我要写小说，早先用 Logseq 写设定时，多行编辑的体验糟糕透了，于是我尝试转移到 Obsidian 。 Obsidian 需要装很多插件才好用，默认的 Obsidian 配置其实没有什么优势。那个漂亮的、一个节点一个节点蹦跳出来的关系图谱其实一点用也没有，比起它被宣传为什么，我更在乎我该怎么用。双链的最大好处是可以随意跳转，即使不跳转也能 preview ，这点非常不错（其实 preview 这点，Logseq 做得好些）。写小说时的感觉还可以，但不足以扭转我对它的看法，真正改变我对 Obsidian 看法的，是当我用它写日记做各种笔记的时候。

谈教育

Wed, 03 May 2023 22:20:02 +0800

对于应试教育，我的评价一直是烂中烂。现在越来越多的声音说，应试教育也有好处，什么为了更好的“阶级跃迁”，什么保证公平，把大家拉到同一起跑线上。我感觉就像这些话跟高考时候标语一样，什么“提高一分，干掉千人”？教育本身就是为了培养人，不应当被视作阶级跃迁的工具。更何况阶级跃迁本身就带有背叛自己阶级的意思，我很不喜欢。

目前为止的生活

Tue, 02 May 2023 16:37:34 +0800

真是好久没有在电脑上码字了。最近下腰部莫名的疼痛，去医院看了一下，说问题不大，开了一些药让我回去吃。现在差不多一周多了，好也是好得差不多了。但还是得吃完，因为还有些地方不利索。

纺织工人的比喻

Tue, 11 Apr 2023 23:46:02 +0800

自从 ChatGPT 出现之后，纺织工人的这个比喻就不绝于耳。人们常用这个比喻来表达时代之洪流不可阻挡，而那些“纺织工人”不过是生产力进步不可避免的代价。

首先，这个比喻是恰当的，但结论是有问题的。工业革命的工人砸机器，不是工人与机器的矛盾，而是无产阶级与资产阶级的矛盾。机器代表的是重复的抽象劳动，由于生产资料和劳动力分离，生产资料为谁所有是一个重要的问题。生产力决定生产关系，这个命题耳熟能详，左派和右派都同意这个观点。但是，劳动作为一个具体的活动，是需要对象的，换而言之，是需要生产资料的。如果没有作为物质形式存在的生产资料，作为自然能力之显现的劳动就无法完成。无产阶级由于不占有生产资料，因而劳动必然为资产阶级所摆布。机器之所以能够和无产阶级相竞争，是因为机器和无产阶级对于资本家而言都是生产力。机器是不需要考虑生存的，但人是需要因劳动而获得生存的。工人砸机器不过是这一矛盾的冰山一角罢了。马克思早在手稿中就提到了：

不要过早地优化需求

Mon, 13 Mar 2023 14:34:09 +0800

开发界有一句话：“不要做过早优化。”这句话同样适用于产品经理。

我们不应当认为用户的需求背后总存在一个根本性的需求，这会我把我们引入误区。比如我就要一份西红柿炒鸡蛋，你非要给我推销全自动做菜机器人，认为它符合我的需求，没必要。用户的根本性需求应当是体现在一系列需求的变更之中的。在那些关于用户需求的根本需求的例子中，无一不是需要产品与用户密切沟通，不停地变更原始需求。如果这种需求没有发生任何变动，就不应当认为那种根本性的需求存在。每一个产品经理都渴望能有一个超越用户需求的需求，以满足用户的任意需求，但用户的需求是什么那它就是什么，一旦确定就不会随着后面的交流而变动。且需求是层次化的，它必然以一个历史的结构出现，换句话说，是必须要走弯路的，任何企图越过这些弯路的需求必然会面临用户的审判。

Attack Lab 一二题题解

Sun, 12 Mar 2023 22:15:45 +0800

最近看深入理解计算机系统的视频，对他们的 Attack Lab 非常感兴趣，于是就找到程序做了一下，感觉还是蛮有意思的。代码和程序需要在 cmu 的网站上下载。下载后解压就可以开始做题了。

在 Lazada App 里面打开链接

Tue, 28 Feb 2023 17:57:44 +0800

由于需要爬 Lazada 的销量信息，所以我不得不在手机上进行爬虫。麻烦的是，PC 的链接虽然可以在移动端打开，但不能跳转进 App ， App 分享的链接虽然可以跳转，但让业务方在手机端复制分享链接再给到我，对他们而言也是不小的工作量。做 RPA 数据爬取本来就是为了帮他们减少负担，这样反倒适得其反。所以，还是得研究研究，能否直接从 PC 端的链接，直接跳转到 App 内部。

重装 arch

Sun, 26 Feb 2023 14:01:31 +0800

昨天 KDE 不知道什么原因滚挂了，于是我决定重装系统。最近 KDE 在我的机子上经常崩溃，我也不想修了，因为真的修不起来。距离上一次重装不知道什么时候了，但 Arch 的稳定程度其实是可以的，只要你不是故意去 Arch Testing 。

一心愁谢如枯兰

Sat, 25 Feb 2023 00:21:15 +0800

说来也不怕别人笑话，我这个就是很容易被别人好意欺骗，到头来总是被当作枪。来这家公司三年，感觉自己当初要是能再明白点，再决绝点，不至于在此痛苦三年。

TCP 的握手和挥手

Thu, 23 Feb 2023 10:46:04 +0800

TCP 的握手和挥手想必很多人都已经很熟悉了，“三次握手”和“四次挥手”在面试的时候几乎都是八股文了。光是背这个的话，着实了无趣味。我们可以通过 tcpdump 和 wireshark 来看整个过程。

如何正确的替换 HTML

Sat, 18 Feb 2023 14:08:26 +0800

算是私人页的一个 BUG ，之前没有注意到。使用 innerHTML 进行替换后，替换内容内所有的 script 都失效了，这是符合浏览器预期的，可见 MDN 。

Although this may look like a cross-site scripting attack, the result is harmless. HTML specifies that a <script> tag inserted with innerHTML should not execute.

如何在 Hugo 上实现私人加密页

Fri, 17 Feb 2023 14:41:01 +0800

做了一些更新，现在把 private 单独放到一个路径下面，同时把私人也从 post 列表移除，从另一个地址进去。如此页面的观感就好多了。同时也对整个处理的过程进行了大幅修改，重写了原来的 script 脚本，并用 Deno 实现了主要逻辑。Shell 脚本主要是用来协调 Deno 脚本的运行的。

core-js 的公地悲剧

Thu, 16 Feb 2023 00:34:50 +0800

看完 core-js 作者的长文后，有感而发，写一点文字。

core-js 面临的问题是，由大多数人共享的东西，得到越少人的照顾。我现在依旧可以看到一些言论，对于作者这样讨钱，当初就不应该开源，或者协议选得不对。在 fakejs 的事件，我就试图反驳这样的言论，现在我想我应该能够更充分的反驳。

谈谈 RPA

Wed, 15 Feb 2023 18:27:32 +0800

最近 RPA 用得比较多，我谈一下这个。

RPA 在办公室自动化方面应用极广，而对应的软件在 Windows 上也是遍地开花。为什么是在 Windows 上呢？原因也很好理解，因为 Windows 在办公方面用得最多，一方面需求旺盛，另一方面对应的 API 和相关的控制微软也提供了很多。比如，微软自己就提供了一个 RPA 的软件，叫 Power Automate 。这些 RPA 基本都会给你一个图形化编程的界面，但底层仍然是一门具体的编程语言，比如 Power Automate 用得是 VB ，影刀用得是 Python 。但一些厂家并不会提供对应的脚本书写的地方，原因倒不在于，脚本编写会加深用户的使用难度，而是在于，这会缩窄 RPA 软件的盈利范围。不过微软倒是大气些，提供一个能写入脚本的地方，可惜太小了点，而且做得也不太好。

Node 事件循环

Thu, 09 Feb 2023 13:35:35 +0800

JavaScript 是一门和事件循环结合非常紧密的语言，它最早出现在浏览器上，因为 JavaScript 为了保持 DOM 与操作相分离，同时协调浏览器上的各种资源，因而不得不有一个总线去处理，这个总线就是事件循环。 ES 标准并没有规定事件循环应该如何编写，因为这很明显取决于运行时，所以各个 Runtime 之间的事件循环存在较大的差别，比如说，之前浏览器和 Node 的事件循环机制就存在较大的差别。最新版的 Node 在事件循环上的表现，基本与浏览器类似了。

小公司的狂妄自大

Sun, 05 Feb 2023 03:27:39 +0800

一些大厂出来的人会一种错觉，以为自己离开了大厂仍能干一番事业。尤其是一些领导层，以为自己有一些人脉，似乎就可以登天。殊不知自己离开了大厂什么都不是。所谓的人脉，也不过是一些能够把自己当作工具出卖的机会。

修复plasma全局快捷键无法设置

Sat, 04 Feb 2023 20:22:00 +0800

起因是不知道什么时候，我打开 Plasma 的快捷键设置时，全局设置总是报错，但虽然报错，全局快捷键亦然很好使。

经过我一番努力的探索，我终于发现了问题所在。

可以参考以下的帖子： https://forum.ubuntu.org.cn/viewtopic.php?t=491267 。

CSS 盒子模型

Fri, 13 Jan 2023 09:27:13 +0800

一个 HTML 文档在浏览器内将会被解析为一棵文档树，这是众所周知的。 CSS 的盒子模型则描述了文档上的每一个节点所生成的模型，这是 CSS 布局排版的基础。

标准盒型

盒子模型示意图

每一个盒子都一块内容（content）区域，围绕内容从内向外分别是内边距、边框和外边距（padding 、 border 、 margin）。

CSS 三栏布局

Tue, 10 Jan 2023 09:27:35 +0800

三栏布局是比较经典的 CSS 布局，特点就是中间内容自适应，首先渲染，其次左右内容大小保持不变分布两旁。结构上打破了一般意义上的左中右的顺序，变成了中左右的顺序，但视觉展示仍然要求是左中右的布局，于是，如何将中间内容放回到中间，并重新分布左右则是此类技术的核心所在。在 flex 之前，前端多用 float 实现，出现了双飞翼和圣杯布局两种实现，现在我们可以用 flex 来很简单的实现。

《Vuejs设计与实现》读书笔记

Sun, 08 Jan 2023 13:37:21 +0800

第二篇响应系统

第四章响应系统的作用与实现

设计完善的响应式系统

借助 Proxy ，我们实现一个基本的响应式系统。书中代码我改成可以在 Node 中运行的代码了。

const bucket = new Set();

const data = { text: 'hello world' };

const obj = new Proxy(data, {
    get(target, key) {
        bucket.add(effect);
        return target[key];
    },
    set(target, key, newVal) {
        target[key] = newVal;
        bucket.forEach(fn => fn());
        return true;
    }
});

function effect() {
    console.log(obj.text);
}

effect();

setTimeout(() => {
    obj.text = 'Hello Vue';
}, 1000);
// Output:
// hello world
// Hello Vue

这里是写死了 effect ，不过不用太过纠结。

谈许立志

Sat, 07 Jan 2023 23:11:40 +0800

最近在读许立志的诗，他的诗集《新的一天》。他离去的太早了，诗集还很粗糙，来不及打磨，但纵使如此，也有些诗的力量仍力透纸背，字字泣血。我最喜欢他的三首诗，《我谈到血》、《我咽下一枚铁做的月亮》和《夜班》。

2022 年年终总结

Wed, 28 Dec 2022 16:39:17 +0800

看看去年写年终总结的时间，差不多是同一时刻。年末国内终于放开封控了，我也“有幸”感染了新冠，过去差不多一周了，咳嗽鼻塞还没好。现在感觉其实有点像咽喉炎鼻炎发作，真不知道什么时候是个头啊！

阳了之后

Tue, 27 Dec 2022 18:31:00 +0800

大约是在上周三晚上，感觉鼻子喉咙不大对劲儿，然后推测大抵是阳了。第二天硬着头皮去上班，上午还没结束就撑不住了，感觉回家去休息。同时给了我两粒感康，但我到最后也没有吃。

JavaScript 的标签模板字符串

Fri, 16 Dec 2022 10:49:05 +0800

标签模板是个看起来很 Magic 的语法，写起来像是这样。

console.log`Hello, World!`;
// Output: ["Hello, World!"]

实际上，这里的模板标签被转换成这样的一句调用。

console.log.call(console, ['Hello, World!']);

如果我们有用变量的话，

const name = 'world';
console.log`Hello, ${name}!`
// Output: [ 'Hello, ', '!' ] world

就会被转换成这样一句调用。

await 的背后

Thu, 15 Dec 2022 21:49:39 +0800

我们一般会认为 async/await 是 Promise 的语法糖，实际上也没有错。但在 Node 10 的时候，一个 await 会产生三个微任务，导致单个 await 的性能远不如 Promise ，但在 Node 12 时， V8 团队称，其性能已经比一般手动创建处理的 Promise 好了。