知识架构图

点点滴滴的积累，构建全局知识体系

• 浏览器
  • history 定制android物理返回键
  • navigator
    • userAgent 使用chrome伪装成微信小程序等
    • serviceWorker 优先使用cache缓存资源，使应用离线化
  • 浏览器缓存机制
    • 脑图
    • 好文
  • 上下文
    • BFC 好文 Block formatting Contexts
    • bind,call,apply this作用域
  • 客户端存储
    • cookie 存储在客户端 (session:存在于客户端与服务端)
    • web storage api 简单键值对的存储
      • sessionStorage 网页关闭，存储消失
      • localStorage
    • indexeddb 本地数据库
    • cache api 存储网络请求的response，离线时响应对应的request
  • 跨端解决方案
    • pwa 无网络访问，应用安装，跨全端应用
  • 跨域
    • jsonp
    • cors
  • WebAssembly WebAssembly实践
• JavaScript
  • JS专题
  • 异步
    • 异步与for
    • 充电Promise
• 服务相关
  • https与nginx 本地搭建https
  • https通信过程 利用CA数字签名进行非对称加密传递私钥，利用私钥对称加密
• 认证体系
  • cookie 有状态 包含session的cookie存客户端，session存服务端数据库
  • token 无状态 token存储在客户端，token被服务端解析使用
• 安全与漏洞
  • XSS
  • CSRF
• CSS
  • CSS专题
• 框架
  • Virtual DOM 真的比操作原生 DOM 快吗？
  • Vue专题
  • 双向绑定Proxy vs defineProperty
• 算法
  • 迭代与递归
• 性能优化
  • 性能分析工具与方法
  • 性能优化24条