Skip to content

Main Navigation 博客

导航标签归档关于我分析

切换日光/暗黑模式

Sidebar Navigation

Electron + React 从 0 到 1 实现简历平台实战 (31篇)

开篇-技术选型和项目结构

基础篇-Electron初步认识并掌握基础知识

设计篇-需求功能设计与数据存储方案设计

环境篇-动手搭建我们的简历平台

500米里程碑｜环境搭建篇完成

业务篇-首页开发，好的印象能加分

业务篇-如何写我们的Redux与File

业务篇-简历制作之常用组件设计与简历数据设计

业务篇-简历制作之入口页面开发

业务篇-简历制作之工具条模块与简历模版之间通信

业务篇-简历制作之数据的录入与展示

业务篇-简历制作之导出PDF

1000米里程碑｜简历主流程完成

支线篇-打包生成第一个桌面应用（骄傲自豪

业务篇-简历模版列表实现与侧边栏交互效果

业务篇-首页主题换肤功能实现且Hooks优化逻辑

业务篇-简历数据存档且自定义存储路径（多窗口

业务篇-思考并补全遗漏的功能细节，整体优化代码，让应用更健壮

1500米里程碑｜丰富功能

优化篇-公共弹窗拆解优化，让职能更加单一

定制篇-自定义 Electron 原生应用菜单

打包篇-应用程序生产环境构建

打包篇-生产环境疑难杂症的解决

打包篇-Webpack打包优化

打包篇-Electron打包体积优化

到达目的地-应用程序发布

结尾篇-行而不辍，未来可期

彩蛋篇-Webpack基础介绍与两大利器

彩蛋篇-RcReduxModel中间件开发设计

期望篇-可视化自定义独特的简历模版

问题篇-常见问题解决

Next.js 开发指南 (72篇)

答疑篇 _ 学习路线与答疑

初始篇 _ Next.js CLI

路由篇 _ App Router

路由篇 _ 链接与导航

路由篇 _ 动态路由、路由组、平行路由和拦截路由

路由篇 _ 路由处理程序

路由篇 _ 中间件

渲染篇 _ 从 CSR、SSR、SSG、ISR 开始说起

渲染篇 _ React Server Component 与 SSR

渲染篇 _ Suspense 与 Streaming

渲染篇 _ 服务端组件和客户端组件

渲染篇 _ 服务端渲染策略

数据获取篇 _ 数据获取、缓存与重新验证

缓存篇 _ Caching（上）

缓存篇 _ Caching（下）

数据获取篇 _ Server Actions（上）

数据获取篇 _ Server Actions（下）

样式篇 _ Tailwind CSS、CSS-in-JS 与 Sass

配置篇 _ 环境变量、路径别名与 src 目录

配置篇 _ 路由段配置项

组件篇 _ Images

组件篇 _ Font

组件篇 _ Link 和 Script

Metadata 篇 _ 基于配置

Metadata 篇 _ 基于文件

优化篇 _ 懒加载

渲染篇 _ Edge Runtime

路由篇 _ 国际化

配置篇 _ TypeScript 和 ESLint

配置篇 _ MDX

配置篇 _ 草稿模式和内容安全策略

部署篇 _ 静态导出

API 篇 _ next.config.js（上）

API 篇 _ next.config.js（下）

API 篇 _ 常用函数与方法（上）

API 篇 _ 常用函数与方法（下）

实战篇 _ React Notes _ 项目介绍与创建

实战篇 _ React Notes _ 侧边栏笔记列表

实战篇 _ React Notes _ 笔记预览界面

实战篇 _ React Notes _ 笔记编辑界面

实战篇 _ React Notes _ 笔记搜索

实战篇 _ React Notes _ 国际化

实战篇 _ React Notes _ 文件上传

实战篇 _ React Notes _ next-auth

实战篇 _ React Notes _ Strapi

实战篇 _ React Notes _ Prisma

实战篇 _ React Notes _ 服务器部署

实战篇 _ React Notes _ Docker 快速入门

实战篇 _ React Notes _ Docker 部署

实战篇 _ React Notes _ Vercel 部署

实战篇 _ 博客 _ 快速实现

实战篇 _ 博客 _ Contentlayer

