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

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:

（编辑：湖南网）

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