美文网首页
前端线路图

前端线路图

作者: nextChallenger | 来源:发表于2020-06-20 22:00 被阅读0次

1 堆栈内存以及闭包作用域

  • 1 js中的基本数据类型以及其区别 (8种)
  • 2 js堆栈内存的运行机制
  • 3 变量提升机制
  • 4 作用域和作用域链
  • 5 闭包的两大作用: 保存/保护
  • 6 js高阶编程技巧:惰性函数/柯理化函数/高阶函数

2 面向对象(OOP)和this处理

  • 1 单例设计模式
  • 2 类和实例
  • 3 原型和原型链
  • 4 new运算符的实现机制
  • 5 call/apply/bind
  • 6 constructor构造函数模式
  • 7 js中this五种情况的综合梳理
  • 8 js中的四大数据类型检测方案
  • 9 js中的四大继承方案(含深浅拷贝)

3 DOM/BOM及事件处理机制

  • DOM/BOM的核心操作
  • 事件对象
  • 拖拽及拖拽插件封装
  • 发布订阅设计模式
  • jq源码
  • 事件传播机制和事件代理
  • DOM2级事件的核心运行机制
  • 移动端Touch/Gesture事件及封装处理
  • 浏览器底层渲染机制和DOM的回流重绘

4 ES6、ES7、ES8、ES9...

  • let const 和var的区别
  • 箭头函数
  • 解构赋值和拓展运算符
  • Set/Map数据结构
  • Promise设计模式
  • async/await 及实现原理
  • Generator生成器函数
  • Promise A+规范(手写promise)
  • js底层运行机制:单线程和同步异步编程
  • js底层运行机制:微任务宏任务和事件循环机制
  • Iterator迭代器和for of循环

5 AJAX/HTTP前后端数据交互

  • AJAX核心四步操作
  • GET/POST核心机制与区别
  • TCP三次握手和四次挥手
  • axios库和源码
  • fetch基础和应用
  • 前端开发中的跨域方案
  • HTTP网络状态
  • 前端性能优化

6 实战应用

  • 加密策略:encodeURI MD5等
  • 存储方案:cookie,webStorage,session等
  • token

7 移动端和Hybrid混合开发

相关文章

网友评论

      本文标题:前端线路图

      本文链接:https://www.haomeiwen.com/subject/pzagxktx.html