打算收拾收拾心情，迎接2022年，于是整理了自己的收藏夹，也跟大家分享一些2021年个人收藏的前端学习资料，包括文章65篇、视频37个、书籍24本，欢迎一起成长

前端八股文还是值得深入了解，系统巩固的基础。扎实的基本功还有利于跳槽涨薪的。小知识，大挑战！努力行动起来吧！

00. B站视频观看地址 出这个教程也是为了迎接Vue3的推出，今晚更新最后一集视频后，开始更新Vue3视频。 我原本准备更新 Vue3.x 教程的，由于官方文档一直不出，我又不敢瞎讲，所以干脆先来一个 TypeScript 教程热身，TypeScript 已经在我们公司全面使…

本合集旨在巩固前端工程师核心基础技能，从各大小厂高频手写题出发，对常见的模拟实现进行总结，坚持学习，会有 彩蛋 呦。 更详尽更 多 的源代码放在 github 项目上，一种题含多种解法，有兴趣的可以下载学习，长期更新和维护。 PS：文章如有误，请不吝指正。 您的 「赞」 是笔者…

是什么促使我要写这一篇音视频&流媒体门的初级文章？那是因为和一妹子打赌码率的概念，结果输了；对一个技术人员而言，码率这个种最基本的概率都没整明白，简直是奇耻大辱，开个玩笑。有了这个前提之后，发现，还是得多理解下原理和基础入门知识。 当下，音视频、流媒体已经无处不在，直播已经火了…

从 详情页 -->返回 列表页 的时候页面的状态是缓存，不用重新请求数据，提升用户体验。 从 列表页 -->返回 主页 的时候页面，注销掉列表页，以在进入不同的列表页的时候，获取最新的数据。 今天 让我们来实现这个需求。 在 代码的世界里 解决问题的 方法 从来都不止一种。 可…

输入完成（也就是我们回车或者选择了对应的文字插入到输入框的时刻）触发compositionend事件。 查阅资料后发现，这三个事件不仅包括中文输入法还包括语音识别。 $attrs: 获取到子组件props没有注册的,除了style和class以外所有父组件的属性。（感觉好强!）…

本文是摘录整理了移动端常见的一些bug以及解决方案，第一篇，后面还会有持续的文章更新整理。 Q: 当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。 A:根本原因是-webkit-tap-highlight-color，这个属性…

本系列最开始是为了自己面试准备的.后来发现整理越来越多,差不多有十二万字符,最后决定还是分享出来给大家. 处理 HTML 并构建 DOM 树。 处理 CSS 构建 CSSOM 树。 将 DOM 与 CSSOM 合并成一个渲染树。 根据渲染树来布局，计算每个节点的位置。 调用 G…