2026年360前端招聘笔试题及答案

2026年360前端招聘笔试题及答案

一、单项选择题（总共10题，每题2分）1.在JavaScript中，用于声明一个常量变量的关键字是？A.varB.letC.constD.function2.HTML5中，哪个元素用于嵌入视频内容？A.<audio>B.<embed>C.<video>D.<object>3.CSS的position属性中，哪个值会使元素固定在视口位置？A.staticB.relativeC.absoluteD.fixed4.React框架中，生命周期方法componentDidMount主要用于执行什么操作？A.组件卸载时清理B.组件渲染后初始化C.状态更新时响应D.错误处理5.HTTP状态码200表示什么含义？A.服务器错误B.重定向C.客户端错误D.请求成功6.在浏览器中，用于存储用户数据的Cookie有最大存储限制，通常是多少？A.1KBB.4KBC.10KBD.无限7.JavaScript的ES6特性中，哪个语法用于解构数组？A.{}B.[]C.()D.let8.Vue框架中，v-model指令用于双向数据绑定，它默认绑定哪个HTML属性？A.valueB.modelC.bindD.input9.在CSS中，哪个属性用于控制元素是否响应指针事件？A.displayB.visibilityC.pointer-eventsD.opacity10.Web安全中，XSS攻击主要利用什么漏洞？A.服务器配置B.数据库注入C.脚本注入D.路径遍历二、填空题（总共10题，每题2分）1.在JavaScript中，______函数用于延迟执行代码，参数是延迟时间（毫秒）。2.CSS的盒模型由content、padding、______和margin组成。3.HTML元素的______属性用于指定该元素的唯一标识符。4.React框架中，用于描述组件UI的语法是______。5.HTTP协议中，GET请求用于______数据，而POST用于提交数据。6.JavaScript中，用于处理异步操作的Promise对象有三个状态：pending、______和rejected。7.浏览器存储中，______API用于在客户端持久化存储键值对数据。8.Vue框架中，用于监听数据变化并执行回调的选项是______。9.CSS3中，______属性用于创建平滑过渡效果。10.Web性能优化时，通过______技术可以减少HTTP请求数。三、判断题（总共10题，每题2分）1.JavaScript的typeofnull返回结果是"object"。()2.CSS的float属性会导致父元素高度塌陷。()3.HTML5中，<canvas>元素用于绘制图形，可以直接插入文本内容。()4.React的虚拟DOM在每次渲染时都会完全重建。()5.HTTP/2协议支持多路复用，可以并行发送多个请求。()6.JavaScript的闭包会导致内存泄漏，因为函数持有外部变量引用。()7.Vue框架中，computed属性是用于计算并缓存衍生数据，而methods每次调用都会重新计算。()8.CSS的flex布局中，justify-content用于控制项目在主轴上的对齐方式。()9.Web安全中，HTTPS通过SSL/TLS协议加密数据，防止中间人攻击。()10.JavaScript的箭头函数有自己的this上下文。()四、简答题（总共4题，每题5分）1.解释什么是事件委托（EventDelegation）及其在前端开发中的优势。2.描述CSS中的BFC（块级格式化上下文）及其如何解决布局问题。3.解释JavaScript的事件循环（EventLoop）机制，并说明宏任务和微任务的区别。4.简述前端性能优化中的懒加载（LazyLoading）实现原理和应用场景。五、讨论题（总共4题，每题5分）1.讨论ReactHooks与Class组件在状态管理中的优缺点。2.分析单页面应用（SPA）与多页面应用（MPA）在SEO优化上的挑战及解决方案。3.比较前端框架Vue和React在响应式数据绑定上的实现差异。4.探讨Web安全中的CSRF攻击原理及其防御策略。【答案与解析】一、单项选择题答案1.C.const【解析】const用于声明常量，值不能重新赋值。2.C.<video>【解析】<video>是HTML5标准元素，专用于视频嵌入。3.D.fixed【解析】fixed值使元素固定于视口，不随滚动移动。4.B.组件渲染后初始化【解析】componentDidMount在组件挂载后触发，用于数据获取或初始化操作。5.D.请求成功【解析】HTTP200表示请求已成功处理。6.B.4KB【解析】浏览器Cookie有大小限制，通常每域名最大4KB。7.B.[]【解析】ES6数组解构使用方括号，如[a,b]=array。8.A.value【解析】v-model默认绑定input元素的value属性。9.C.pointer-events【解析】该属性控制元素是否响应鼠标事件，设为none则忽略。10.C.脚本注入【解析】XSS攻击通过注入恶意脚本，窃取用户数据。二、填空题答案1.setTimeout【解析】setTimeout用于延迟执行代码，参数为延迟时间。2.border【解析】盒模型标准组成：内容、内边距、边框、外边距。3.id【解析】id属性为元素指定唯一标识，便于CSS或JS操作。4.JSX【解析】JSX是React的语法扩展，允许在JS中写HTML-like代码。5.获取【解析】GET请求用于从服务器获取资源，POST用于提交数据到服务器。6.fulfilled【解析】Promise状态包括pending（等待）、fulfilled（成功）、rejected（失败）。7.localStorage【解析】localStorage用于持久化存储数据，关闭浏览器后仍保留。8.watch【解析】Vue中的watch选项用于监听数据变化并执行自定义逻辑。9.transition【解析】transition属性实现CSS属性变化的平滑过渡效果。10.文件合并【解析】合并多个CSS或JS文件减少HTTP请求，提升加载速度。三、判断题答案1.对【解析】typeofnull返回"object"，这是JavaScript的历史遗留问题。2.对【解析】float元素脱离文档流，导致父元素高度为0，需用clearfix解决。3.错【解析】<canvas>用于绘图，文本需通过JS绘制，不能直接插入。4.错【解析】虚拟DOM通过diff算法局部更新，不会完全重建，提升效率。5.对【解析】HTTP/2支持多路复用，在一个连接上并行处理多个请求。6.对【解析】闭包如果引用大对象且未释放，可能导致内存泄漏。7.对【解析】computed基于依赖缓存结果，methods每次调用都执行函数。8.对【解析】justify-content在flex布局中控制主轴方向的对齐方式。9.对【解析】HTTPS加密传输数据，有效防止中间人窃听或篡改。10.错【解析】箭头函数没有自己的this，它继承外层函数或全局作用域的this。四、简答题答案1.事件委托是利用事件冒泡机制，在父元素上监听子元素事件。优势包括减少事件处理器数量，提升性能，尤其适用于动态列表；简化代码，避免逐个绑定事件；增强内存管理，避免子元素移除时内存泄漏。例如，在ul元素监听click事件，判断target是否为li子元素，实现事件处理。2.BFC是块级元素独立渲染区域，隔离内部布局不影响外部。创建方法包括float、position:absolute、overflow:hidden等。它解决边距重叠问题（margincollapse），清除浮动影响（避免父元素塌陷），并隔离外部浮动元素干扰。在复杂布局中，BFC确保元素排列可预测，提升UI稳定性。3.事件循环是JS异步处理机制，由调用栈、任务队列组成。宏任务（如setTimeout）放入任务队列，微任务（如Promise.then）优先执行于宏任务前。事件循环过程：执行同步代码→清空微任务队列→渲染UI→取宏任务执行→重复。这确保高优先级任务（微任务）及时处理，避免UI阻塞，优化用户体验。4.懒加载延迟加载非视口资源，原理基于IntersectionObserverAPI或scroll事件监听，当元素进入视口时加载内容。应用场景包括图片、视频、组件初始化，尤其移动端节省流量和内存。实现方式有图片占位符、Vue/React的懒加载组件，优势是提升首屏速度，减少初始负载，改善用户感知性能。五、讨论题答案1.ReactHooks（如useState）提供函数组件状态管理，优点：代码简洁，避免类组件this问题，便于逻辑复用（自定义Hook）。缺点：学习曲线陡峭，需注意依赖数组管理；Class组件清晰生命周期（如componentDidMount），适合复杂逻辑。Hooks更现代，推动函数式编程，降低组件耦合度，但Class在旧项目迁移中可能更稳定。总体上，Hooks简化开发，是React未来趋势。2.SPA单页面应用动态加载内容，SEO挑战：初始HTML空，爬虫难以索引；需服务器渲染（SSR）或静态生成（SSG）解决。MPA多页面应用每个页面独立，SEO友好但切换慢。解决方案：SPA使用Next.js实现SSR，生成完整HTML；结合预渲染或动态路由；MPA优化内链结构。最终，SPA+SSR平衡性能和SEO，MPA适合内容型站点。3.Vue基于响应式系统，通过Object.defineProperty或Proxy自动追踪依赖，数据变更时触发视图更新。优点：简单易用，数据驱动自动化。React通过setState手动触发更新，结合虚拟DOMdiff算法高效渲染。区别：Vu