前端技术演进与新风口：核心能力与面试指南

CSS

1. CSS 中的 animation、transition、transform 有什么区别？
2. 怎么做移动端的样式适配？
3. 相邻的两个 inline-block 节点为什么会出现间隔，该如何解决？
4. Grid 网格布局是什么？
5. CSS3 新增了哪些特性？
6. 怎么使用 CSS3 实现动画？
7. 怎么理解回流跟重绘？什么场景下会触发？
8. 什么是响应式设计？响应式设计的基本原理是什么？如何进行实现？
9. 如果使用 CSS 提高页面性能？
10. 如何实现单行/多行文本溢出的省略样式？
11. 如何使用 CSS 完成视差滚动效果？
12. 怎么使用 CSS 如何画一个三角形？
13. 说说对 CSS 工程化的理解。
14. 怎么触发 BFC，BFC 有什么应用场景？
15. 单行文本怎么实现两端对齐？
16. 说说你对 CSS 模块化的理解。
17. CSS 模块化的实现方式。
18. 怎么让 Chrome 支持小于 12px 的文字？
19. Flexbox(弹性盒布局模型) 是什么，适用什么场景？
20. 如何实现两栏布局，右侧自适应？三栏布局中间自适应呢？
21. 设备像素、css 像素、设备独立像素、dpr、ppi 之间有什么区别？

HTML

1. 什么是 DOM 和 BOM？
2. 简单描述从输入网址到页面显示的过程。
3. 一台设备的 dpr，是否是可变的？
4. 前端如何选择图片的格式？
5. 前端跨页面通信，你知道哪些方法？
6. 说说你对 DOM 树的理解。
7. 行内元素有哪些？块级元素有哪些？空 (void) 元素有哪些？
8. HTML 和 CSS 中的图片加载与渲染规则是什么样的？
9. title 与 h1 的区别、b 与 strong 的区别、i 与 em 的区别？
10. script 标签为什么建议放在 body 标签的底部 (defer、async)？
11. 说说你对 SSG 的理解。
12. 什么是 HTML5，以及和 HTML 的区别是什么？
13. 什么是渐进增强和优雅降级？
14. Node 和 Element 是什么关系？
15. 导致页面加载白屏时间长的原因有哪些，怎么进行优化？
16. 如何控制 input 输入框的输入字数？
17. 渐进式 jpg 有了解过吗？
18. 假设我要上传图片，怎么在选择图片后，通过浏览器预览待上传的图片？

React

1. React Portals 有什么用？
2. React 和 react-dom 是什么关系？
3. React 中为什么不直接使用 requestIdleCallback？
4. 为什么 React 需要 Fiber 架构，而 Vue 却不需要？
5. 子组件是一个 Portal，发生点击事件能冒泡到父组件吗？
6. React 为什么要废弃 componentWillMount、componentWillReceiveProps、componentWillUpdate 这三个生命周期钩子？它们有哪些问题呢？React 又是如何解决的呢？
7. 说说 React render 方法的原理？在什么时候会被触发？
8. 说说 React 事件和原生事件的执行顺序。
9. 说说对受控组件和非受控组件的理解，以及应用场景？
10. 你在 React 项目中是如何使用 Redux 的？项目结构是如何划分的？
11. 说说对 Redux 中间件的理解？常用的中间件有哪些？实现原理？
12. 说说你对 Redux 的理解？其工作原理？
13. 说说你对 immutable 的理解？如何应用在 React 项目中？
14. 说说 React JSX 转换成真实 DOM 过程？
15. 说说你在 React 项目是如何捕获错误的？
16. 说说 React 服务端渲染怎么做？原理是什么？
17. React Fiber 是如何实现更新过程可控？
18. Fiber 为什么是 React 性能的一个飞跃？
19. setState 是同步，还是异步的？
20. 循环渲染中为什么推荐不用 index 做 key？
21. 如何避免使用 context 的时候，引起整个挂载节点树的重新渲染！
22. 如何进行路由变化监听？

Vue

1. Vue 有了数据响应式，为何还要 diff？
2. Vue3 为什么不需要时间分片？
3. Vue3 为什么要引入 Composition API？
4. 谈谈 Vue 事件机制，并手写 on、off、emit、once。
5. computed 计算值为什么还可以依赖另外一个 computed 计算值？
6. 说一下 vm.$set 原理。
7. 怎么在 Vue 中定义全局方法？
8. Vue 中父组件怎么监听到子组件的生命周期？
9. Vue 组件里写的原生 addEventListeners 监听事件，要手动去销毁吗？为什么？
10. Vue 中，created 和 mounted 两个钩子之间调用时间差值受什么影响？
11. Vue 中，推荐在哪个生命周期发起请求？
12. SPA(单页应用) 首屏加载速度慢怎么解决？
13. 说下 Vite 的原理。
14. Vue2.0 为什么不能检查数组的变化，该怎么解决？
15. 说说 Vue 页面渲染流程。
16. Vue 中 computed 和 watch 区别。
17. Vuex 中的辅助函数怎么使用？
18. 如果使用 Vue3.0 实现一个 Modal，你会怎么进行设计？
19. Vue 3.0 中 Treeshaking 特性是什么，并举例进行说明？
20. Vue3.0 所采用的 Composition Api 与 Vue2.x 使用的 Options Api 有什么不同？
21. Vue3.0 性能提升主要是通过哪几方面体现的？
22. Vue3.0 的设计目标是什么？做了哪些优化？
23. 你是怎么处理 Vue 项目中的错误的？
24. 说说 Vue3 中的响应式设计原理。

算法

1. 最大的钻石。
2. 举例说明你对尾递归的理解，以及有哪些应用场景。
3. 去除字符串中出现次数最少的字符，不改变原字符串的顺序。
4. 请手写'快速排序'。
5. 洗牌算法。
6. 什么是尾调用优化和尾递归？
7. 合并 K 个升序链表。
8. 什么是时间复杂度？
9. 请手写'基数排序'。

TypeScript

1. 说说对 TypeScript 中命名空间与模块的理解？区别？
2. 说说你对 TypeScript 的理解？与 JavaScript 的区别？
3. TypeScript 中泛型是什么？
4. TypeScript 中有哪些声明变量的方式？
5. 什么是 TypeScript 的方法重载？
6. 请实现下面的 sleep 方法。
7. TypeScript 中的 is 关键字有什么用？
8. TypeScript 支持的访问修饰符有哪些？
9. 请实现下面的 myMap 方法。
10. 请实现下面的 treePath 方法。
11. 请实现下面的 product 方法。
12. 请实现下面的 myAll 方法。
13. 请实现下面的 sum 方法。
14. 请实现下面的 mergeArray 方法。
15. 实现下面的 firstSingleChar 方法。
16. 实现下面的 reverseWord 方法。
17. 如何定义一个数组，它的元素可能是字符串类型，也可能是数值类型？
18. 请补充 objToArray 函数。