FE-Advance

前端进阶十日谈

从前端新人到前端专家。

https://junyux.github.io/FE-Advance/day1 遵守各司其责的原则

  1. 深夜食堂:版本一
  2. 深夜食堂:版本二
  3. 深夜食堂:版本三

https://junyux.github.io/FE-Advance/day2 让CSS做更多的事情

  1. 树形菜单:版本一
  2. 树形菜单:版本二
  3. 树形菜单带交互:版本一
  4. 其他CSS图案:版本一
  5. 饼图:版本一
  6. 饼图:版本二
  7. 饼图:版本三
  8. 饼图:版本四
  9. 饼图:版本五

https://junyux.github.io/FE-Advance/day3 代码的封装性、可读性和正确性

  1. 交通灯:版本一
  2. 交通灯:版本二
  3. 交通灯:版本三
  4. 交通灯:版本四
  5. 交通灯:版本五
  6. 交通灯:版本六
  7. 幸运数字:版本一
  8. 幸运数字:版本二
  9. 幸运数字:版本三

https://junyux.github.io/FE-Advance/day4 过程抽象提升系统的可维护性

  1. 只执行一次:版本一
  2. 只执行一次:版本二
  3. 只执行一次:版本三
  4. 只执行一次:版本四
  5. 节流:版本一
  6. 节流:版本二
  7. 防抖:版本一
  8. 防抖:版本二
  9. 拦截器:版本一
  10. 批量操作:版本一
  11. 批量操作:版本二
  12. 批量操作:版本三
  13. 批量操作:版本四
  14. 批量操作:版本五
  15. 批量操作:版本六

https://junyux.github.io/FE-Advance/day5 用好异步

  1. 打字游戏:版本一
  2. 幸运儿:版本一

https://junyux.github.io/FE-Advance/day6 谈谈组件封装

  1. 轮播图:版本一
  2. 轮播图:版本二
  3. 轮播图:版本三
  4. 轮播图:版本四

https://junyux.github.io/FE-Advance/day7 常用设计模式

  1. 图片预览:版本一
  2. 图片选择:版本一
  3. 图片预览+选择:版本一
  4. 同步滚动:版本一
  5. 同步滚动:版本二

https://junyux.github.io/FE-Advance/day8 玩转动画

  1. 旋转动画:版本一
  2. 旋转动画:版本二
  3. 弹跳小球:版本一
  4. 小球动画一:版本一
  5. 小球动画二:版本一
  6. 图文渐显:版本一
  7. 图文渐显:版本二
  8. 图文渐显:版本三
  9. 图文渐显:版本四
  10. 图文渐显:版本五
  11. 图文渐显:版本六
  12. 描边动画:版本一

https://junyux.github.io/FE-Advance/day9 高级特性与元编程

  1. 用户画像:版本一
  2. 用户画像:版本二