| 1. 解释下 CSS 盒模型，以及其在页面布局中的作用。 | 盒模型指的是一个元素在网页中呈现为矩形框的模型，包括内容区域、内边距、边框和外边距。它在页面布局中用于确定元素的尺寸和位置，并影响盒子的外观和行为。 |
| 2. 介绍一下 JavaScript 中的闭包，并提供一个实例。 | 闭包是指能够访问独立作用域中变量的函数，即使该函数在它词法作用域之外被调用。闭包可以用于创建私有变量和封装代码。例如，一个计数器函数可以使用闭包来保持自己的私有计数器变量。 |
| 3. 如何优化前端性能？请列举至少三种方法。 | a. 减少 HTTP 请求次数和资源大小；b. 使用缓存机制；c. 延迟加载不必要的内容；d. 压缩和合并文件；e. 使用CDN 加速等。 |
| 4. 请描述下单页应用（SPA）的工作原理，并列举一些常见的 SPA 框架。 | 单页应用是指在加载之后，整个应用在单个页面上运行，并通过 JavaScript 动态更新内容。常见的SPA框架有 Angular、React、Vue等。 |
| 5. React 和 Vue 之间有何区别？你在项目中选择使用哪个框架的依据是什么？ | React 是一个快速、灵活的库，更适合复杂的应用，而Vue更易上手，适合中小型应用。选择框架的依据取决于项目需求，团队经验和个人喜好。 |
| 6. 在 JavaScript 中，防抖动和节流函数有什么区别？何时使用它们？ | 防抖函数用于在最后一次事件后延迟一段时间再执行函数，而节流函数用于限制函数在一段时间间隔内被重复调用。防抖函数适合在连续触发的事件中使用（如输入框），节流函数适合在频繁触发的事件中使用。 |
| 7. 解释下 AJAX，并提供一个示例。 | AJAX (Asynchronous JavaScript and XML) 是一种在不重新加载整个页面的情况下进行数据交互的技术。一个示例是通过AJAX异步获取数据并在页面上展示，如加载用户评论信息。 |
| 8. 什么是跨域请求？如何解决跨域问题？ | 跨域请求是指在发送请求时，请求的目标资源与当前网页的域名、协议或端口不一致。可以使用 JSONP、CORS、代理服务器等方式来解决跨域问题。 |
| 9. 请描述下 SSR（服务器端渲染）和 CSR（客户端渲染）的区别和优缺点。 | SSR是在服务器端将动态网页内容生成 HTML 后再返回给客户端的过程，而CSR是将静态 HTML 返回给客户端后，在客户端使用 JavaScript 渲染页面内容。SSR有利于 SEO，但对服务器压力较大；CSR则减轻了服务器压力但不利于 SEO。 |
| 10. 请描述下虚拟 DOM 的概念，并解释其在 React 中如何工作。 | 虚拟 DOM 是将页面抽象成一个 JavaScript 对象，React 利用虚拟 DOM 来追踪页面变化，并减少实际 DOM 操作的次数，提高性能。在 React 中，组件的变化会首先更新虚拟 DOM，然后再将虚拟 DOM 更新到实际 DOM 上。 |
| 11. 什么是 Web 响应式设计？列举一些实现响应式设计的方法。 | 响应式设计是指一个网站或应用能够根据设备或浏览器的不同，自适应地展现最佳的布局和用户体验。实现响应式设计的方法包括使用媒体查询、弹性布局、流式布局、CSS Grid 等技术。 |
| 12. 请解释下什么是 CSS 预处理器，提供一个常用的 CSS 预处理器的例子。 | CSS 预处理器是一种将类似于编程语言的语法添加到 CSS 中的工具，例如 Sass、Less。它们提供了一些便利的功能，如变量、嵌套、混合和函数等，以提升 CSS 的可维护性和灵活性。 |
| 13. 描述下 RESTful API 的概念，并提供一个示例。 | RESTful API 是一种基于 REST 架构风格的 Web 服务接口设计。它通过 HTTP 方法来进行资源的创建、读取、更新和删除。示例：GET /users 获取用户信息。 |
| 14. 列举一些前端性能优化的关键指标。 | 页面加载时间、首次内容呈现时间(FP)、用户交互响应时间 (FID)、白屏时间、DNS解析时间、HTTP请求次数、资源压缩等。 |
| 15. 请解释一下什么是 SSR（服务器端渲染）和 CSR（客户端渲染）。 | SSR是在服务器端将动态网页内容生成 HTML 后再返回给客户端的过程，CSR是将静态 HTML返回给客户端后，使用 JavaScript 渲染页面内容。 |
| 16. 请描述下 Cookie、Session 和 Token 的区别和用途。 | Cookie是存储在浏览器的文本文件中的小段数据，用于识别用户；Session是在服务器端存储用户信息的一种机制，通常使用 Cookie 来标识；Token是一串信息，用于客户端和服务器进行身份验证。 |
| 17. 请解释下 JavaScript 中的事件循环机制。 | 事件循环是 JavaScript 引擎在执行异步代码时的工作方式。它通过等待和轮询来处理异步任务，并按照先进先出的顺序依次执行。事件循环在 JavaScript 中实现了非阻塞的异步编程。 |
| 18. 解释一下常用的 HTTP 状态码，并列举一些例子。 | 200 OK、404 Not Found、500 Internal Server Error、302 Found等。 |
| 19. 请详细描述一下 HTML5 新增的一些特性。 | HTML5 新增了语义化元素（如、）, 本地存储（localStorage、sessionStorage）、多媒体元素、Canvas 绘图、Web Workers 等特性。 |
| 20. 请解释下 MVC（模型-视图-控制器）的概念，并提供一个实例。 | MVC 是一种软件架构模式，将应用程序分为三个部分：模型（数据处理），视图（UI展示）和控制器（业务逻辑处理）。一个实例是网页应用中，模型处理数据库操作，视图展示页面，控制器接受请求并进行业务逻辑处理。 |
