william.chan's blog

done is better than perfect

2.Vim 的键描述体例 + Vim 的选项和配置 + 光标移动 + 文本修改

Vim 的键描述体例 <Esc> 表示 Esc 键；显示为“⎋” <CR 表示回车键；显示为“↩” <Space> 表示空格键；显示为“␣” <Tab> 表示 Tab 键；显示为“⇥” <BS 表示退格键；显示为“⌫” <Del> 表示删除键；显示为“⌦” <lt> 表示 < 键...

Posted by chanweiyan on August 17, 2025

1.vim + vimtutor + vim中文文档

安装homebrew 对于很多 Vim 的命令，我们是需要形成“肌肉记忆”的 要多看、多练，熟能生巧 学 Vim 学到的东西不会过时 有一颗勇于探索的心，愿意花点力气把手里的“武器”打造得更为好用、称心 修改 ~/.zprofile 1 2 3 4 5 6 7 8 9 10 11 12 13 # 这段代码的作用是 修改系统的 PATH 环境变量，确保 ~...

Posted by chanweiyan on August 16, 2025

halo主题开发流程

仅三行halo主题开发流程命令即可完成

先阅读下面3个文档 准备工作 开发环境运行 主题开发-准备工作 运行服务 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 # clone halo 项目到本地 mkdir ~/halo2-dev cd ~/halo2-dev git clone git@g...

Posted by chanweiyan on July 11, 2024

Git仓库迁移，包括所有的分支、标签、日志

仅三行命令即可完成

操作 1 2 3 4 5 6 git clone --bare http://域名/分组/仓库名称.git cd 仓库名称.git git push --mirror http://新域名/新分组/新仓库名称.git git branch -a 查看所有分支 git branch -r 查看所有远程分支 参考 Git仓库迁移，包括所有的分支、标签、日志

Posted by chanweiyan on December 15, 2020

Vue route running on github pages

vue3 github-pages 404.html

demo zhuanlan cwy007.github.io/spaDir/index.html 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 <script type="text/javascript"> // Single Page Apps f...

Posted by chanweiyan on December 14, 2020

3x3魔方-七步法

3x3魔方-七步法

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 第一步，底棱归位（又称底部架十字，底层四个棱块正确复原的过程） 第二步，底角归位（复原魔方第一层四个角块） 第三步，中棱归位（复原魔方中层棱块的步骤） 第四步，顶棱面位（也称顶层架十字，顶层四个棱块的顶面颜色和顶层中心块颜色一样） R'U'F'UFR 第五步，顶角面位（魔方的四个顶角的顶面色全部...

Posted by chanweiyan on November 5, 2020

概念: 什么是框架 framework

类比 Vue, React, koa, ruby on rails

什么是框架 封装原生代码的API 规范流程和格式 让开发人员更加专注于业务代码，提高开发效率 学习套路 找准范围 刻意练习 即时反馈

Posted by chanweiyan on October 26, 2020

NodeJS: 50行代码学会koa2中间件原理

koa: Next generation web framework for NodeJS

Koa 是 nodejs 开发的下一代 web 开发框架，可参考 Koa 官网 。说是“下一代”，其实在实际开发中早就用在项目中了。特别是 nodejs 新版本开始正式支持 async/await 语法之后，Koa2 正在被大量使用。 实现官网中的一段中间件示例，如下： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23...

Posted by chanweiyan on October 26, 2020

JavaScript: async函数

async函数是使用async关键字声明的函数。

async函数是AsyncFunction构造函数的实例， 并且其中允许使用await关键字。async和await关键字让我们可以用一种更简洁的方式写出基于Promise的异步行为，而无需刻意地链式调用promise。 语法 1 2 3 async function name([param[, param[, ... param]]]) { statements } ...

Posted by chanweiyan on October 26, 2020

JavaScript: 关于类型，有哪些你不知道的细节？

从运行时的角度去看 JavaScript 的类型系统

运行时类型是代码实际执行过程中我们用到的类型。所有的类型数据都会属于 7 个类型之一。从变量、参数、返回值到表达式中间结果，任何 JavaScript 代码运行过程中产生的数据，都具有运行时类型。 问题 为什么有的编程规范要求用 void 0 代替 undefined？ 字符串有最大长度吗？ 0.1 + 0.2 不是等于 0.3 么？为什么 JavaScript 里...

Posted by chanweiyan on October 26, 2020

FEATURED TAGS
Rails 1 NestJS 51 Javascript 15 React 12 Linux 11 NodeJS 9 CSS 6 Ruby 6 SQL 6 Docker 5 Shell 5 Redux 4 AIAgent 3 Gem 3 vscode 3 概念 2 Nginx 2 Redis 2 RxJS 2 vim 2 website 2 其他 1 安全 1 开发文档 1 微服务 1 技巧 1 算法 1 AOP 1 DNS 1 Git 1 Halo 1 Jekyll 1 Mac 1 OAuth 1 PostCSS 1 SSE 1 TypeORM 1 Typescript 1 Vite 1 Vue 1 css 1 geektime 1 git 1 pm2 1 webpack 1
ABOUT ME

任何时候你都可以选择

FRIENDS