你的知识点，真的知识点吗？简聊一道前端面试题

金三银四，技术论坛上诸如：阿里、头条、腾讯….面经层出不穷，朋友圈很多小伙伴都在找工作也遇到了各种各样的麻烦。本文希望那些在准备面试的过程中蕉绿的童鞋别僵化了自己的思维，以自己曾经遇见到一道面试题为引，用自己对待问题的想法行文，天马行空，从僵硬的知识点中跳脱出来一起思考，内容简短，希望对大家有所帮助。

前端开发面试中，很多问题可能听起来很容易，但是往往因为几个细节没注意，答得不是很准确。比如说，让你实现一个组件，它的父组件会向它传递一个prop，作为组件内部计算展示用。你可以根据什么优化这个组件？

常规回答可能是：

1. memo，当prop没有发生变化的时候，不执行后续渲染操作；
2. 使用immutable data结构，避免不必要的prop值传递；
3. 如果是class组件，可以使用shouldComponentUpdate来优化。

面试官很可能会继续追问：

• 那如果prop的值是引用类型呢？
• 那什么情况下可以使用immutable data结构呢？
• 除了你刚才提到的三种方法，还有没有其他的方式来优化？
• 如果是一个class组件，你除了shouldComponentUpdate以外，还有没有其他方式来优化？

诸如此类的问题层出不穷，完全取决于面试官的兴致，当然也需要你有足够的准备才能从容应对。

我的一个朋友，在一线大厂从事前端开发工作多年，一直以来，他都会保持一个习惯，就是将平时学习到的知识点，以及工作中总结的经验，进行归类整理，然后形成一个知识体系。当需要用到某一个知识点的时候，他总能快速地找到相应的资料，并将其应用到实际工作中。

有一次，他在面试中被问到了一道关于前端优化的题目。由于平时积累比较丰富，他很快就给出了几种常见的优化方法。但是，面试官并没有就此打住，而是继续追问他是否还有其他的优化方法。

我的朋友当时并没有立即回答，而是沉思了一会儿。他想到，除了传统的优化方法之外，还可以通过以下两种方式来优化前端代码：

• 减少不必要的DOM操作。在前端开发中，DOM操作是非常耗时的，因此减少不必要的DOM操作可以有效地提高页面的性能。可以通过以下几种方式来减少不必要的DOM操作：

1. 避免频繁地更新DOM。只在需要更新的时候才更新DOM，例如，当用户输入数据的时候，只更新需要更新的DOM元素，而不是整个页面。
2. 使用虚拟DOM。虚拟DOM是一种将DOM操作抽象化的技术。它可以将DOM操作记录下来，然后一次性地更新DOM。这可以大大减少DOM操作的次数，从而提高页面的性能。

• 使用CDN。CDN可以将静态文件（例如，图片、CSS、JavaScript）缓存到离用户较近的服务器上。这样，当用户访问页面的时候，就可以直接从缓存服务器上加载静态文件，从而减少加载时间，提高页面的性能。

面试官听到他的回答后，非常满意，并最终给了他一个很高的评价。

这个故事告诉我们，在前端开发中，知识点固然重要，但是仅仅掌握知识点是远远不够的。我们还需要学会如何将知识点应用到实际工作中，并不断地总结和归纳自己的经验，形成一个自己的知识体系。只有这样，我们才能在面试中脱颖而出，获得更高的评价。