Life

2025年终总结

Nextjs

Next.js 登录态无闪烁渲染（Hydration Flicker Free）

SSR RSC Streaming Flight

Workflow

静态博客搭建(1)Rspress

静态博客搭建(2)CI/CD

静态博客搭建(3)HTTPS

GitHub Actions 与 CI/CD 自动部署实战

博客写作涉及的技术栈指南

GitHub远程仓库连接配置

pnpm、yarn、npm

Git 分支原理

macOS / Cursor / Terminal 快捷键速查

Git Stash 注释工作流：本地保存、导出与跨电脑恢复

Typescript

TS类型技巧(一):提取

TS类型技巧(二):构造

TS类型技巧(三):递归

TS类型技巧(四):计数

TS类型技巧(五):联合类型

TS类型技巧(六):特殊类型

TS类型技巧(七):函数

逆变与协变

Javascript

原型-作用域-this

call-apply-bind-new

Promise困难题

JS异步并发调度器

Angular

Functional Programming

Rxjs基础知识

Rxjs:Observerble是什么

Rxjs:Observerble简单使用

Rxjs:Observerble创建方式

Rxjs:Operators操作符

常见操作符

repeatWhen操作符实现轮询

Chrome

从输入网址到首屏渲染

浏览器渲染流程

Algorithm

时间复杂度

数据结构与算法之美笔记

38.分治算法

排序(冒泡,插入,选择)

排序(归并,快排)

排序(计数,基数,桶)

Leetcode

qiankun

Webpack模块打包分析

SystemJS与微前端

SingleSpa原理

qiankun 学习笔记

Http

Webpack

构建打包中静态资源URL处理

从Webpack到Rspack

Practices

React个人最佳实践-弹窗

Vue

Vue3响应式原理

AI

大模型到AI项目

提示词(一):提示词工程

提示词(二):如何生成提示词

提示词(二):五个小提示词技巧让AI精准输出

Claude Code 配置全解析：CLAUDE.md、config.json、Skills、Memory 的区别与最佳实践

Agent 管理方法论：用经典管理学驯服 AI Agent

React

React基础汇总

React16架构演变

History路由 VS Hash路由

Redux VS Recoil VS Zustand

断言库Jasmine

React.lazy / Suspense

Zustand

Zustand Scoped Store：Zustand + ReactContext

Ai-coding

两个 skills 提高 AI 编码一次性成功率

Overview

Filter

Chrome

Chrome基础

浏览器
从地址栏输入 URL 到首屏渲染
浏览器渲染流程(已拆分)
HTTP 缓存协商缓存强缓存弱缓存 CDN
cookie sessionStorage localStorage
同源
跨域
HTTP 协议
其他
CSS 树
JS 引擎

从输入网址到首屏渲染

0. 用户输入
1. HTTP请求流程
2. 首屏渲染
浏览器进程版URL请求流程
HTTP 请求的过程
IP UDP TCP

浏览器渲染流程

HTML/CSS/JS
构建DOM树
样式计算
布局阶段
分层
光栅化
合成
总结
重排重绘合成
CSS文件的下载阻塞DOM树的合成

事件循环

chrome浏览器进程
待填坑