星海

技术岗面试 · 66 题

前端与全栈开发面试 题目与答案解析

前端基础重修、全栈工程能力与 TypeScript 全栈,覆盖前端/全栈岗位常考知识。题目来自星海原创八股题库(单选带解析、简答带参考答案)和配套课程每讲的自测题;题库全部免费,课程免费课全部开放,付费课只开放第 1 讲。

在线刷这套题:即时判分、错题本、闪卡复习,不用登录就能练。

在线刷题模拟考考试详情

HTML 与 CSS 8 题

  1. 1某元素设置了 box-sizing: border-box; width: 200px; padding: 10px;…单选题
  2. 2下列声明中,能让元素创建新的块级格式化上下文(BFC)的是?单选题
  3. 3下列选择器中,优先级(特异性)最高的是?单选题
  4. 4flex 布局中,flex: 1 等价于?单选题
  5. 5下列操作中,会触发重排(回流 / layout)的是?单选题
  6. 6关于 position: sticky,下列说法正确的是?单选题
  7. 7关于 script 标签的 defer 和 async 属性,下列说法正确的是?单选题
  8. 8实现元素水平垂直居中有哪些方法?各有什么适用条件?主观题

JavaScript 12 题

  1. 9typeof null 的结果是?单选题
  2. 10下面代码的输出顺序是?单选题
  3. 11下面代码的输出是?单选题
  4. 12关于箭头函数中的 this,下列说法正确的是?单选题
  5. 13执行 function F {} const f = new F; 后,下列表达式结果为 true 的是?单选题
  6. 14下列比较表达式中,结果为 true 的是?单选题
  7. 15在 let 声明语句之前访问这个变量,会发生什么?单选题
  8. 16关于 JavaScript 中的对象拷贝,下列说法正确的是?单选题
  9. 17关于 async 函数,下列说法正确的是?单选题
  10. 18说说浏览器的事件循环,宏任务和微任务分别有哪些?主观题
  11. 19什么是闭包?说说它的常见用途和可能带来的问题。主观题
  12. 20讲讲 JavaScript 的原型链,以及 class 继承和原型继承的关系。主观题

浏览器原理 8 题

  1. 21浏览器渲染页面的主要步骤,顺序正确的是?单选题
  2. 22关于外链 CSS 对页面加载的影响,下列说法正确的是?单选题
  3. 23关于浏览器的 HTTP 缓存,下列说法正确的是?单选题
  4. 24关于 requestAnimationFrame,下列说法正确的是?单选题
  5. 25列表有上千个 li,要处理每一项的点击,用事件委托的做法是?单选题
  6. 26关于 Cookie、localStorage 和 sessionStorage,下列说法正确的是?单选题
  7. 27做位移动画时,为什么推荐改 transform 而不是改 top / left?单选题
  8. 28如何为一个前端项目设计 HTTP 缓存策略?主观题

网络与安全 10 题

  1. 29下列 URL 中,与 https://www.example.com/page 同源的是?单选题
  2. 30下列跨域请求中,会先触发 OPTIONS 预检请求的是?单选题
  3. 31前端跨域请求需要携带 Cookie(fetch 设置 credentials: 'include'),服务端应当怎么配合…单选题
  4. 32防御 XSS(跨站脚本)最核心的做法是?单选题
  5. 33下列措施中,能有效防御 CSRF(跨站请求伪造)的是?单选题
  6. 34给 Cookie 加上 HttpOnly 属性的作用是?单选题
  7. 35关于 JWT,下列说法正确的是?单选题
  8. 36响应头 Cache-Control: no-cache 的含义是?单选题
  9. 37前端常见的跨域解决方案有哪些?各自的原理和适用场景是什么?主观题
  10. 38XSS 和 CSRF 有什么区别?分别如何防御?主观题

React 10 题

  1. 39React 渲染列表时给每一项设置 key,下列说法正确的是?单选题
  2. 40useEffect 的依赖数组写成 [] 时,副作用的执行时机是?单选题
  3. 41关于 React 18 的状态更新批处理,下列说法正确的是?单选题
  4. 42关于 useMemo 和 useCallback,下列说法正确的是?单选题
  5. 43React 引入 Fiber 架构的主要目的是?单选题
  6. 44为什么 React Hooks 不能写在条件语句或循环里?单选题
  7. 45关于 React 中的受控组件,下列说法正确的是?单选题
  8. 46关于 React Server Components(RSC),下列说法正确的是?单选题
  9. 47React 的 diff(协调)算法做了哪些假设?key 在其中起什么作用?主观题
  10. 48什么是 React Hooks 中的「过期闭包」问题?请举例并给出解决办法。主观题

Vue 7 题

  1. 49Vue 3 的响应式系统基于什么实现?单选题
  2. 50Vue 2 中,下列哪种修改不能被响应式系统自动侦测到?单选题
  3. 51关于 Vue 的 computed 和 watch,下列说法正确的是?单选题
  4. 52修改数据后立即读取 DOM,拿到的仍是旧内容。nextTick 能解决这个问题的原因是?单选题
  5. 53关于 v-if 和 v-show,下列说法正确的是?单选题
  6. 54关于 Vue 3 的 ref 和 reactive,下列说法正确的是?单选题
  7. 55比较 Vue 2 和 Vue 3 的响应式原理,Vue 3 做了哪些改进?主观题

工程化与性能 8 题

  1. 56打包工具的 Tree Shaking(摇树优化)主要依赖什么?单选题
  2. 57Vite 开发服务器启动和热更新都很快,主要原因是?单选题
  3. 58下列哪个 Core Web Vitals 指标衡量的是页面主要内容的加载速度?单选题
  4. 592024 年起取代 FID、成为 Core Web Vitals 中衡量交互响应性的指标是?单选题
  5. 60搜索框输入时实时请求联想词,希望用户停止输入一段时间后才发请求,应当使用?单选题
  6. 61在 React 或 Vue 项目中使用动态 import 加载某个路由页面,效果是?单选题
  7. 62如果一个页面首屏加载很慢,你会从哪些方面排查和优化?主观题
  8. 63请写出防抖(debounce)和节流(throttle)函数的实现思路,并说明各自的适用场景。主观题

Node.js 与全栈 3 题

  1. 64在 Node.js 的 CommonJS 模块中,同一段同步代码里先后注册 Promise.resolve.then(c…单选题
  2. 65关于 Node.js 适合的场景,下列说法正确的是?单选题
  3. 66服务端渲染(SSR)中的「水合」(hydration)指的是?单选题

题库出处