kaichi

There are two ways to write error-free programs; only the third one works. — Edward V. Berard

使用密码保护网站

有时你想将你的网站共享给其他人，但不是所有人，不管是出于什么原因，你想要通过验证的人才能访问你的网站。一种简单的方式是使用 HTTP Basic Authentication 对访问者进行身份验证。

Aug 20, 2023

Web Dev

NextJS

Docker

Nginx

Docker Compose

Interfaces 和 Types 的区别

本文介绍 TypeScript 中 interface 和 type 的一些差别，以及如何在项目中选择使用它们。

Aug 1, 2023

TypeScript

设计模式：单例

本文主要介绍单例模式，以及随着 JavaScript 的发展，我们如何在 JavaScript 中实现单例模式。

Jul 23, 2023

JavaScript

ES6

DesignPattern

I Should Know That Before

最近看了 hylarucoder 分享的独立开发者的故事，然后从 Hawstein 的分享那里知道了 Derek Sivers ，读了他的 Anything You Want，了解了他的创业故事，感触很深，也改变了很多我以前的想法，所以想记录下来。Derek 说他很愿意接收到大家的邮件去跟他打招呼，所以我发去了我的 Say Hi 邮件，介绍了自己并且说了一些我的困惑，Derek 很快回复了邮件并且解答了我的问题，所以我想记录下我的转变。

Jul 14, 2023

Writing

Blogging

逻辑或与空值合并运算符的区别

空值合并运算符（??）在 ES 2020 中引入，用于在变量为空值或未定义时提供默认值，当左操作数 null 或 undefined 时，返回右操作数，否则返回左操作数。逻辑或运算符（||）在某些情况下可以和空值合并运算符达到相同的效果。

May 7, 2023

JavaScript

JavaScript const vs. let

JavaScript 中 const 和 let 都用来声明变量，那么它们之间究竟有什么区别？

Apr 26, 2023

JavaScript

Mutable

JavaScript Array group and groupToMap

本文介绍 JavaScript 新的数组方法， group 和 groupToMap 数组 API 允许按照条件对数组元素进行分组。

Apr 24, 2023

JavaScript

Array

Hello World

又双叒叕搬家了！

Apr 19, 2023

Blogging

CMS

CSS of <selector>

:nth-child(an+b) 伪类允许我们通过表达式 an+b 对元素集合进行匹配，集合元素从 1 开始排序，n 从 0 开始取值进行匹配，最常见的表达式 2n+0 和 2n+1 可以使用 even 和 odd 关键字，分别匹配偶数和奇数项。

Feb 8, 2022

CSS

About