结论: 题目较为贴近工程实际，但要落后社会大概5年左右。考察内容很全面，需要有比较扎实的web基础。
T1：唯一一道一点都不会的题竟然是第一题。工程里用了太多css in js，忘了原声css里还有一个伪类选择器nth-of-type
T2－T6:基础题目，但是细节都拉满了，尤其是自适应页面的题。做的时候虽然都实现出来了，但不能保证一定满分。
T7:实现视频弹幕效果，题目要求不是很明确，说要控制弹幕显示颜色和移动，但没具体说设置什么颜色，也没穿关于颜色的参数，最后每个弹幕采用的随机颜色。
T8:考察vue2子组件与组件的通讯。
T9:实现解析markdown，主要考察正则表达式，看了看官方的答案，和自己写法差距有点大。
T10:多级数据结构的处理，不过在js里去控制多级element属实麻烦
前言在 2020 年 9 月 Vue 3 发布正式版本之后，2021 年 2 月 Vuex 也发布了适配 Vue 3 的 4.0 版本，但是在 2021 年 8 月底，由 Vue 核心团队成员 Eduardo 主要贡献的全新 Vue 状态共享库发布 2.0 版本，并在同年 11 月，尤大正式指定 P...
一、引言：预处理器为何仍是前端工程的「刚需」？在原生CSS逐步支持变量（--var）、嵌套语法（CSS Nesting Level 3草案）的今天，有人质疑：“CSS预处理器是否即将退出历史舞台？” 但现实是，在中大型项目中，Sass、Less等工具依然是工程化的核心组件。它们解决的不仅是语法糖问题...
一、引言：为什么选择Lottie做动画？在前端开发中，实现复杂动画往往面临两大痛点： 手动编写CSS/JS动画代码繁琐：关键帧调试、性能优化耗时耗力，尤其是复杂交互动画 传统动画格式缺陷：GIF画质差、文件体积大；视频无法实现动态交互，且难以适配不同屏幕 Lottie的出现解决了这些...
DocumentFragment 是 Web API 中的一个接口，表示一个没有父级的最小化文档对象。它被设计为一个轻量级的“文档片段”容器，可以用来存储一组节点，通常用于高效地进行 DOM 操作。 核心概念 虚拟容器：DocumentFragment 本身不是一个完整的文档，也不是实际 DOM...
JavaScript 中的 Map 和 Object 都可以用来存储键值对，但它们在设计、性能和使用场景上有显著的区别。理解这些差异有助于在开发中做出更合适的选择。 1. 键的类型 Object: 键只能是字符串或Symbol。如果使用其他类型的值作为键（如数字、对象），它们会被自动转...
重排（Reflow）与重绘（Repaint）：前端性能优化的基石在网页开发中，我们经常听到“重排”（Reflow）和“重绘”（Repaint）这两个术语。它们是浏览器渲染页面的核心过程，也是影响页面性能的关键因素。理解它们的区别和触发条件，是进行前端性能优化的基础。 一、浏览器渲染流程简述在深...