实战篇 _ 博客 _ SEO

实战篇 _ 博客 _ 深色模式（Dark Mode）

实战篇 _ 博客 _ i18n

实战篇 _ 博客 _ 性能分析

实战篇 _ 博客 _ 评论系统

实战篇 _ 最佳实践总览

实战篇 _ Clerk 与登录注册

实战篇 _ Crowdin 与本地化

源码篇 _ 手写 React SSR

源码篇 _ 手写 React SSG 和 ISR

源码篇 _ 手写 RSC（上）

源码篇 _ 手写 RSC（下）

源码篇 _ RSC 实现原理

源码篇 _ 实现 Streaming

源码篇 _ 实现 Server Actions

源码篇 _ 实现客户端组件

面试篇 _ 五千字的面试技巧分享

面试篇 _ 常见面试题及解析（1）

面试篇 _ 常见面试题及解析（2）

番外篇 _ 拓展阅读

WebGL 入门与实践 (33篇)

初级入门 --- 认识 WebGL

初级入门 --- 从一个点开始：掌握 WebGL 的编程要素

初级入门 --- 绘制三角形：学会使用缓冲区、了解 WebGL 中的基本图形元素

初级入门 --- 基本图元绘制：线段

初级入门 --- 绘制渐变三角形：深入理解缓冲区

初级入门 --- 画个矩形：用基本图形构建平面

初级入门 --- 纹理贴图：为形体穿上外衣

初级入门 --- 绘制立方体、球体、椎体：如何用基本图形构建规则形体

初级入门 --- 绘制多个物体：进一步封装绘制方法

中级进阶 --- 神说要有光，于是就有了光：给物体添加环境光。

中级进阶 --- 冯氏光照模型：为物体增加漫反射效果

中级进阶 --- 冯氏光照模型：为物体增加镜面高光效果

中级进阶 --- 深入理解 GLSL 语法

中级进阶 --- WebGL 与数学：我们需要哪些数学知识？

中级进阶 --- 数学：点、向量、矩阵。

中级进阶 --- 通用数学库的 JavaScript 实现。

中级进阶 --- WebGL 坐标系

中级进阶 --- 坐标系变换：基本变换原理与算法实现

中级进阶 --- 坐标系变换：模型空间变换到世界空间

中级进阶 --- 坐标系变换：世界空间变换到观察空间

中级进阶 --- 坐标系变换：观察空间变换到裁剪空间

深入研究 --- 更高级的旋转：欧拉角、四元数。

深入研究 --- 四元数的应用：使用鼠标控制模型的旋转

深入研究 --- CSS 与 3D 之 transform

深入研究 --- CSS 与 3D 之 perspective

深入研究 --- 数学库在 CSS 的 3D 动画中扮演的重要角色

深入探究 --- 层级建模：行走的机器人

深入研究 --- 使用立方体纹理绘制天空盒

深入研究 --- 混合效果

深入研究 --- 帧缓冲

高级应用 --- 3D模型的拾取原理与实现

高级应用 --- 魔法 Shader：火焰效果的原理与实现

结束了吗？一切刚刚开始

WebRTC：实现私有化会议直播系统 (24篇)

开篇｜使用 WebRTC 打造私有化会议系统

基础（一）：Web 端基础 API 学习

基础（二）：WebRTC 的会话流程以及信令服务器的搭建

WebRTC 实现点对点音视频以及类 IM 的即时消息发送

直播实战：WebRTC 实现类教师授课的 1 对 N 模式简易直播

直播实战：纯前端 + 人工智能模型实现视频虚拟背景

直播实战：WebRTC + 人工智能实现直播虚拟背景

直播实战：WebRTC 自有数据通道实现直播滚动弹幕

会议实战：WebRTC 实现多房间多用户的第一种架构会议系统

会议实战：实时通话过程中音频、视频画面实时控制切换

会议优化：WebRTC 通话过程中宽带计算及网络速率优化

网络配置：Coturn 网络穿透服务器的搭建及使用

WebRTC 网关初识：Janus 初识以及服务搭建

WebRTC 网关：项目实战以及插件使用

WebRTC 网关之插件实战：点对点视频通话媒体控制以及网速监控

WebRTC 网关之插件实战：实现第二种架构会议系统

