跳至正文
he110

博客

前端开发中的实践、笔记与思考。

2025

  • 前端跨平台

    比较 Web 渲染、原生渲染和自渲染引擎三类跨平台方案的优缺点，并整理应用分层结构。

  • WebGL 学习笔记

    整理 WebGL 着色器、图元和坐标系，以及向量、矩阵、线性变换与行列式基础。

  • 如何理解 React Server Component

    RSC 的演变过程并非一蹴而就，更像是一种自然选择

  • Electron

    整理 Electron 多进程架构、Chromium 与 Node.js 事件循环整合、进程通信、数据共享和原生能力。

  • Unity 开发体验

    记录 Unity 安装与开发体验，涉及团结引擎兼容、瓦片地图、调试、组件、物理、动画和输入系统。

  • Web 协议

    Web 协议学习笔记

  • NestJS 笔记

    记录 NestJS 集成 Fastify、Swagger、Prisma 和 Zod 的配置，以及 MongoDB 连接与事务问题。

  • React 学习笔记

    整理 React 组件设计、渲染优化、协调与 key 的作用，以及常用 Hooks 的工作机制和使用注意事项。

  • MongoDB 笔记

    整理 MongoDB 数据操作、建模、复制集、事务与分片，以及索引优化、监控、备份和版本升级。

  • AI 相关

    按图像识别、目标检测、图像分割、姿态估计和生成任务，整理常见视觉模型及其特点。

  • 微前端

    讨论微前端主子应用的路由归属、懒加载、路径前缀与鉴权问题，并整理 iframe 方案的局限。

  • 编译相关

    介绍 AST 的用途及生成过程，通过简易编译器展示 Lisp 风格函数调用到 C 风格调用的转换。

  • Nginx

    Nginx 学习笔记

  • React Native 踩坑

    记录 React Native Android 环境中脚本加载失败、应用连接异常及 Gradle 下载缓慢的排查方法。

  • NodeJS 相关知识点

    整理 Node.js 事件循环、文件监听、性能调试与进程管理，并讨论 GraphQL 查询和 N+1 问题。

  • 算法笔记

    整理图遍历、最短路径求解与散列冲突处理的学习笔记，包含代码示例和实现思路。

  • 架构设计相关

    整理软件架构的概念、复杂度来源、设计原则与选型流程，并讨论数据库集群和 NoSQL 方案。

  • JS 常见 Api 介绍

    介绍 Object.defineProperty 的属性描述符、默认值及访问器描述符与数据描述符的互斥关系。

  • TypeScript

    记录 TypeScript 中 type 与 interface 的语义用途，以及它们在 VSCode 类型提示中的展示差异。

  • VSCode

    介绍 VSCode WebView 的隔离与消息通信，以及通过 Service Worker 转发本地资源请求的实现思路。

  • Docker

    整理 Docker 镜像与容器操作、Dockerfile 指令，以及 CPU、内存和磁盘 I/O 资源限制。

  • FFmpeg 随笔

    整理 FFmpeg 音视频处理流程及录制、提取、裁剪、合并、图片互转、直播推拉流和滤镜命令。

  • 设计模式

    常见设计模式总结

  • 各种文档编写

    工作文档相关内容

  • 方案设计

    整理常见的方案设计

  • Vue3 知识点

    整理 Vue3 与 Vue2 的行为差异，以及响应式、编译优化、快速 diff 和组件实例暴露机制。

  • Linux 相关知识

    整理 Linux 命令、权限、进程、网络与存储管理，以及 Shell 脚本、文本处理、计划任务和防火墙配置。

  • 构建器

    总结构建相关内容

  • Performance

    前端性能优化相关知识点

  • 前端渲染

    整理前端渲染相关内容，包括 SPA 与 SSR 等

  • 网络安全

    网络安全相关，主要为 web 安全

  • Vue2 知识点

    结合源码整理 Vue2 生命周期、响应式、双端 diff、组件缓存、自定义指令和虚拟 DOM。

  • 原生代码模拟

    通过对原生功能进行模拟，研究 JS 原生代码行为

  • 模块化

    前端模块化总结

  • 执行栈与事件循环

    记录执行栈与事件循环相关知识点

  • 内存管理

    前端内存管理机制以及 V8 中的优化

  • 原型与继承

    整理 JS 中的原型与继承相关内容

  • JavaScript 底层机制

    JS 中的奇奇怪怪行为总结

  • 浏览器机制

    总结浏览器中的行为，主要以 Chrome 为主

  • 计算机网络

    总结计算机网络相关内容

2024

  • vue2 在 composable 中使用 mixin

    考虑历史债务问题， vue2 代码中 composable 与 mixin 共存是一个长期情况，而 mixin 又会限制组件无法使用 composable ，本文旨在研究如何解除 mixin 对 composable 的限制问题

2023

  • ESBuild 常见问题踩坑指南

    记录 esbuild 别名解析、插件处理级联与装饰器兼容问题，以及 Vue 类组件默认导出的调整方式。

  • 技术选型

    比较 iframe 与模块联邦的隔离和共享能力，记录 Vite 微前端插件选型及开发、构建流程。

  • 排障指南

    整理 Vite 模块联邦实践中样式丢失、依赖共享、模块导出和资源路径异常的排查方法。

2022

  • Vue3 hook 简介

    `hook` 概念最早是由 React 提出，想要了解 vue3 的 `hook` ，必不可少的需要先了解 React 的 `hook` ，包括使用场景、演进契机等等，才能更好的使用 vue3 的 `hook`