欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-19 15:45:18
堆栈内存和闭包作用域9种数据类型区别及相互转换词法解析和变量提升堆(Heap)栈(stack)内存及垃圾回收机制JS底层运行机制:EC/AO/VO/GO作用域(Scope)和作用域链(Scope-chain)闭包及其两大作用:保存/保护高阶编程:惰性函数/柯理化函数/compse组合函数BAT/TMD经典面试题深入剖析JQuery源码解读【基本骨架】Lodash源码解读【函数防抖和节流】面向对象程序设计全方位剖析面向对象程序设计构造函数和new底层实现机制...

堆栈内存和闭包作用域

  • 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

本文地址:https://blog.csdn.net/lixiaosenlin/article/details/109235516