seentao考核试题及答案

seentao考核试题及答案考试时间：______分钟总分：______分姓名：______选择题（每题2分，共20分）1.HTTP状态码403表示（）A.未找到资源B.禁止访问C.服务器内部错误D.请求超时2.下列哪个方法可以改变原数组？（）A.map()B.filter()C.slice()D.splice()3.CSS中，设置元素为块级元素的属性是（）A.display:inlineB.display:blockC.display:inline-blockD.display:none4.JavaScript中，typeofnull返回（）A."object"B."null"C."undefined"D."boolean"5.HTTP协议中，GET请求的特点是（）A.数据在URL中B.数据在请求体中C.不安全D.用于提交表单6.下列哪个是React的核心特性？（）A.双向数据绑定B.虚拟DOMC.模板语法D.依赖注入7.CSS中，设置背景颜色的属性是（）A.colorB.background-colorC.border-colorD.text-color8.JavaScript中，用于声明常量的关键字是（）A.varB.letC.constD.function9.CSS中，设置元素为弹性布局的属性是（）A.display:flexB.display:gridC.position:relativeD.float:left10.React中，用于管理组件状态的hook是（）A.useStateB.useEffectC.useContextD.useReducer填空题（每题4分，共20分）1.CSS中，设置元素为弹性布局的属性是__________，子元素水平居中可使用justify-content:__________。2.Webpack中，用于处理.js文件的loader是__________，用于提取代码中CSS的plugin是__________。3.JavaScript中，用于声明变量的关键字是__________。4.CSS中，设置元素为绝对定位的属性是__________。5.HTTP状态码200表示__________，404表示__________。简答题（每题10分，共30分）1.简述JavaScript闭包的定义及其使用场景，并举例说明。2.解释虚拟DOM（VirtualDOM）的工作原理，以及React中diff算法的核心优化策略。3.简述HTTP状态码403、500的含义及其常见触发场景。编程题（每题15分，共30分）1.实现一个unique函数，对输入数组[1,2,3,2,4,1]去重，要求返回新数组且保持原顺序。2.使用React封装一个Countdown倒计时组件，支持自定义时间（秒）和回调函数（倒计时结束时触发）。试卷答案选择题（每题2分，共20分）1.答案：B解析思路：HTTP状态码403表示服务器理解请求但拒绝执行，如权限不足；选项B正确，其他选项对应不同状态码（404未找到、500服务器错误、408请求超时）。2.答案：D解析思路：splice()会修改原数组（删除或替换元素）；其他方法（map、filter、slice）返回新数组，原数组不变。3.答案：B解析思路：display:block将元素设置为块级元素（独占一行）；选项A是内联，C是内联块，D是隐藏。4.答案：A解析思路：JavaScript中typeofnull返回"object"，这是历史遗留设计；选项B、C、D不正确。5.答案：A解析思路：GET请求数据在URL中，不安全；选项B是POST特点，C是GET缺点但不直接表示特点，D是POST用途。6.答案：B解析思路：虚拟DOM是React的核心特性；选项A是Vue特性，C是模板语法通用，D是依赖注入框架。7.答案：B解析思路：background-color设置背景颜色；选项A设置文本颜色，C设置边框颜色，D无效属性。8.答案：C解析思路：const用于声明常量；选项A、B用于变量，D用于函数声明。9.答案：A解析思路：display:flex设置弹性布局；选项B是网格布局，C是相对定位，D是浮动。10.答案：A解析思路：useState用于管理组件状态；选项B用于副作用，C用于上下文，D用于复杂状态。填空题（每题4分，共20分）1.答案：display:flex;center解析思路：弹性布局属性是display:flex，子元素水平居中通过justify-content:center实现。2.答案：babel-loader;MiniCssExtractPlugin解析思路：babel-loader处理.js文件（转译ES6+），MiniCssExtractPlugin提取CSS到独立文件。3.答案：var解析思路：var是JavaScript中声明变量的关键字（传统方式，let/const为ES6扩展）。4.答案：position:absolute解析思路：position:absolute将元素设置为绝对定位（相对于最近的定位祖先）。5.答案：请求成功；未找到资源解析思路：HTTP状态码200表示请求成功，404表示服务器未找到请求的资源。简答题（每题10分，共30分）1.答案：闭包是函数和其周围状态（词法环境）的引用组合，即内层函数访问外层函数作用域中的变量。使用场景包括数据私有化（如模块封装）、防抖/节流（如事件处理）、变量持久化（如计数器）。举例：functionouter(){letcount=0;returnfunction(){return++count;};}。解析思路：定义需强调“函数嵌套+词法环境引用”；场景需具体（如私有变量）；举例需展示闭包实现。2.答案：虚拟DOM工作原理：①用JS对象模拟DOM树；②对比新旧虚拟DOM（diff算法）；③将最小化变更渲染到真实DOM。Reactdiff算法核心优化：①同级节点比较（跨层级移动直接重建）；②key属性优化（通过key识别节点，避免复用错误）；③组件级diff（非组件节点直接对比，组件节点通过shouldComponentUpdate跳过）。解析思路：原理分三步说明；优化策略需突出“同级比较”“key作用”“组件级优化”。3.答案：HTTP状态码403含义：禁止访问，常见触发场景：权限不足（如未登录访问受保护资源）、IP被禁止。500含义：服务器内部错误，常见触发场景：服务器代码错误（如空指针异常）、数据库连接失败。解析思路：含义需明确（403是拒绝访问，500是服务器故障）；场景需结合实例（如未登录或代码错误）。编程题（每题15分，共30分）1.答案：```javascriptfunctionunique(arr){constseen=newSet();returnarr.filter(item=>{if(seen.has(item))returnfalse;seen.add(item);returntrue;});}```解析思路：使用Set记录已出现元素，filter遍历原数组，仅保留未重复项，保持顺序；时间复杂度O(n)，空间复杂度O(n)。2.答案：```jsximportReact,{useState,useEffect}from'react';functionCountdown({seconds,onEnd}){const[count,setCount]=useState(seconds);useEffect(()=>{if(count<=0){onEnd?.();return;}consttimer=setInterval(()=>{setCount(prev=>prev-1);},1