2026年网站开发工程师技术性面试题集

2026年网站开发工程师技术性面试题集一、基础知识（5题，每题10分，共50分）1.题目：请简述HTTP请求方法GET和POST的区别，并说明在什么场景下优先使用POST方法。答案：GET和POST是HTTP协议中常用的两种请求方法，主要区别如下：-参数传递方式：GET方法通过URL传递参数，参数可见且长度有限制（通常不超过2000字符）；POST方法通过请求体传递参数，参数不可见且无长度限制。-安全性：GET方法不适合传输敏感信息，因为参数会暴露在URL中；POST方法更安全，适合处理登录、支付等敏感操作。-缓存：GET请求可以被浏览器缓存，POST请求默认不缓存。-幂等性：GET请求是幂等的（多次请求结果相同），POST请求不是幂等的（多次提交会重复操作）。优先使用POST的场景：-传递敏感数据（如密码、支付信息）；-数据量大（如文件上传）；-需要避免重复提交的场景（如表单提交）。2.题目：解释什么是RESTfulAPI，并列举至少3个RESTful设计原则。答案：RESTfulAPI是一种基于HTTP协议的架构风格，遵循无状态、可缓存、统一接口等原则，通过HTTP方法（GET、POST、PUT、DELETE）实现资源操作。RESTful设计原则：1.统一接口：使用标准的HTTP方法（GET、POST等）操作资源，避免自定义动词。2.无状态：服务器不保存客户端状态，每次请求必须包含所有必要信息。3.可缓存：响应头中通过Cache-Control控制缓存行为，提高性能。3.题目：什么是跨域资源共享（CORS）？如何解决跨域问题？答案：跨域资源共享（CORS）是浏览器安全机制，禁止Web应用跨域名请求资源。例如，域名A请求域名B的资源时，会因同源策略失败。解决跨域问题的方法：-JSONP：通过`<script>`标签绕过同源策略，但仅支持GET请求。-CORS：服务器返回`Access-Control-Allow-Origin`等响应头，允许跨域访问。-代理服务器：在服务器端转发请求，避免浏览器限制。4.题目：解释JavaScript中的闭包是什么，并说明其应用场景。答案：闭包是指函数内部可以访问外部函数的变量，即使外部函数已执行完毕。其原理是内部函数持有外部函数的作用域。应用场景：-数据封装：隐藏内部状态，防止外部直接修改。-回调函数：如Promise、事件监听中，保持上下文。-内存管理：避免变量长时间占用内存（如节流、防抖）。5.题目：什么是原型链？简述其工作原理。答案：原型链是JavaScript对象查找机制，通过`__proto__`或`Object.getPrototypeOf()`链接到父对象，最终到达`Ototype`。工作原理：-当访问对象属性时，先在当前对象中查找，未找到则向上查找原型链。-例子：javascriptfunctionA(){this.x=1;}leta=newA();a.y=2;//a对象有y属性console.log(a.y);//2console.log(a.x);//1console.log(a.__proto__===A.prototype);//true二、前端框架（5题，每题10分，共50分）6.题目：比较React和Vue的异同，说明选择哪个框架的依据。答案：相同点：-都基于组件化开发，支持声明式渲染。-都有虚拟DOM优化性能。-都有丰富的生态（路由、状态管理）。不同点：-语法：React使用JSX，Vue使用模板语法。-响应式：Vue基于Object.defineProperty，React基于class组件的`this.state`或Hooks。-学习曲线：Vue更易上手，React需要更多JavaScript基础。选择依据：-团队熟悉度：优先选择团队熟悉的框架。-项目需求：Vue适合小型项目，React适合大型复杂应用。-性能要求：两者性能相近，需实测。7.题目：解释Vue3中的CompositionAPI，与OptionsAPI有何区别？答案：CompositionAPI是Vue3的全新特性，通过`setup()`函数组织逻辑，支持逻辑复用和代码解耦。与OptionsAPI的区别：-代码组织：CompositionAPI按功能模块划分（如`setup()`、`reactive()`），OptionsAPI混在一对象中。-可复用性：CompositionAPI支持逻辑抽离（如`useFetch()`），OptionsAPI需手动复制代码。-类型支持：CompositionAPI与TypeScript结合更紧密。8.题题：解释React中的Hooks是什么，列举至少3个常用Hooks。答案：Hooks是React16.8引入的函数式组件特性，允许在函数组件中使用状态和生命周期。常用Hooks：-`useState`：管理组件状态。-`useEffect`：处理副作用（如API调用、订阅）。-`useContext`：避免props层层传递。9.题目：什么是React的虚拟DOM？如何优化虚拟DOM性能？答案：虚拟DOM是React的核心概念，通过JS对象模拟DOM操作，减少直接DOM操作提升性能。优化方法：-shouldComponentUpdate：控制不必要的渲染。-React.memo：对组件进行浅比较。-useMemo/useCallback：缓存计算结果和函数。10.题目：解释Vue中的插槽（Slot）是什么，如何使用？答案：插槽是Vue组件的占位符，允许父组件向子组件插入HTML或组件。使用方式：-默认插槽：vue<template><div><header>Header</header><slot>Defaultcontent</slot><footer>Footer</footer></div></template>-具名插槽：vue<template><aside><slotname="header"></slot><slot></slot></aside></template><template><aside><h1slot="header">CustomHeader</h1><p>Contenthere</p></aside></template>三、后端开发（5题，每题10分，共50分）11.题目：解释Node.js的事件循环机制，简述其工作流程。答案：Node.js采用单线程事件循环，通过异步I/O避免阻塞。事件循环分为6个阶段：1.timers：执行`setTimeout`和`setInterval`。2.pendingcallbacks：执行延迟的I/O回调。3.idle,prepare：内部任务。4.poll：检查I/O事件和回调。5.check：执行`setImmediate`。6.closecallbacks：执行`close`事件回调。12.题目：比较Express和Koa的异同，说明选择哪个框架的依据。答案：相同点：-都基于Node.js，支持中间件模式。-都有路由、模板引擎等基础功能。不同点：-性能：Koa更轻量，异步流处理更高效。-中间件实现：Koa使用生成器，Express使用回调。-生态：Express更成熟，Koa较新。选择依据：-性能要求：Koa适合高性能应用。-团队熟悉度：Express生态更完善。13.题目：解释RESTfulAPI中的版本控制方法，列举至少2种方案。答案：API版本控制方法：1.URI路径：如`/v1/users`、`/v2/users`。2.请求头：如`Accept:application/vnd.myapi.v1+json`。3.Host头：如``。14.题目：什么是JWT（JSONWebToken）？如何使用？答案：JWT是一种无状态认证机制，通过Token传递用户信息，分为Header、Payload、Signature三部分。使用场景：-登录认证：服务器生成Token返回客户端，客户端携带Token请求资源。-示例：javascript//生成Tokenconstjwt=require('jsonwebtoken');consttoken=jwt.sign({userId:1},'secret',{expiresIn:'1h'});//验证Tokenjwt.verify(token,'secret',(err,decoded)=>{if(err)throwerr;console.log(decoded);//{userId:1}});15.题目：解释什么是数据库索引，如何优化索引性能？答案：数据库索引是数据结构（如B+树），加速数据检索。优化方法：-选择合适的索引字段：高频查询字段优先建索引。-复合索引：如`CREATEINDEXidxONusers(name,age)`。-避免全表扫描：确保索引覆盖查询条件。四、数据库与缓存（5题，每题10分，共50分）16.题目：比较MySQL和PostgreSQL的异同，说明选择哪个数据库的依据。答案：相同点：-都支持ACID事务。-都有丰富的社区支持。不同点：-扩展性：PostgreSQL支持分区表、JSONB等高级特性。-兼容性：MySQL更接近SQL标准，PostgreSQL更严格。选择依据：-功能需求：PostgreSQL适合复杂查询。-团队熟悉度：MySQL更易上手。17.题目：解释Redis的持久化机制，说明RDB和AOF的区别。答案：Redis持久化方式：-RDB：快照机制，定期保存内存数据到文件。-优点：快、占用低。-缺点：重启会丢失最近数据。-AOF：记录每条写操作，恢复时重放日志。-优点：数据不丢失。-缺点：性能稍低。18.题目：什么是数据库分库分表？如何设计？答案：分库分表是解决数据库性能瓶颈的方法：-分库：水平拆分，如按业务模块分库。-分表：垂直拆分，如用户表拆成用户基本信息和详细地址。设计原则：-键设计：确保分表后关联查询不失效。-负载均衡：使用读写分离、集群。19.题目：解释缓存穿透、缓存击穿和缓存雪崩，如何解决？答案：-缓存穿透：查询不存在的数据，导致请求直击数据库。-解决：空值缓存、布隆过滤器。-缓存击穿：热点数据过期，大量请求同时击穿数据库。-解决：永不过期、互斥锁。-缓存雪崩：大量缓存同时过期，数据库压力剧增。-解决：设置过期时间随机、分布式缓存。20.题目：什么是数据库事务的ACID特性？如何实现？答案：ACID特性：-原子性（Atomicity）：事务要么全部完成，要么回滚。-一致性（Consistency）：事务保证数据一致性。-隔离性（Isolation）：并发事务互不干扰。-持久性（Durability）：事务提交后永久保存。实现方式：-事务隔离级别：READCOMMITTED、REPEATABLEREAD等。-锁机制：行锁、表锁。五、系统设计与性能优化（5题，每题10分，共50分）21.题目：设计一个简单的短链接系统，说明核心流程和存储方式。答案：核心流程：1.用户请求短链接，生成随机短码（如6位字母数字）。2.查询数据库，确保短码唯一。3.存储原URL和短码映射关系。4.重定向到原URL。存储方式：-使用Redis缓存热点短链接。-数据库存储映射关系，支持查询和更新。22.题目：解释HTTP缓存机制，如何配置强缓存和协商缓存？答案：HTTP缓存机制：-强缓存：通过`Cache-Control`或`Expires`控制，如`Cache-Control:max-age=3600`。-协商缓存：通过`ETag`或`Last-Modified`请求头判断是否更新。配置示例：nginxlocation/{expires1d;add_headerCache-Control"public";}23.题目：如何优化网站首页加载速度？列举至少3种方法。答案：优化方法：1.资源压缩：CSS、JS压缩，图片Base64。2.CDN加速：静态资源分发到全球节点。3.懒加载：图片、视频按需加载。2