前端学习大纲-框架/工程篇

• webpack

  • loader与plugin的区别

  • webpack运作流程(tappable对象的构成)

  • 如何编写一个loader/plugin

  • vendor、entry、output、module等配置项的功能

• mvvm框架

  • 三大框架的区别/优缺点列举

  • virtual Dom与dom diff原理

  • vue双向绑定的原理

    • 2.x版本基于defineProperty的数据劫持结合观察者-发布-订阅模式

    • 3.x前瞻：使用proxy代替defineProperty

  • 框架的生命周期流程图

  • 数据变更到视图更新的流程(vue的nextTick原理等)

  • redux/vuex状态管理框架的实现原理、vue-router/react-router的实现(对history Api的应用)

  • react的reconciler、Fiber机制(了解)

• 模块化

  • CommonJs、AMD含义、区别

  • module.export、exports、import/export的联系

  • 如何实现一个模块加载库

  • 模块化方案对循环引用的处理

  • 浏览器原生ES模块方案

• (补充)Canvas

  • canvas高清显示方案

  • 如何为canvas中元素添加交互事件

  • canvas离屏缓存方案

  • 图片跨域的处理方案

  • 如何实现图片裁切、旋转

  • 基本操作:画弧、矩形、线段等

未完待续...