Aki_Huang

TS 多出来的类型：tuple、enum、any TS 是 JS 的超集，可以被编译为 JS 代码，完全兼容 JavaScript JS 是基于对象的，一种脚本语言。TS 基于面向对象编程，引入了很多

前端工具和框架的自身更新速度非常块，要想追赶上前端工具和框架的更新速度， 需要抓住那些本质的知识，然后才能更加轻松地理解这些上层应用。 编译器和解释器 由于机器不能直接理解高级代码，需要通过编译器或者

场景 为了实现无障碍功能，键盘 Tab 切换焦点时，需要显示 outline 实现 可以通过聚焦 css 实现 上述实现方法存在问题 鼠标点击也会出现聚焦的框 :focus-visible 为了兼容浏

思考🤔 v-show 和 v-if的区别 v-show: 节点一直存在，只是通过css display 来显示或隐藏，不会重新渲染和更新 v-if: 节点会根据值来动态创建和销毁 使用场景 组件频繁切

webpack 成熟的工具，重点在于配置、使用、性能优化，原理不是高优 为什么需要webpack? webpack作用 优化打包效率 优化打包后代码： 压缩代码，整合代码，以网页加载更快 工程化，构建

目标 网页加载过程 常见的性能优化 基本的前端安全预防 JS运行环境 浏览器（server端有Node.js） APP内嵌Web View 例如 微信内嵌浏览器 网页如何加载并渲染出来的 问题：从输入

主要内容 http 常见的状态码有哪些 什么是 Restful-API http 哪些常见 header http 为何需要缓存 cache-control 是什么意思 - http 强制缓存 Eta

html面试题 如何理解HTML语义化 默认情况下，哪些HTML标签是块级元素、哪些是内联元素？ CSS面试题 分析知识模块： 布局 定位 图文样式 响应式 CSS3 CSS布局 盒子模型的宽度如何计

实现思路 字体自适应 通过写js控制最大fontSize 通过动态调整root的fontSize 通过rem实现自适应 图片来源：https://www.bilibili.com/video/BV1o