两年半载经验的前端面经概括

1. flex 布局 :star2:

答：阮一峰老师的 flex 文章，清晰易懂。

常用的 api 和两列、三列布局等等，对于我来说稍微有点难度。之前项目对兼容性高，基本没怎么用过 flex 布局。没用过的建议用一用，几个小时就会常见布局了。

2. 优化长列表滚动效果

没答上来，说了几个 js 的方案没答对点上。

面试官答曰：transition 优化动画效果，分层渲染

后面分析了一下，可以用 transform 进行强制分层，第二种可以用 content-visibility 将看不见的元素不渲染，设置值为 auto 即可。第三个是对于某些动画效果，可以用 will-change 作用在父元素上进行 gpu 加速，使用后删掉。

3. 响应式布局 :star2:

答：可能会涉及 css 函数，rem/em 区别，媒体查询...

4. 什么是 BFC？

答：块级格式化上下文，我布局总用！

问：什么会形成 BFC？它的作用是什么？

答：

body 根元素

浮动元素：float 除 none 以外的值

绝对定位元素：position (absolute、fixed)

display 为 inline-block、table-cells、flex

overflow 除了 visible 以外的值 (hidden、auto、scroll)

作用嘛，为了布局:joy:（千万别这么答哈，具体可以看下面文章）

推荐一篇 BFC 文章

vue 响应式原理以及双向绑定实现代码 ? :star2:

vue3 响应式原理，有什么不同？

vue 的 diff 算法思路，怎么对比节点？

vue 的 compile 实现？:star2:

vue 如何自定义指令？具体的 api 写法？

vue3 对于 vue2 在性能上的优化（从 compile 和 runtime 两方面）？

react 有什么不同？了解 hooks 吗？

答：（虽然我不会，但我可以说点别的，比如 vue3 也有 hooks，它的使用和一些优点？）

用过 TypeScript 吗？有什么优点，为什么用？具体的场景，使用 TypeScript 进行类型定义。

答：vue 项目多， ts 用的少，也用过，写前端监控 sdk 时，对接口进行类型校验，它像一个文档，每一个接口都有定义，后面再翻看瞬间理解意思。（强类型好处还有很多，但是个人觉得写起来超级麻烦，当然有人很喜欢很爽。）

vue 的 keep-alive 使用场景，以及原理？:star2:

（编辑：核心网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!