索引
- Lifelong Learning
-
Frontend
- 前端常用工具链
-
前端基础
-
前端框架
-
React
- React Hooks 深入与实现思路：useState、useEffect 与自定义 Hooks
- React 渲染机制与调度：Fiber、优先级与并发特性
- React 组件设计模式：容器/展示组件、自定义 Hooks 与控制反转
- React 状态管理策略：从本地 State 到全局 Store
- React 性能优化实战：重渲染分析与列表优化
- React 表单与复杂交互：受控组件、校验与异步提交
- React 与异步数据：SWR 模型、Suspense 思路与错误边界
- React 路由与应用结构：嵌套路由、布局组件与权限控制
- React SSR 与 Hydration：Next.js 中的实践与坑点
- React 与 TypeScript：组件类型建模、Props、Ref 与多态组件
- React 错误处理与稳定性：Error Boundary、日志与降级策略
- React 组件库与设计系统：从基础组件到业务组件层
-
React
-
Electron：桌面应用壳与前端工程
- Electron 架构总览：主进程、渲染进程与进程间通信
- Electron 安全模型：nodeIntegration、contextIsolation 与 preload 脚本
- Electron 性能与资源管理：多窗口、多进程与懒加载
- Electron 原生体验：菜单、托盘、快捷键与通知集成
- Electron 更新与自动更新：发布渠道、版本与安全
- Electron 架构反模式与重构建议：从单文件主进程到分层本地服务
- Electron 作为 Linux 桌面壳：从 Kiosk 模式到伪桌面环境
- Electron 多窗口复杂应用的状态管理与通信
- Electron 跨平台差异与兼容性清单：Windows、macOS 与 Linux
- Electron 与数据库/文件系统的整合：配置、缓存与项目数据
- Electron 与本地后端/微服务的协作模式
- Electron 与前端框架的工程实践：以 React/Vue 为例
- Electron 性能优化实战：CPU、内存与渲染路径的系统梳理
- Canvas：从基础绘制到高性能图形
-
Web IDE 开发笔记
-
Theia 架构解析
-
Lumino：桌面感窗口系统的前世今生
- Lumino 的 Widget 系统：从概念到源码入口
- Lumino 的 signaling 和 messaging：状态与生命周期的底噪
- Lumino 的布局系统：DockPanel / SplitPanel / TabBar 一条龙
- Lumino 的 command 系统：把行为从按钮里解放出来
- Lumino 的应用骨架：Application + 菜单 / 工具栏 / 右键菜单
- Lumino 的 virtualdom：轻量 VDOM、对比 React/Vue 以及如何结合使用
- Lumino 的 disposable 与组件生命周期：东西造出来，总要有人负责善后
- Lumino 的性能与优化：与 React 的对比思考
- Lumino 在视频编辑器等工具类应用中的可能性与想象
- Lumino 的工具与基础设施模块：与 Lodash 的对比杂谈
- Monaco：前世今生与在 Theia 中的角色
-
InversifyJS：Theia 架构的依赖注入基石
- InversifyJS：依赖注入的前世今生（从工厂模式到 Theia）
- 在项目中引入 InversifyJS：配置与依赖
- InversifyJS 基础示例：从传统依赖到依赖注入
- InversifyJS：服务标识符与接口绑定（Symbol 与接口）
- 用类本身作为服务标识符：简化绑定的另一种方式
- InversifyJS：作用域与生命周期（Singleton / Transient 等）
- InversifyJS：多种绑定方式（to / toSelf / toConstantValue / toDynamicValue / toFactory / toProvider）
- InversifyJS：高级绑定（命名绑定、标签绑定、多重注入、可选注入）
- InversifyJS：ContainerModule 与模块化 DI（对标 Theia 前后端模块）
- InversifyJS：懒注入与循环依赖（lazyInject 的利与弊）
- InversifyJS：测试中的容器用法（测试容器与 rebind）
- InversifyJS 与 Theia：从 index.js 看前端启动与模块装配
- InversifyJS 与 Theia：概念对照表（从 DI 到扩展点）
- LSP：语言服务器协议的前世今生与在 Theia 中的角色
- AST：语法树到底是什么，以及和日常开发有什么关系
-
Lumino：桌面感窗口系统的前世今生
-
IDE 相关开发
- IDE 中的 CSS 常见应用：布局、主题与交互细节
- AI IDE 中的 CSS 玩法：打字机效果、主动滚动与状态提示
- VS Code 插件体系总览：Extension Host、激活事件与贡献点
- Theia 插件体系总览：前后端扩展、扩展点与 DI 容器
- VS Code 与 Theia 插件模型对比：扩展点、架构与兼容性
- VS Code 插件：命令、菜单与快捷键——从 contributes 到代码注册
- Theia 扩展：命令、菜单与快捷键——基于 Command 与 Keybinding 扩展点
- VS Code 插件：自定义视图——TreeView 与 Webview 典型场景
- Theia 扩展：自定义视图——用 Lumino 与 ViewContribution 挂一个侧边栏面板
- Theia：如何托管 VS Code 插件——plugin-ext-vscode 兼容层的架构与调用路径
-
Theia 架构解析
-
AI
- OpenClaw
- Transformer 架构速览：从 Self-Attention 到 GPT
-
IDE 中的 AI：从 LSP 到智能助手的演进
- 现代代码补全的技术路线：从 LSP 到大模型补全
- 上下文构建与代码索引：让模型只看该看的东西
- Claude 与 Cursor 风格 IDE 助手：一个可能的架构拆解
- 在自己 IDE 里接一个最小 AI 助手：一条可行链路
- IDE 中的安全：隐私与幻觉治理
- 企业级 AI IDE 设计总览：分层架构与关键数据流
- Inline Chat 与 IDE 集成：从选中代码到 Diff 应用
- 上下文构建与 Token 成本控制：企业级策略
- 多文件重构管线：从 LSP 分析到安全 Diff 应用
- 项目级 RAG 与大仓库优化：索引、召回与错误控制
- LSP 在 AI IDE 中的角色：事实引擎、切块助手与安全网
- 工具调用与安全沙箱：让模型能做事但做不坏
- 评估、监控与迭代体系：AI IDE 的工程生命线
- LangChain
- DataBase
- Linux
-
面试
-
前端一面：知识点与常见题整理
- JavaScript 一面：作用域、闭包与 this 指向
- JavaScript 一面：原型链、继承与 instanceof
- JavaScript 一面：事件循环、宏任务、微任务与 async/await
- JavaScript 一面：Promise、async/await 与常见手写题
- JavaScript 一面：call / apply / bind 用法与区别
- 前端一面：从输入 URL 到页面渲染，面试官到底想听啥
- 前端一面：HTTP 缓存、本地存储与跨域基础
- 前端一面：前端安全基础（XSS 与 CSRF）
- 前端一面：盒模型、BFC 与经典布局题
- 前端一面：CSS 优先级、选择器与样式冲突排查
- 前端一面：CSS 动效——transition 与 animation 常见考点
- 前端一面：DOM 事件流、事件委托与常见坑
- 前端一面：防抖、节流与高频事件优化
- 前端一面：并发控制、重试与轮询题目精讲
- 前端一面：加载与运行时性能优化核心思路
- 前端一面：打包、模块化与 Tree-Shaking 考点
- 前端一面：Web Worker 与 Service Worker——多线程与离线缓存核心考点
- React 一面：组件通信、列表 key 与表单处理
- React 一面：Hooks 常见考点（useState/useEffect 与自定义 Hook）
- React 一面：生命周期——从 class 到 Hooks 与常见面试题
- 前端一面：错误处理与全局异常捕获
- 前端一面：前端监控与埋点系统设计
- 前端一面：高频手写题（深拷贝、发布订阅与 LRU 缓存）
- 面试复盘：复盘面试经历与迭代打法
-
前端一面：知识点与常见题整理