JS基础推荐

结合红宝书做系统梳理

基础中的基础

阮一峰JS教程(https://wangdoc.com/javascript/index.html)
阮一峰ES6入门(https://es6.ruanyifeng.com/)

CSS部分

块级格式上下文

闭包

这波能反杀（js基础系列）;
神光的编程秘籍:https://mp.weixin.qq.com/s/tGEebLD4UncxEyn3YkK8Xw

闭包是在返回一个引用了外部作用域变量的函数的时候，为了把环境保存下来，创建的一个快照，并且对作用域链做了tree shaking，只留下必要的闭包链，保存在堆里，作为对象的 [[scopes]] 属性。因为此时还没执行函数，所以要静态分析标识符引用，确定用到了那些变量，打包保存下来。
在执行这个函数的时候，会利用这个 [[scopes]] “快照”，恢复作用域链。

这波能反杀（js基础系列）

this指向

这波能反杀（js基础系列）;

同步与异步

这波能反杀（js基础系列）;

浏览器运行原理

这波能反杀（js基础系列）;
深入理解浏览器运行原理

Promise

这波能反杀（js基础系列）;
手写Promise

async await

segmentfault

跨域问题

秋风：https://mp.weixin.qq.com/s/UZN1JWALkTKLFZUE-6ApNA
CORS：服务端设置Access-Control-Allow-Origin

性能分析

开发者工具分析：https://mp.weixin.qq.com/s/0JPASL4Y2hTj-onroZ1R_g
缓存策略
性能优化
[性能优化总结]https://www.jianshu.com/p/fe32ef31deed
浏览器缓存，区分memory cache ，disk cache

浏览器缓存策略

前端错误监控与埋点

https://mp.weixin.qq.com/s/gilhk-sJJtK16xhCoNy1Ew
https://www.zoo.team/article/catch-error

可疑区域增加 try-catch
全局监控 JS 异常 window.onerror
全局监控静态资源异常 window.addEventListener
捕获没有 catch 的 Promise 异常用 unhandledrejection
Vue errorHandler 和 React componentDidCatch
Axios 请求统一异常处理用拦截器 interceptors
使用日志监控服务收集用户错误信息

MVVM

什么是MVVM

Vue如何实现MVVM

react是mvvm架构吗？

模块化

红宝书模块化篇章
CommonJS CMD AMD UMD ESM

Http

从输入URL到页面加载的过程？如何由一道题完善自己的前端知识体系！
HTTP1.0、HTTP1.1 和 HTTP2.0 的区别
http/2 究竟有多快？| http2 http1.1 http1.0 对比评测
HTTP/2 相比 1.0 有哪些重大改进？

八、HTTP2.0和HTTP1.X相比的新特性

1. 新的二进制格式/二进制分帧层技术（Binary Format Layer），HTTP1.x的解析是基于文本。基于文本协议的格式解析存在天然缺陷，文本的表现形式有多样性，要做到健壮性考虑的场景必然很多，二进制则不同，只认0和1的组合。基于这种考虑HTTP2.0的协议解析决定采用二进制格式，实现方便且健壮。
2. 多路复用（MultiPlexing），即连接共享，即每一个request都是是用作连接共享机制的。一个request对应一个id，这样一个连接上可以有多个request，每个连接的request可以随机的混杂在一起，接收方可以根据request的 id将request再归属到各自不同的服务端请求里面。
3. header压缩，如上文中所言，对前面提到过HTTP1.x的header带有大量信息，而且每次都要重复发送，HTTP2.0使用encoder来减少需要传输的header大小，通讯双方各自cache一份header fields表，既避免了重复header的传输，又减小了需要传输的大小。
4. 服务端推送（server push），同SPDY一样，HTTP2.0也具有server push功能。

加密算法

对称加密 非对称加密RSA
【web安全3】【硬核】HTTPS原理全解析

https:客户端认证https服务端证书过程详解——证书链
整个过程中产生的三个随机数有什么用呢？

证书的签发(Signing)和认证(Verification)的过程

https通信过程

Webpack Vite

wepack概括
超详细的webpack原理解读
Vite本质:通过浏览器modules模块解决了文件依赖分析的webpack
Vite工作原理和手写实现「基本完结」
速度与激情之 Vite 初体验（最佳入门）

Vue

React

网络安全

Web常见漏洞描述及修复建议