灿哥笔记

3分钟阅读

嗨，欢迎来到灿哥笔记

这里是我的公开笔记站，内容以「前端开发」为主。

知识体系

content/
├── 📱 前端开发
│   ├── 📖 基础语法
│   │   ├── JavaScript - 基础知识、数组方法、ES6+、异步编程、原型与继承
│   │   ├── CSS - 常用技巧、Sass 预处理器
│   │   └── TypeScript - 类型系统、泛型、OOP、Vue3+TS
│   ├── 🧩 框架
│   │   └── Vue - 组件/通信/响应式/Vue2vs3/性能优化
│   ├── 🛠️ 工程化
│   │   ├── 开发工具 - npm 工具链
│   │   ├── 构建工具 - Webpack/Vite
│   │   └── 版本控制 - Git
│   ├── 📝 面试准备
│   │   ├── JS 面试题 - 数据类型/作用域/闭包/原型链/事件循环
│   │   ├── CSS 面试题 - 盒模型/BFC/重排重绘/布局
│   │   ├── DOM 操作 - DOM/事件流/盒子模型
│   │   ├── 功能面试题 - 权限/Token/SSO/异常捕获
│   │   ├── 性能优化 - 代码/网络/首屏/打包
│   │   ├── 浏览器与网络 - HTTP/跨域/缓存/安全
│   │   ├── 设计模式 - 单例/工厂/观察者/策略/代理等
│   │   └── uniapp 离线打包 - Android/iOS 流程
│   └── 💻 代码片段
│       ├── 工具函数 - 常用工具封装
│       └── 功能实现 - 业务代码片段
├── 🤖 AI工具
│   ├── ComfyUI - AI 生图功能笔记
│   ├── 模型下载 - HuggingFace 镜像站
│   └── OpenClaw - Node 配对指南
├── ⚡ 效率技巧
│   └── Chrome 插件技巧
└── 📂 工作文档
    ├── 发布流程 - Git 分支管理规范
    └── 面试 - 面试准备记录

目录导览

分类内容
前端开发基础语法、框架、工程化、面试准备、代码片段
AI工具ComfyUI 生图、HuggingFace 模型下载、OpenClaw 配置
效率技巧Chrome 插件
工作文档发布流程、面试准备

最近更新

  • 性能优化 - 代码优化、首屏优化、打包优化
  • JS 面试题 - 数据类型、作用域、闭包、原型链
  • CSS 面试题 - 盒模型、Flex 布局、居中方案
  • 浏览器与网络 - HTTP 协议、跨域、缓存机制
  • 设计模式 - 单例、工厂、观察者等常见模式
  • ComfyUI - AI 生图功能笔记
  • OpenClaw - Node 配对指南

说明

  • 内容持续整理中，结构会逐步优化
  • 看到错漏欢迎指出
  • 所有代码示例均已验证可用

Last updated: 2026-04-07

关系图谱