高级前端工程师面试题
HTML/CSS
1. 解释HTML5中的元素及其用途。
元素用于通过JavaScript绘制图形，比如图表、图像处理等。它提供了一个图形上下文，可以进行2D图形绘制。
2. CSS中display: none和visibility: hidden有什么区别？
display: none会将元素从文档流中完全移除，不占据空间。而visibility: hidden则元素依然占据空间，只是变得不可见。
3. 描述CSS Flexbox布局的基本概念。
Flexbox是CSS3的一部分，它提供了一种更加高效的方式来布局、对齐和分配容器内项目的空间，即使它们的大小未知或是动态变化的。
4. 如何使用CSS实现一个响应式网页设计？
使用媒体查询（Media Queries），百分比宽度，视口单位（vw/vh），以及灵活的图片和视频元素来实现响应式设计。
5. 解释CSS中的BFC（块级格式化上下文）。
BFC是CSS中的一个布局概念，它定义了元素如何与其它元素隔离开来，以及如何垂直堆叠。BFC内的元素与外部元素互不影响。
JavaScript
6. 解释JavaScript中的闭包是什么，以及它们如何工作。
闭包是函数和声明该函数的词法环境的组合。闭包允许函数访问创建时的作用域，即使该函数在不同的作用域中被调用。
7. 什么是原型链？在JavaScript中它如何工作？
原型链是JavaScript对象之间基于原型的继承链。每个对象都有一个内部属性[[Prototype]]，指向它的原型，可以是另一个对象或null。
8. 解释同步和异步编程的区别。
答案: 同步编程是按顺序执行代码，一个任务完成后再执行下一个任务。异步编程允许程序在等待某个任务完成时继续执行其他任务，通常通过回调、Promises或async/await实现。
9. 如何实现JavaScript中的模块化？
可以使用ES6的模块系统，通过import和export关键字来导入和导出模块。
10. 解释this在JavaScript中是如何工作的。
this的值取决于函数的调用方式。它可以指向全局对象、对象本身、undefined（严格模式下的函数调用）等。
Vue2
11. 描述Vue2中的响应式系统是如何工作的。
Vue2使用Object.defineProperty来劫持依赖属性的getter和setter，当属性被访问或修改时，Vue可以更新DOM。
12. Vue2中的计算属性（computed properties）和观察者（watchers）有什么区别？
计算属性是基于它们的依赖进行缓存的属性，只有当依赖发生变化时才会重新计算。观察者则是当被观察的数据变化时，执行特定的函数。
13. 解释Vue2中的指令（directives）。
指令是标记在元素上的特殊的属性，Vue会响应这些指令来执行DOM相关的操作，比如v-bind、v-model、v-on等。
14. 什么是Vue2的生命周期钩子？
生命周期钩子是Vue实例在不同阶段会调用的函数，如created、mounted、updated、destroyed等。
Vue3
15. Vue3相较于Vue2有哪些重大改进？
Vue3引入了Composition API，改进了响应式系统，提高了性能，支持了更多的类型如Fragment、Teleport和Suspense，以及更好的类型推断。
小程序
16. 小程序和传统的Web应用有什么区别？
小程序是运行在特定平台（如微信）内的轻量级应用，它们通常有更严格的性能要求，使用不同的开发框架和API。
17. 解释小程序的页面生命周期。
小程序页面有onLoad、onShow、onReady、onHide、onUnload等生命周期函数，用于处理页面加载、显示、就绪、隐藏和卸载的逻辑。
算法
18. 解释时间复杂度和空间复杂度的区别。
时间复杂度描述了算法执行所需时间随输入规模增长的变化趋势。空间复杂度描述了算法执行过程中所需的存储空间量。
19. 如何实现一个排序算法？
有多种排序算法，如冒泡排序、选择排序、插入排序、快速排序、归并排序等，每种算法都有其特点和适用场景。
HTTP
20. HTTP请求和响应的生命周期是什么？
HTTP请求从客户端发起，通过TCP/IP协议传输到服务器，服务器处理请求并返回响应，客户端接收响应并进行相应处理。
21. 解释HTTP状态码200、301、404、500的含义。
200表示请求成功；301表示永久重定向；404表示未找到资源；500表示服务器内部错误。
22. HTTP和HTTPS有什么区别？
HTTPS是HTTP的安全版本，它在传输层使用SSL/TLS进行加密，保护数据传输过程中的安全性和完整性。
附加问题
23. 如何实现前端的安全性？
可以通过内容安全策略（CSP）、跨站请求伪造（CSRF）令牌、输入验证和输出编码等措施来增强前端的安全性。
24. 什么是跨站脚本攻击（XSS）和跨站请求伪造（CSRF）？
XSS是攻击者将恶意脚本注入到网页中，当其他用户访问该页面时，脚本在用户的浏览器中执行。CSRF是攻击者利用用户的登录状态发起恶意请求。
25. 什么是前端性能优化？
前端性能优化包括减少HTTP请求、使用CDN、压缩文件、图片优化、代码分割、懒加载、预加载等技术。
