2026年网站开发工程师笔试题集

2026年网站开发工程师笔试题集一、单选题（共5题，每题2分，合计10分）注：以下题目侧重考察Web前端与后端基础、JavaScript核心知识及数据库应用。1.【Web基础】在HTML5中，以下哪个属性用于指定页面加载时不显示页面的内容，待内容加载完毕后再显示？A.`display:none;`B.`visibility:hidden;`C.`hidden`D.`load`答案：C解析：`hidden`属性（HTML5新特性）在页面加载时默认隐藏内容，可通过JavaScript动态修改为可见。`display:none`和`visibility:hidden`均需配合CSS使用，`load`非属性而是事件监听。2.【CSS布局】以下哪种布局方式最适合实现响应式设计中的“无限滚动”效果？A.FlexboxB.GridC.FloatD.Table答案：A解析：Flexbox的`flex-wrap:wrap;`和`flex-grow`属性可动态调整子元素大小，配合`overflow:auto;`实现滚动效果。Grid虽强大但更适合二维布局，Float较老旧，Table布局不灵活。3.【JavaScript异步】以下代码中，哪个选项能确保`console.log('end')`在`setTimeout`之后执行？javascriptasyncfunctionasyncFunc(){awaitnewPromise(resolve=>setTimeout(resolve,1000));console.log('awaited');setTimeout(()=>console.log('end'),0);}asyncFunc();A.代码正确，顺序执行B.`setTimeout`先执行，`console.log('end')`可能在`awaited`之前C.需改为`Promise.all`才正确D.无法保证顺序答案：B解析：`setTimeout`回调在事件循环中优先级高于`Promise`，即使`await`后仍可能被阻塞。需改为`Promise.resolve().then(...)`或`async/await`结合`setImmediate`。4.【后端安全】以下哪种HTTP方法最不适合用于传输敏感数据？A.POSTB.GETC.PUTD.DELETE答案：B解析：GET方法参数明文传输，无加密，不适用于敏感数据。POST/PUT/DELETE可配合HTTPS加密使用。5.【数据库】在MySQL中，以下哪个索引类型最适合优化“LIKE'%keyword%'”查询？A.PrimaryKeyB.UniqueKeyC.Full-textIndexD.B-Tree答案：C解析：Full-text索引专为模糊查询设计（需5.7+版本支持）。B-Tree适用于精确匹配，PrimaryKey唯一约束，UniqueKey禁止重复值。二、多选题（共4题，每题3分，合计12分）注：以下题目考察综合技术能力及实际工程问题。6.【前端性能】以下哪些措施能有效减少页面首屏加载时间？A.CSSSprites合并图片B.JavaScript代码压缩C.HTTP/2多路复用D.CDN加速静态资源答案：A、B、C、D解析：四项均为前端优化标准手段。Sprites减少请求，压缩减少体积，HTTP/2提升传输效率，CDN降低延迟。7.【API设计】RESTfulAPI设计中，以下哪些HTTP状态码属于成功响应？A.200OKB.201CreatedC.204NoContentD.302Found答案：A、B、C解析：200、201、204均表示请求成功。302为重定向，属于客户端重用（Redirection）类。8.【服务器运维】在Nginx配置中，以下哪些模块与反向代理相关？A.`http_core`B.`ngx_http_proxy_module`C.`ngx_http_gzip_module`D.`ngx_http_upstream_module`答案：B、D解析：`proxy_module`处理代理请求，`upstream_module`定义后端服务器组。`http_core`基础模块，`gzip_module`用于压缩。9.【代码审查】以下哪些JavaScript代码存在潜在内存泄漏风险？A.未清理的`setInterval`B.闭包引用外部变量C.`WeakMap`使用正确D.未释放的`Blob`对象答案：A、B、D解析：`setInterval`未清除会持续执行，闭包引用导致外部对象无法回收，`Blob`对象需手动删除。`WeakMap`自动回收键对象。三、简答题（共3题，每题5分，合计15分）注：考察技术原理理解及解决方案设计。10.【跨域问题】简述JSONP解决跨域请求的原理及限制。答案：原理：利用`<script>`标签不受同源策略限制的特性，通过`<script>`请求远程JSON数据，服务器返回JSONP回调函数包裹的数据。限制：1.仅支持GET请求；2.易受XSS攻击；3.不支持HTTP头部信息；4.兼容性依赖老版本浏览器。11.【缓存策略】简述浏览器强缓存与协商缓存的区别及配置方法。答案：区别：-强缓存：直接使用本地缓存，无需请求服务器（如`Cache-Control:max-age=3600`）；-协商缓存：先请求服务器判断缓存是否过期（如`ETag`/`Last-Modified`）。配置：-强缓存：`Cache-Control:public,max-age=3600`；-协商缓存：`ETag:"hash"`或`Last-Modified:2023-01-01T12:00:00Z"`。12.【数据库索引】解释MySQL中“索引失效”的常见场景。答案：常见场景：1.使用`OR`连接时，非第一个条件索引失效（如`WHEREa=1ORb=2`）；2.`LIKE`前缀模糊查询（`LIKE'%keyword'`）；3.计算/函数操作字段（如`WHEREYEAR(date)=2023`）；4.`NULL`值处理不当（部分索引不覆盖NULL）；5.范围查询（`>`、`<`）后条件失效（如`WHEREid>10ANDname='a'`）。四、编程题（共2题，每题10分，合计20分）注：考察代码实现能力及问题解决思路。13.【JavaScript实现】实现一个函数`debounce`，延迟执行传入的函数，输入高频触发时只执行最后一次。答案：javascriptfunctiondebounce(func,wait){lettimeout=null;returnfunction(...args){clearTimeout(timeout);timeout=setTimeout(()=>func.apply(this,args),wait);};}//示例：防抖输入框验证consthandleInput=debounce(value=>console.log('Debounced:',value),300);document.getElementById('input').addEventListener('input',handleInput);14.【SQL查询】给定表`orders`（`idINT,user_idINT,amountDECIMAL,order_dateDATE`），写出SQL查询：1.查询2023年每月总订单金额；2.按用户分组，返回消费金额最多的前3名用户。答案：1.sqlSELECTMONTH(order_date)ASmonth,SUM(amount)AStotalFROMordersWHEREYEAR(order_date)=2023GROUPBYmonthORDERBYmonth;2.sqlSELECTuser_id,SUM(amount)AStotalFROMordersGROUPBYuser_idORDERBYtotalDESCLIMIT3;五、综合分析题（共1题，15分）注：考察系统设计及问题排查能力。15.【故障排查】场景：某电商平台发现用户反馈“订单列表加载缓慢”，服务器CPU使用率正常但响应延迟增加。请分析可能原因并提出排查步骤。答案：可能原因：1.数据库慢查询（如未优化索引）；2.前端JS执行阻塞（长任务或循环渲染）；3.网络层瓶颈（CDN缓存失效或DNS解析慢）；4.后端服务过载（如队列积压）；5.大量并发请求未做限流。排查步骤