LEARN BY DOING

这是什么

一个理解前端开发工作的代码库。
包含我自己实现的代码和整理的学习资源。

为什么

因为这是学习写代码的唯一方式 —— 动手练习！

目录

• JavaScript
  • [x] 关于 prototype、Object、Function
  • 手写系列
    • 用函数实现关键字
      • [x] 手写 ES5 寄生组合继承
      • [x] 手写 ES5 new
      • [x] 手写 bind
      • [x] 手写 call
      • [x] 手写 instanceof
      • [x] 模板字符串
      • API
        • [x] 手写 map
        • [x] 手写 filter
        • [x] 手写 reduce
        • [x] 手写 forEach
        • [x] 手写 flat
    • utils
      • [x] 简单的深克隆
      • [x] 简单 EventEmitter
      • [x] 逗号分割千分位
      • [x] uniqBy
      • [ ] debounce
      • [ ] throttle
      • [ ] curry
      • [ ] pipe
  • 语法的使用/语法糖
    • [x] asnyc
    • [x] decorator
    • [x] 一些 ES6 语法
    • [x] 一些 TS 语法
    • [x] 一些编码技巧：三元 短路运算 布尔化 取整
  • 异步编程
    • [x] 手写 p-limit
    • [x] 手写 p-lock
    • [x] delay
• Node.js
  • [x] Node.js 的简单用法
  • [x] 搭建一个简单的服务器
• 第三方库
  • 敲点简单 Demo
    • [x] react hooks
    • [x] redux
    • [x] react-redux
    • [x] redux-react-hook
    • [x] rxjs
    • [x] Webpack：https://github.com/seognil-study/webpack-playground
  • 测试框架
    • [x] Jest
    • [x] Testing-Library
    • [x] Cypress
  • 手写一个？
    • [x] redux
    • [ ] tiny-mvvm
    • [ ] tiny-react
    • [ ] tiny-vue
• 教程的作业
  • [x] Javascript 30
• 计算机科学
  • [x] 算法：https://github.com/seognil-study/leetcode
  • [ ] 设计模式

有用的工具

• 运行 JavaScript 代码的十几种方式
• 关于 Chrome
• 关于 VS Code
• Mac、设置和软件