前端知识体系

前端JS基础知识体系

常说的JS(浏览器执行的JS)包含两部分:

  • JS基础知识,规定语法(ECMA 262标准)
  • JS Web API, 网页操作的API (W3C标准)
  • 前者是后者的基础,两者结合才能真正实际应用
    持续更新中。。。

前端知识体系_第1张图片
各位兄台,下面的蓝色链接是可以点的呀!_(:3」∠❀)_ 点击有惊喜哦!(▰˘◡˘▰)

1. JS 基础知识

  • 变量类型和计算
    • 值类型和引用类型
    • 类型判断
    • 逻辑运算
  • 原型和原型链
    • class
    • 继承
    • 原型
    • 原型链
    • instanceof
  • 作用域和闭包 作用域和闭包 ლ(´ڡ`ლ)一样的话题,一样的配方!
    • 作用域
    • 自由变量
    • 闭包
    • this
  • 异步
    • 单线程
    • callback
    • 应用场景
    • Promise
  • 模块化
    • ES6 Module

2. JS-Web-API

  • DOM DOM操作 ᕙ༼ ͝°益° ༽ᕗ 就是这么吊!
    • 树形结构
    • 节点操作
    • 属性
    • 树结构操作
    • 性能
  • BOMJS-Web-API:BOM
    • navigator
    • screen
    • location
    • history
  • 事件
    • 绑定
    • 冒泡
    • 代理
  • ajax(Ajax, jQuery ajax, fetch,axios ヾ(⌐■_■)ノ看完 你就明白了~~)
    • XML HttpRequest
    • 状态码
    • 同源策略和跨域 同源策略和跨域 (ノ°▽°)ノ 冲鸭!征服她!!!
  • 存储(cookie localStorage sessionStorage (¦3」∠) 震惊!看完你居然就懂了!!!)
    • cookie
    • localStorage
    • sessionStorage

3. 开发环境

  • git
  • 调试
  • webpack 和 babel
  • linux 命令

4. 运行环境

  • 页面加载
    • 加载
    • 渲染
  • 性能优化
    • 加载资源优化
    • 渲染优化
  • 安全
    • xss
    • CSRF

前端知识体系_第2张图片生命不息,奋斗不止!

你可能感兴趣的:(JavaScript)