💡 介绍

🚀 该项目是自己日常的知识积累，希望可以帮到你，欢迎Star与分享，后续会不断更新。

🇨🇳 最后更新日期：2️⃣0️⃣2️⃣2️⃣/0️⃣6️⃣/ 1️⃣5️⃣

目录

🐳 浏览器

• 浏览器的进程和线程详解

• DOM和BOM

• 你应该知道的http

• 浏览器渲染过程解析

• 缓存：浏览器缓存、DNS缓存和CDN缓存

• 事件循环（Event loop）

🐬 JavaScript

• JavaScript中的this指向全解析

• 执行上下文、作用域到底是什么？二者有什么关系

• 闭包

• 原型和原型链以及对象的封装继承

🐋 CSS

• CSS基础大纲

• CSS3 transform对普通元素z-index、positon和overflow的影响

• 上下两端固定，中间随内容自动撑高的H5代码，达到一定高度中间内容出现滚动条

• 子元素设置position:fixed，z-index大于父元素依然被父元素盖住

• 滚动条悬浮改变颜色大小

• 纯css实现文字下划线悬浮【中心向两边扩展】、鼠标移开【两边向中心收缩】特效

🦈 React

• React 阻止事件冒泡失效、stopPropagation和stopImmediatePropagation分析，解决stopPropagation没有阻止冒泡问题

• react组件下渲染原生dom（插入原生元素）

• React hooks组件中，定义的方法取不到新的state值的坑

• React服务端渲染（SSR）入门

🐠React 源码

• React 源码调试

• 虚拟DOM和DOM Diff

🦀 模块化

• webpack打包后运行时文件分析（webpack5）

🦞 常用的JS工具函数

• 根据RGB值判断颜色是否深浅色(附深浅色颜色集合)

• 复制数据到剪切板

• JS解析url链接和获得get参数的两种方法

🦐 第三方库

• CSS in JS之styled-components