Skip to content

op-sources/2xiao.github.io

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

LeetCode-JS

LeetCode 算法 + 框架源码 + 系统设计 + 前端面试题 = Offer

项目简介

LeetCode-JS 是一个帮助前端开发者系统提升算法能力、理解框架源码、掌握系统设计和前端面试核心知识的学习项目。通过丰富的解题思路、源码解析、系统设计实站和面试指南,助力你快速通关算法题、深入理解核心概念,从容应对技术面试,拿到心仪 Offer。

在线访问

👉 🧭 LeetCode 通关指南
👉 🍭 React 源码
👉 🤡 Vue 源码
👉 🚀 系统设计入门
👉 🔥 前端面试题

项目亮点

🧭 LeetCode 通关指南

logo

带你手把手解锁 1000 道算法题,配有详细的解题思路、复杂度分析和代码。覆盖以下内容:

  • LeetCode 题解: 深入分析各类经典算法问题
  • 剑指 Offer(第 2 版): 名企面试真题详解
  • 程序员面试金典: 知识点全面复习
  • 算法笔记: 总结常用算法技巧,形成知识框架
  • 专项训练: 高频面试题,助你建立肌肉记忆

👉 查看详情


🍭 手写 React 源码

logo

从零开始实现 React v18 核心功能,全面深入理解其原理。包含:

  • 基础框架与 JSX: 项目框架搭建,解析 JSX 转换机制
  • Reconciler 与更新机制: 深入研究 React 更新逻辑与优化
  • Render 与 Commit 流程: 理解虚拟 DOM 的创建与更新
  • Hook 实现与事件系统: 掌握核心 Hook 及事件处理机制
  • Diff 算法与同步调度: 探索高效 Diff 实现与调度流程

👉 查看教程


🤡 手写 Vue 源码

logo

构建属于自己的 Vue 库,从零实现 Vue 3.4 的核心功能。涵盖:

  • 响应式原理: 理解 reactive、ref 等核心 API
  • 渲染原理: 深入 Runtime DOM 的属性与事件处理
  • Diff 算法原理: 理解虚拟 DOM 和 Vue3 Diff 机制
  • 组件渲染原理: 熟悉 Vue3 组件渲染与挂载流程
  • 模板编译原理: 掌握编译优化与 AST 的生成

👉 立即学习


🚀 系统设计入门

logo

系统性掌握基础知识与核心概念,并通过实战案例熟悉常见系统设计题目的解决思路:

  • 基础知识:计算机架构、网络基础、HTTP、缓存机制
  • API 设计:WebSocket、API 模式与设计最佳实践
  • 存储系统:SQL、NoSQL、CAP 定理、分片与复制
  • 分布式系统:一致性哈希、消息队列、MapReduce 等
  • 系统设计实战:设计限流器、短链接、Twitter、YouTube 等经典题目

👉 立即学习


🔥 前端面试题

全面覆盖前端开发的核心知识点,帮助你备战前端技术面试:

  • 前端基础:JavaScript、HTML、CSS、HTTP、Node.js
  • 前端框架:React、Vue
  • 前端工程化:构建工具、版本管理、前端监控
  • 数据结构与算法:算法笔记、LeetCode 题解、剑指 Offer
  • 系统设计与行为面试

👉 开始准备


版权声明

本作品采用 知识署名-非商业性使用-禁止演绎 (BY-NC-ND) 4.0 国际许可协议 进行许可。

只要保持原作者署名和非商用,您可以自由地阅读、分享、修改本书。


让我们一起努力,收获梦想中的 Offer 🚀!

欢迎交流与反馈!如果你觉得这个项目对你有帮助,请点亮 Star 🌟!

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 79.7%
  • Vue 11.6%
  • SCSS 8.4%
  • HTML 0.3%