WebRTC 网关：Janus 高级用法

流媒体 SRS 和 WebRTC ：初步认识 SRS 及服务搭建

SRS + WebRTC 进阶实战：推流直播

SRS + WebRTC 进阶实战：搭建直播系统

SRS + WebRTC 进阶实战：实现第三种架构会议系统

扩展：前端多画面媒体流合并分发

扩展：会议系统普通部署实战

扩展：会议系统容器化部署实战

前端算法与数据结构面试：底层逻辑解读与大厂真题训练 (28篇)

面试总有套路，算法不是玄学——写给普通人的前端算法面试攻略

快速上手——从0到1掌握算法面试需要的数据结构（一）

快速上手——从0到1掌握算法面试需要的数据结构（二）

快速上手——从0到1掌握算法面试需要的数据结构（三）

递归初相见——二叉树递归遍历的三种姿势

算法的衡量——轻松理解时间复杂度与空间复杂度

数组的应用——真题归纳与解读

字符串的应用——真题归纳与解读

链表的应用——真题归纳与解读

快慢指针与多指针——玩转链表复杂操作

姿势特别的链表——环形链表专题

栈与队列怎么玩（上）

栈与队列怎么玩（下）

遍历专题：DFS 与 BFS

场景化解读：递归与回溯思想在真题中的应用

二叉树真题归纳与解读

特殊的二叉树——二叉搜索树专题

特殊的二叉树——平衡二叉树专题

特殊的二叉树——堆结构及其在排序中的应用

排序算法专题（上）

排序算法专题（下）

普通人也能吃透的动态规划思想专题（上）

普通人也能吃透的动态规划思想专题（下）

大厂真题训练与解读——微软真题

大厂真题训练与解读——Google 真题

大厂真题训练与解读——腾讯真题

大厂真题训练与解读——头条真题

思维课：算法面试的评价逻辑

基于 Vite 的组件库工程化实战 (22篇)

开篇词：学习前端工程化就从搭建组件库开始

MVP原型系统：将组件封装为组件库

CSS样式：用UnoCSS实现原子化CSS

文档建设：创建具备Demo示例功能的文档网站

单元测试(一)：使用Jest进行前端单元测试

单元测试 (二)：搭建Vitest的单元测试环境

规范化： Eslint + Prettier + Husky

软件包封装：如何发布兼容多种 JS 模块标准的软件包？

持续集成 CI：基于 github Action 的回归验证

开发许可证：维护自己的版权、拒绝拿来党

组件发布：建立语义化版本与提交软件包仓库 Npm

建立组件库生态：利用 Monorepo 方式管理组件库生态

按需引入_ 实现组件库的按需引入功能

文档部署：用 Vercel 部署你的线上文档

README：编写标准的 README

品质保证：覆盖率测试报告

社区参与：如何管理社区的 PullRequest？

敏捷开发：用 Github 看板和 issue 管理需求

架构复用：创建 CLI 工具提高研发体验

融入开源生态：编写 npm init 项目让用户更方便

加餐1：类型系统：导出组件库的类型定义

结语｜当好项目的开路先锋

开发者必备的 Docker 实践指南 (21篇)

使用容器：为容器配置网络

使用容器：从镜像仓库获得镜像

使用容器：管理和存储数据

使用容器：运行和管理容器

使用容器：镜像与容器

基础概念：了解 Docker 的核心组成

基础概念：浅谈虚拟化和容器技术

基础概念：这是 Docker 的简历

安装运行：在 Windows 和 Mac 中使用 Docker

安装运行：搭建 Docker 运行环境

实践之路：在开发环境中使用服务发现

实践之路：搭建 Java Web 项目运行环境

操作镜像：使用 Docker Hub 中的镜像

操作镜像：保存和共享镜像

操作镜像：常见的 Dockerfile 使用技巧

操作镜像：通过 Dockerfile 创建镜像

百尺竿头，更进一步

组合应用：使用 Docker Compose 管理容器

组合应用：常用的 Docker Compose 配置项

组合应用：应用于服务化开发

组合应用：编写 Docker Compose 项目

目录

掘金小册

TIP

爬取的掘金小册

Pager

开篇-技术选型和项目结构