web前端高级JavaScript - 前端web高级开发知识体系课程大纲

╰+攻爆jí腚メ 2022-12-17 08:45 198阅读 0赞

### 堆栈内存和闭包作用域 ###

*  9种数据类型区别及相互转换
 *  词法解析和变量提升
 *  堆（Heap）栈（stack）内存及垃圾回收机制
 *  JS底层运行机制：EC/AO/VO/GO
 *  作用域（Scope）和作用域链（Scope-chain）
 *  闭包及其两大作用：保存/保护
 *  高阶编程：惰性函数/柯理化函数/compse组合函数
 *  BAT/TMD经典面试题深入剖析
 *  JQuery源码解读【基本骨架】
 *  Lodash源码解读【函数防抖和节流】

### 面向对象程序设计 ###

*  全方位剖析面向对象程序设计
 *  构造函数和new底层实现机制
 *  原型和原型链
 *  函数3种角色及Function/Object的相互依赖机制
 *  BAT/TMD经典面试题深入剖析
 *  This的5大场景及实战应用
 *  call/apply/bind/instanceof/Object.create等源码剖析
 *  JS中4大继承方案的深入解析
 *  jQuery源码解读【数据类型检测的封装及底层核心】
 *  Lodash源码解读【数组/对象的深拷贝和深比较】

### DOM事件即设计模式 ###

*  详细解读事件及事件对象
 *  DOM2级事件的核心运行机制
 *  事件传播机制和事件代理
 *  jQuery源码解读【事件库】
 *  观察者和发布订阅设计模式
 *  单例和工厂设计模式
 *  代理和装饰设计模式
 *  从零实现开源及插件组件封装
 *  BAT/TMD经典面试题深入剖析
 *  京东放大镜、B站楼层导航、百度可拖拽登录框等

### ES6+核心知识和源码解析 ###

*  let/const/var的区别
 *  箭头函数和普通函数的区别
 *  class类和类的装饰器
 *  Set/Map/WeakSet/WeakMap
 *  Promise 和Promise A+ 规范源码
 *  async/await及内部实现原理
 *  Generator生成器和Interator迭代器
 *  模块化发展历程：AMD、CMD、CommonJS、ES6Module
 *  Object.defineproperty和Proxy深度对比
 *  函数式编程和命令式编程

### AJAX/HTTP前后端数据通信 ###

*  HTTP1.0和HTTP2.0的区别
 *  HTTP和HTTPS的区别
 *  TCP的三次握手和四次挥手
 *  DNS和DNS预解析
 *  强缓存（Expires/Cache-Control）和协商缓存（Last-Modified/ETag）
 *  HTTP报文和HTTP网络状态码
 *  XMLHttpRequest及内部核心操作
 *  数据传输格式FormData/x-www-form-urlencoded/raw/binary
 *  Axios库及Axios的二次配置
 *  基于Promise从零封装Axios
 *  Fetch及Fetch库的封装
 *  N种跨域解决方案及底层原理
 *  前端性能优化方案汇总

### Webpack工程化开发与部署 ###

*  webpack核心基础知识
 *  单（多）项目入口打包
 *  webpack devServer和proxy代理
 *  loaders及plugins处理
 *  CSS样式抽离、压缩、兼容性处理
 *  less/sass等预编译语言的处理
 *  基于babel转换ES6/ES7语法及Polyfill兼容处理
 *  resolve/sourceMap
 *  webpack性能优化（TreeShaking、CDN加载热更新、图片压缩等）
 *  vue-cli3.0脚手架的应用/配置和性能优化
 *  vite / snowpack基础语法和实战应用

### Vue2.0的基础知识与核心原理 ###

*  mvvm双向数据绑定实现原理
 *  dom-diff及实现原理
 *  v-model及实现原理
 *  template模板语法和render
 *  JSX语法受控组件（data）
 *  非受控组件（ref）属性及属性的校验规则
 *  常用的指令和Vue.directive自定义指令
 *  watch与computed的深度对比和实现机制
 *  事件处理和修饰符
 *  表单元素和条件及循环渲染
 *  vue transition动画和路由切换动效生命周期（钩子）函数即实战应用
 *  Component组件和开发及slot插槽
 *  实战案例：淘宝商城购物车信息管理

### Vue生态及进阶（vuex、vue-router） ###

*  复合组件通信的6大方案
 *  $on / $emit自定义事件
 *  vuex基础：state/getter/mutation/action
 *  vuex模块化管理和mapXxx遍历
 *  mixin混入和vue.use插件开发
 *  vuex的核心源码解读
 *  SPA（单页面应用）和MPA（多页面应用）对比
 *  HASH路由和BROWSER路由对比
 *  编程式导航和动态路由
 *  路由导航守卫及权限校验
 *  keep-alive组件静态/动态缓存
 *  vue-router核心源码解读
 *  实战案例：TASK OA任务管理系统

### Vue综合实战和性能优化 ###

*  element-ui/cube-ui/vant实战应用和二次封装
 *  从零开始封装专业级UI组件
 *  Vue-DevTools调试工具与单元测试
 *  长列表和无限列表性能优化方案
 *  基于babel-plugin-component实现组件按需导入
 *  图片/路由/数据等资源的懒加载
 *  loading / 骨架屏等优化技巧的实战应用
 *  webpack编译打包层面的优化处理
 *  CSRF / xss 等方面的网络安全优化处理

### VUE3.0基础知识与核心原理 ###

*  全方位深度对比vue2与vue3的区别
 *  vue3新特性全方位剖析
 *  基于vite/webpack实现vue3工程化部署
 *  掌握setup和10种响应式系统API
 *  掌握新生命周期函数和模板refs的使用
 *  vue3中的响应式系统和dom-diff
 *  基于vue3实现“知乎日报app”开发

### React基础知识与核心原理 ###

*  create-react-app脚手架的应用于优化
 *  jxs的基础知识和实战应用
 *  虚拟DOM到真是DOM的渲染原理
 *  react中的dom-diff实现原理
 *  属性和状态的管理（深入剖析setState的同步异步）
 *  受控和非受控组件
 *  react合成事件和双向绑定数据
 *  函数式组件及React Hooks
 *  类组件及其声明周期函数（Component VS PureComponent）
 *  复合组件和组件嵌套
 *  基于属性实现父子组件信息通信
 *  基于上下文（React.createContext）实现组件信息通信

### React生态及进阶redux/react-router-dom ###

*  redux的操作流程和实战应用
 *  react-redux的实战应用和中间件处理
 *  高阶组件（代理组件）及其实现原理
 *  redux/react-redux/中间件源码解读
 *  Dva和Umijs及其实战应用
 *  react-router-dom的基础常规操作
 *  withRouter高阶函数
 *  编程式导航和动态路由
 *  实战案例

### React综合实战和性能优化 ###

*  从零开始封装专业级UI组件
 *  Ant DesignUI库的应用和二次封装
 *  axios/fetch二次配置heAPI接口模块化管理
 *  第三方登录和支付功能
 *  code splitting代码“懒加载”
 *  shouldComponentJpdate与PureComponent
 *  列表类组件优化处理技巧
 *  基于Immutable.js进行性能优化
 *  react-addons-perf性能监测
 *  大型实战项目：小米优品电商

### 专题 ###

*  微信小程序
 *  全面贯穿node.js/express全栈开发
 *  GIT团队协作开发
 *  TypeScript及Flutter