|
|
🏗️ coding/
├── 📄 01-HTML/ # HTML 基础与进阶
│ ├── 🎯 activity/ # 活动页面实战
│ ├── 📱 app/ # 移动端应用
│ ├── 🖼️ imgFloowText/ # 图文混排
│ └── 🌐 websocket/ # WebSocket 实时通信
├── 🎨 02-CSS/ # CSS 样式与动画
│ ├── ⚡ animation-timeline/ # 时间轴动画
│ ├── 🏢 elevator-nav/ # 电梯导航
│ ├── ✂️ ellipsis/ # 文字省略处理
│ └── 🌊 waterfall-layout/ # 瀑布流布局
├── ⚙️ 03-JavaScript/ # JavaScript 核心
│ ├── 🔮 ES6+/ # 现代 JavaScript
│ ├── 📊 array/ # 数组方法详解
│ ├── 🧠 advanced/ # 高级特性
│ └── 🛠️ utils/ # 工具函数库
├── 📘 04-TypeScript/ # TypeScript 进阶
│ ├── 🔧 my-utils/ # 类型工具库
│ └── 📚 utility-types/ # 内置工具类型
├── 🏛️ 05-FrameWorks/ # 前端框架
│ ├── ⚛️ React/ # React 生态
│ ├── 💚 Vue/ # Vue 全家桶
│ └── 🔄 qiankun/ # 微前端架构
├── 🔬 06-Mini-Core/ # 源码实现
│ ├── 🌳 ast/ # AST 抽象语法树
│ ├── 📡 eventEmitter/ # 事件发布订阅
│ └── 🎭 render/ # 渲染引擎
├── 🌐 07-Browser/ # 浏览器原理
│ ├── 🔒 closure/ # 闭包机制
│ └── 💾 memory/ # 内存管理
├── 📊 08-Data-Structures/ # 数据结构
│ ├── 🔗 linkedList/ # 链表
│ ├── 📚 stack/ # 栈
│ ├── 🚶 queue/ # 队列
│ └── 🌳 binary-tree/ # 二叉树
├── 🧮 09-Algorithms/ # 算法实现
│ ├── 🔍 searching/ # 搜索算法
│ ├── 📈 sorting/ # 排序算法
│ └── 💡 leetcode/ # LeetCode 题解
├── 🏗️ 10-Design-Pattern/ # 设计模式
├── 🔨 11-Build-Tools/ # 构建工具
│ ├── 📦 Webpack/ # Webpack 配置
│ ├── ⚡ Vite/ # Vite 实战
│ └── 🎯 Rollup/ # Rollup 打包
└── 🚀 12-Project/ # 实战项目
├── 📊 monitor/ # 性能监控
└── 📜 virtualScroll/ # 虚拟滚动
# 克隆仓库
git clone https://github.com/xiumubai/coding.git
# 进入项目目录
cd coding
# 安装依赖(如果需要)
npm install
🔰 初级开发者
- 基础语法 →
01-HTML
+02-CSS
+03-JavaScript
- 核心概念 →
07-Browser
浏览器原理 - 实战练习 →
12-Project
小型项目
🔥 中级开发者
- 现代语法 →
04-TypeScript
+03-JavaScript/ES6+
- 框架学习 →
05-FrameWorks
React/Vue - 工程化 →
11-Build-Tools
构建工具 - 算法提升 →
08-Data-Structures
+09-Algorithms
⚡ 高级开发者
- 源码分析 →
06-Mini-Core
核心实现 - 架构设计 →
10-Design-Pattern
设计模式 - 性能优化 →
12-Project/monitor
性能监控 - 面试冲刺 →
13-Company-Specific-Questions
📂 模块 | 📄 文件数 | 🎯 难度 | ⭐ 推荐度 |
---|---|---|---|
HTML | 15+ | ⭐⭐ | ⭐⭐⭐⭐⭐ |
CSS | 20+ | ⭐⭐⭐ | ⭐⭐⭐⭐⭐ |
JavaScript | 30+ | ⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ |
TypeScript | 15+ | ⭐⭐⭐⭐ | ⭐⭐⭐⭐ |
框架 | 25+ | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐⭐ |
算法 | 50+ | ⭐⭐⭐⭐⭐ | ⭐⭐⭐⭐ |
🎯 成就 | 📋 要求 | 🎁 奖励 |
---|---|---|
🌟 HTML 大师 | 完成所有 HTML 练习 | 获得基础认证 |
🎨 CSS 艺术家 | 实现 10+ 炫酷效果 | 获得样式认证 |
⚡ JS 忍者 | 掌握高级 JavaScript | 获得逻辑认证 |
🔥 框架专家 | 精通 React/Vue | 获得架构认证 |
🧠 算法大神 | 解决 100+ 算法题 | 获得思维认证 |
我们欢迎所有形式的贡献!
- 🍴 Fork 本仓库
- 🌿 创建 特性分支 (
git checkout -b feature/AmazingFeature
) - 💾 提交 你的修改 (
git commit -m 'Add some AmazingFeature'
) - 📤 推送 到分支 (
git push origin feature/AmazingFeature
) - 🔄 打开 Pull Request
- 🐛 Bug 修复
- ✨ 新功能添加
- 📚 文档完善
- 🎨 代码优化
- 🧪 测试用例
本项目采用 MIT 许可证 - 查看 LICENSE 文件了解详情