fengyinchao / fe-learn

一个前端学习和总结的项目集合

目录

1、js-code

1.1、数据结构相关

• 6 大排序
• BST 树的构建与遍历
• AVL 树的构建
• 堆的构建

1.2、原生 JS 相关

• Promise 实现
• flat 实现
• bind-new 实现
• call-apply 实现
• throttle-debounce 实现
• deep-clone 实现

1.3、diff-patch

• diff 实现
• patch 实现

1.4、mvvm

• Observer & Dep 实现
• Watcher 实现
• Compiler 实现
• vue 中 computed & watch 的简单实现

1.5、reactive

• Vue3 的响应式实现

1.6、LeeCode

• 字符串所有子串
• 大数相加
• 无重复子串最大长度
• 链表反转

2、tiny-compiler

一个将LISP转为C的简易编译器

 *
 *   1. input  => tokenizer   => tokens
 *   2. tokens => parser      => ast
 *   3. ast    => transformer => newAst
 *   4. newAst => generator   => output
 */

3、tiny-webpack

基于 babel 构建的简易打包系统

4、css-3d

• 翻转卡片
• 立方体
• 旋转木马

5、canvas

• 画板（直线、矩形、圆形、路径、贝塞尔曲线、橡皮擦）