前端知识体系

js

js语言精髓

• 基本数据类型，变量提升
• 函数与对象、构造函数
• 闭包，this和作用域
• call, apply, bind
• 继承
• 语句和表达式
• 高阶函数
• js典型错误分析
• 原型链与原型对象
• 递归和尾递归

Es核心技术

• 深入this解析
• 作用域和闭包
• 值传递与引用传递分析
• 原型与原型链
• 微任务，宏任务，同步队列，异步队列
• 暂时性死区
• GC
• 执行堆栈

es6核心技术

• const、let、解构，字符串，数组，对象，函数
• yieid与遍历
• class、set、map
• export/import 与 Module
• 修饰
• Symbol新特性详解

es6+

typescript

js函数式编程

css

经典布局

高级绘制

分层理论

html

html语义化

埋点，监控，日志分析

localstorage扩容

跨域问题解决方案

漏洞攻防

nodejs

基础

进阶

源码深入

实践

前框框架

MVVM&MVC

VUE

• vue全家桶快速上手

  • vue
  • vuex
  • vueRouter
  • vue ssr
  • ts在vue的应用

• vue2源码解析

• vue2周边原理剖析

• vue3使用及源码讲解

React

• React全家桶

  • react
  • reactRouter
  • redux
  • react ssr
  • ts在react的应用

• flux思想及redux使用

• redux源码实现

• react16.8新特性讲解

• react16.8源码深入

前端架构设计

组件化

微前端

设计模式

数据结构和算法

前端性能优化

前端性能调试

• 断点捕捉事件绑定
• performance性能面板
• timeline掌握帧渲染模式
• profiles具体问题分析

前端性能优化深入

• web高性能css与浏览器渲染原理
• 浏览器与http层
• 面向切面编程
• 服务端性能优化
• 首屏性能提升
• http缓存机制
• nodejs内存泄漏
• react性能优化
• vue性能优化

前端安全

前端加密技术

前端安全策略

• 同源策略
• xss
• csrf
• 前端cookies
• 安全沙箱
• https窃听
• 前端点击劫持问题

owasp

前端靶机环境与渗透平台

浏览器原理

宏观视角下的浏览器

• http请求流程
• 导航流程
• 渲染流程

浏览器中js的执行机制

• 变量提升
• 调用栈
• 块级作用域
• 作用域链与闭包
• this

v8工作原理

• 栈空间&堆空间
• 垃圾回收
• 编译器&解释器

浏览器中的页面循环系统

• 消息队列和事件循环
• setTimeout的实现
• XMLHttpRequest的实现
• Promise
• aysnc/await

浏览器中的页面

• Chrome开发者工具
• DOM树构建
• 渲染流水线
• 分层和合成机制
• 页面性能
• 虚拟DOM
• 渐进式网页应用
• WebComponent

浏览器中的网络

• 网络协议

  • Http协议
  • Tcp/IP协议
  • DNS协议与CDN技术

浏览器安全

• 同源策略
• xss
• csrf
• 安全沙箱
• https

工程化和持续构建

构建工具

• webpack
• babel

版本控制

• svn
• git

CI/CD

代码质量管理

• eslint/lint
• snoar

自动化测试

• 测试类型分析以及实际应用
  • 测试框架

服务器与后端

Linux

代理与反向代理服务器

PHP+MySQL

XMind: ZEN - Trial Version