2026年web上机测试题及答案

2026年web上机测试题及答案

一、单项选择题，(总共10题，每题2分)1.在HTML5中，用于定义导航链接的语义化标签是A.navB.sectionC.asideD.header2.CSS3中，能够一次性设置元素四个圆角半径的属性是A.border-radiusB.corner-radiusC.round-borderD.border-curve3.JavaScript里，下列哪个方法可以将类数组对象转换为真正的数组A.Array.from()B.Object.toArray()C.Array.clone()D.Object.convert()4.在Vue3的CompositionAPI中，用于声明响应式基本类型数据的函数是A.refB.reactiveC.watchD.computed5.HTTP/3基于的传输层协议是A.QUICB.TCPC.UDPD.TLS6.浏览器首次渲染阻塞的关键资源不包括A.外部同步JSB.外部CSSC.异步JSD.内联脚本7.下列哪一项不是Web性能指标CoreWebVitals的正式指标A.LCPB.FIDC.CLSD.TTFB8.在ServiceWorker中，用于拦截并缓存网络请求的监听事件是A.fetchB.installC.activateD.message9.关于同源策略，下列描述正确的是A.协议、域名、端口均相同才同源B.主域名相同即可C.仅协议相同即可D.子域不同仍算同源10.在React18中，开启并发模式应使用的根API是A.createRootB.renderC.hydrateD.unstable_createRoot二、填空题，(总共10题，每题2分)11.HTML5本地存储中，存储容量理论上更大的对象是________。12.CSS变量以________前缀开头，以便在运行时动态修改。13.ES2022新增的顶层________关键字允许开发者在模块顶层使用await。14.在Flexbox布局中，将子元素沿交叉轴居中的属性是align-________。15.TypeScript中，用来描述对象任意额外字符串键值类型的索引签名写法是________。16.浏览器事件模型里，事件传播的三个阶段依次是捕获、________、冒泡。17.Webpack5默认开启的持久化缓存叫________缓存。18.使用Canvas绘制文本时，设置字体大小的属性是________。19.在OAuth2.0授权码流程中，客户端用授权码向授权服务器换取________。20.Node.js内置模块中，用于处理文件路径的模块名是________。三、判断题，(总共10题，每题2分)21.使用async声明的函数一定会返回Promise对象。22.CSS的z-index值越大，元素一定越靠上显示。23.HTTP响应头Set-Cookie可以携带SameSite属性用于防CSRF。24.WebSocket协议默认运行在TCP443端口。25.在React函数组件中，每次渲染时useState返回的setState引用地址保持不变。26.浏览器的垃圾回收机制中，标记清除是最常见的回收策略。27.使用prefetch提示的资源会在当前页面立即加载。28.JSONP跨域方案仅支持GET请求。29.在CSS中，伪类:focus-visible仅在键盘聚焦时生效。30.TypeScript的枚举成员默认从1开始编号。四、简答题，(总共4题，每题5分)31.简述浏览器渲染流水线中Style、Layout、Paint、Composite四个阶段的主要任务。32.说明CORS简单请求与预检请求的区别，并各举一例。33.概述Vue3的响应式系统如何依赖Proxy实现深层嵌套追踪。34.解释HTTPS握手过程中客户端与服务器如何协商对称密钥。五、讨论题，(总共4题，每题5分)35.结合CoreWebVitals指标，讨论前端团队在大型单页应用上线前应如何制定性能预算与监控策略。36.微前端架构下，主应用与子应用之间出现样式污染与全局状态冲突，请提出三种可行治理方案并比较优劣。37.当Web应用需要支持离线运行且数据实时同步，讨论ServiceWorker、BackgroundSync、IndexedDB三者的协作流程与潜在坑点。38.在Server-SideRendering与Static-SiteGeneration之间，如何根据内容更新频率、SEO需求、服务器资源进行技术选型，请给出决策矩阵并说明理由。答案与解析一、1A2A3A4A5A6C7D8A9A10A二、11.IndexedDB12.--13.await14.items15.[key:string]:any16.目标17.filesystem18.font19.access_token20.path三、21√22×23√24×25√26√27×28√29√30×四、31.Style阶段计算每个节点的最终样式；Layout阶段确定节点几何信息；Paint阶段生成绘制指令；Composite阶段将图层合成为帧，避免重复重排重绘。32.简单请求满足方法为GET/POST且头部有限，如GET带Accept；预检请求需先发OPTIONS，如POST带Content-Type:application/json。33.Proxy拦截get触发track收集依赖，拦截set触发trigger派发更新，递归代理嵌套对象实现深度响应。34.客户端在ClientHello中提供随机数与支持算法，服务器返回证书与随机数，双方用ECDHE等算法生成预主密钥，再经随机数派生对称密钥。五、35.预算以LCP<2.5s、FID<100ms、CLS<0.1为红线，用LighthouseCI在MR阶段检测，超标即阻断合并；上线后接入Web-Vitals库上报，按百分位告警，周会复盘。36.方案一：CSSModule隔离，编译时哈希，零运行时，但无法共享主题；方案二：ShadowDOM彻底隔离，子应用无感知，但样式穿透与事件冒泡需补丁；方案三：命名空间+共享主题变量，轻量易调试，需人为约定，冲突时加权重前缀。37.流程：ServiceWorker拦截fetch，先返回IndexedDB缓存，再后台网络请求；BackgroundSync在恢复网络时触发sync事件，对比时间戳增量同步；