前端面试重点梳理：阿里与中华保险面试题解析

本次面试总结涵盖了多个IT领域的知识点，包括编程语言特性、框架应用、前端开发、缓存机制以及数据可视化等。 1. **阿里面试** - **数据类型**：提到了`symbol`和`bigint`两种JavaScript的特殊数据类型。`symbol`用于解决命名冲突，其值独一无二，不能与其他数据类型进行运算，并且不会被for...in循环遍历，但可以通过`Reflect.ownKeys`获取。 - **MVVM与MVC的区别**：这是关于软件架构模式的问题，MVVM（Model-View-ViewModel）和MVC（Model-View-Controller）都是用于组织应用程序逻辑的模式，MVVM更注重双向绑定，而MVC则将视图、模型和控制器分离。 2. **ES6特性** - **let与const**：面试中讨论了在项目中使用`let`和`const`的情况。`const`用于声明不变的变量，而`let`则可以在作用域内重新赋值。 3. **React Hooks** - **useState, useEffect, useCallback**：这些都是React Hooks的一部分，`useState`用于管理状态，`useEffect`用于副作用处理，`useCallback`则用于优化性能，返回一个稳定的回调函数。 4. **父子组件通信** - **父组件访问子组件**：通过props传递方法和使用`useRef`可以实现父组件对子组件实例的访问。 5. **浏览器缓存** - **强缓存与协商缓存**：强缓存利用HTTP协议头的`Expires`和`Cache-Control`控制，不与服务器交互。协商缓存则需要服务器验证资源是否过期。 6. **Echarts自定义** - **Echarts图表定制**：Echarts是一个强大的数据可视化库，面试中可能涉及如何根据需求自定义图表样式和行为。 7. **数组方法** - 面试可能涉及JavaScript数组的各种操作方法，如`map`, `filter`, `reduce`等。 8. **数组对象转树结构** - 在数据处理中，有时需要将扁平化的数组转换为树形结构，这涉及到递归和层级关系的构建。 9. **Vite脚手架** - **Vite的差异更新**：Vite使用了Diff算法，如果key相同，它会比较内容是否一致以决定是否更新。 10. **脚手架配置** - 脚手架如Vue CLI或Create React App会有默认配置，面试可能询问自定义配置的需求。 11. **数据获取与页面渲染** - **切换页面白屏问题**：当多个数据请求同时进行时，页面可能会出现白屏，需要优化加载策略以避免这种情况。 12. **AntV数据可视化** - AntV是阿里巴巴的开源数据可视化库，面试中可能需要了解其特点和应用场景。 13. **项目开发流程** - **公共状态库和Git**：在二次迭代项目中，如何管理和发布代码，以及使用Git进行版本控制。 14. **前端日志监控** - **Webfunny**：这是一个前端业务日志监控工具，用于快速定位上线后可能出现的问题。 15. **异常监控** - 在出现问题时，如何快速定位异常，监控工具的应用是关键。 总结，这次面试考察了全面的前端开发技能，包括基础语法、框架应用、性能优化、数据处理和项目实践经验。对开发者来说，理解和熟练运用这些知识点是提升技术水平的重要途径。