2026年公司web开发测试题及答案

2026年公司web开发测试题及答案

一、单项选择题，(总共10题，每题2分)1.在HTTP/3中，传输层协议由TCP改为A.QUIC B.WebRTC C.SCTP D.TLS2.下列CSS选择器优先级最高的是A.navli B.ul.navli C.li:nth-child(2) D.li[style="color:red"]3.在React18并发特性中，用于标记非紧急更新的API是A.startTransition B.flushSync C.createRoot D.lazy4.对同一域名启用HTTP/2多路复用后，浏览器仍限制并发请求数的主要原因是A.TCP拥塞窗口 B.头部压缩算法 C.服务器推送策略 D.浏览器策略池5.在OAuth2授权码模式中，获取访问令牌必须提交的参数不包括A.client_id B.redirect_uri C.code_verifier D.response_type6.下列SQL语句在MySQL8中一定会触发全表扫描的是A.SELECTFROMuserWHEREid+1>10 B.SELECTFROMuserWHEREid>10 C.SELECTFROMuserWHEREidBETWEEN10AND20 D.SELECTFROMuserWHEREidIN(10,20)7.在Node.js流中，用于将可读流直接导入可写流的内置方法是A.pipeline B.pipe C.finished D.Duplex8.浏览器在解析HTML时遇到<scriptdefer>标签，该脚本的执行时机是A.立即阻塞解析并执行 B.DOMContentLoaded之前按顺序执行 C.DOMContentLoaded之后异步执行 D.与async脚本同一时机9.在WebAssemblyMVP规范中，下列数据类型不能直接作为函数参数的是A.i32 B.f64 C.v128 D.string10.当使用Vite构建库模式时，默认输出的模块格式是A.ES B.UMD C.CommonJS D.System二、填空题，(总共10题，每题2分)11.HTTP状态码________表示“请求头字段太大”。12.在CSSContainment规范中，声明________可以告诉浏览器该元素与外部布局隔离。13.浏览器事件循环的宏任务队列中，优先级最高的任务是________。14.ES2022新增的类字段关键字________允许定义静态初始化块。15.在TypeScript中，模板字面量类型配合________类型可完成字符串的联合类型推导。16.使用Docker部署Node服务时，官方推荐的基础镜像标签为________以兼顾体积与构建速度。17.Webpack5通过________实验性功能可实现基于HTTP的模块联邦远程加载。18.在GraphQL中，用于避免N+1查询的常用数据层模式是________。19.浏览器报告CSP违规的响应头字段是________。20.在W3CPaymentRequestAPI中，用于表示商家支持支付方式的参数名为________。三、判断题，(总共10题，每题2分)21.使用document.write写入的脚本会隐式拥有defer属性。22.HTTP/2服务器推送可通过Link:<…>;rel=preload头触发。23.在Vue3的<scriptsetup>中，顶层await会导致组件自动包裹Suspense。24.浏览器对同一Host的WebSocket最大并发连接数与HTTP/1.1相同。25.使用requestAnimationFrame回调的触发频率一定与屏幕刷新率一致。26.在CSS中，contain:size可以阻止子元素溢出引起的父级重排。27.Node.js的cluster模块采用共享内存的方式实现负载均衡。28.IndexedDB的事务默认具有MVCC快照隔离级别。29.在RESTful设计中，PATCH动词必须幂等。30.WebRTC的DataChannel基于SCTP协议提供有序/无序传输选项。四、简答题，(总共4题，每题5分)31.简述浏览器渲染进程中的“分层—绘制—合成”三阶段，并指出每层对60fps优化的关键手段。32.说明在微前端架构中，路由冲突与样式污染的常见解决方案。33.概述使用ServiceWorker实现离线缓存时，如何结合Stale-While-Revalidate策略平衡速度与新鲜度。34.描述JWT在分布式系统中遭遇续签与撤销难题时的两种改进思路。五、讨论题，(总共4题，每题5分)35.结合SameSite=None与跨站身份验证，讨论在Chrome即将停止支持第三方Cookie后的替代身份方案。36.从性能与可维护性角度，比较Trpc、GraphQL与REST在大型Monorepo中的选型权衡。37.探讨在Serverless环境下，传统Express中间件模式向函数式运行时迁移的兼容性与冷启动优化策略。38.分析WebAssembly与Rust在前端计算密集型场景落地的工程化痛点及未来趋势。答案与解析一、1.A 2.D 3.A 4.A 5.D 6.A 7.B 8.B 9.D 10.A二、11.431 12.contain:layout 13.用户交互回调 14.static 15.union 16.node:lts-alpine 17.remoteType 18.DataLoader 19.Content-Security-Policy-Report-Only 20.supportedMethods三、21.× 22.√ 23.√ 24.× 25.× 26.√ 27.× 28.√ 29.× 30.√四、31.分层阶段将DOM与样式计算后生成层树，通过will-change、transform提升独立层；绘制阶段记录绘制指令，使用GPU加速减少重绘；合成阶段在Compositor线程中光栅化并合成，利用vsync对齐减少卡顿，关键手段包括层压缩、GPU光栅化与异步纹理上传。32.路由冲突采用主应用注册前缀路由，子应用暴露bootstrap、mount、unmount生命周期，通过single-spa或qiankun的sandbox隔离；样式污染使用CSSModules、ShadowDOM或动态样式表注入，配合webpack的mini-css-extract-plugin限定作用域，并在卸载时移除link标签。33.安装阶段缓存静态资源至CacheStorage；拦截fetch事件，先返回缓存副本，同时在后台发起网络请求更新缓存；对API数据设置短期max-age，保证页面立即响应，网络返回后下次刷新即得最新数据，实现速度优先且eventualconsistency。34.方案一：短有效期JWT+刷新令牌存储在HttpOnlyCookie，刷新令牌存入Redis设置白名单，撤销即删除；方案二：JWTpayload仅含用户标识，权限与黑名单放Redis网关层，每次请求校验签名后查Redis，实现即时踢出与续签。五、35.可采用AuthorizationCode+PKCE流程，把身份验证集中在授权服务器，通过First-PartyCookie维护会话；引入TokenBinding或DPoP绑定令牌与设备公钥，防止令牌泄露；使用FedCMAPI让浏览器代理身份提供方，实现无第三方Cookie的联合登录。36.Trpc基于TypeScript全栈类型安全，适合Monorepo内前后端共享schema，无序列化开销，但语言锁定；GraphQL提供聚合查询与强类型，需引入网关与缓存层，增加架构复杂度；REST成熟度最高，缓存友好，但面临多次往返与版本管理问题，选型需权衡团队规模、类型安全需求与网络延迟。37.将Express中间件改写为轻量级函数，移除全局状态，使用依赖注入传递context；利用webpack-esbuild打包树摇减少体积，采用LambdaLayer复用node_modules；冷启动优化包括预创建数据库连接池、使用ProvisionedConcurrency、快照恢复技术，以及把CPU密集型逻辑移至Lambd