2026年360前端笔试题及答案

2026年360前端笔试题及答案

一、单项选择题（总共10题，每题2分）1.下列哪个不是HTML5新增的语义化标签？A.`<section>`B.`<article>`C.`<div>`D.`<nav>`2.以下哪个方法可以用于深拷贝一个对象？A.`Object.assign()`B.`JSON.parse(JSON.stringify(obj))`C.`[...obj]`D.`Object.keys(obj)`3.在CSS中，以下哪个属性可以控制元素的层叠顺序？A.`display`B.`position`C.`z-index`D.`float`4.下列哪个事件会在DOM加载完成后触发？A.`load`B.`DOMContentLoaded`C.`ready`D.`onload`5.以下哪个不是JavaScript的基本数据类型？A.`string`B.`number`C.`object`D.`symbol`6.在React中，用于优化性能的钩子函数是？A.`useEffect`B.`useMemo`C.`useState`D.`useContext`7.以下哪个HTTP状态码表示资源未找到？A.200B.404C.500D.3028.下列哪个方法可以用于阻止事件冒泡？A.`event.preventDefault()`B.`event.stopPropagation()`C.`event.stopImmediatePropagation()`D.`event.cancelBubble()`9.在Vue中，以下哪个指令用于条件渲染？A.`v-for`B.`v-if`C.`v-bind`D.`v-model`10.以下哪个不是Webpack的核心概念？A.LoaderB.PluginC.BundleD.Reducer二、填空题（总共10题，每题2分）1.在JavaScript中，`typeofnull`的返回值是________。2.在CSS中，`box-sizing:border-box`的作用是________。3.在ES6中，用于声明常量的关键字是________。4.在React中，用于管理组件内部状态的钩子函数是________。5.在HTTP协议中，GET请求和POST请求的主要区别是________。6.在Vue中，用于双向数据绑定的指令是________。7.在Node.js中，用于处理文件系统的模块是________。8.在浏览器中，用于存储数据的本地存储方式是________。9.在CSS中，`flex:1`的含义是________。10.在JavaScript中，`Promise`的三种状态是________。三、判断题（总共10题，每题2分）1.`let`和`const`声明的变量具有块级作用域。（）2.`display:none`和`visibility:hidden`的效果完全相同。（）3.`async/await`是ES6引入的异步编程方式。（）4.`localStorage`存储的数据在页面关闭后仍然存在。（）5.`React`是一个基于MVC架构的框架。（）6.`CSS`的优先级计算中，`!important`的权重最高。（）7.`Vue`的数据绑定是单向的。（）8.`Webpack`只能用于打包JavaScript文件。（）9.`HTTP/2`支持多路复用，可以同时发送多个请求。（）10.`JSON`是一种轻量级的数据交换格式，基于JavaScript对象语法。（）四、简答题（总共4题，每题5分）1.请简述闭包的概念及其应用场景。2.请解释CSS盒模型，并说明标准盒模型和IE盒模型的区别。3.请简述React和Vue的主要区别。4.请说明什么是跨域问题，以及常见的解决方案。五、讨论题（总共4题，每题5分）1.请讨论前端性能优化的常见手段及其原理。2.请分析单页面应用（SPA）和多页面应用（MPA）的优缺点。3.请讨论前端工程化的意义及其核心工具。4.请分析前端安全问题的常见类型及防范措施。---答案及解析一、单项选择题1.C2.B3.C4.B5.C6.B7.B8.B9.B10.D二、填空题1.`object`2.元素的宽度和高度包含内边距和边框3.`const`4.`useState`5.GET请求参数在URL中，POST请求参数在请求体中6.`v-model`7.`fs`8.`localStorage`9.元素占据剩余空间的比例为110.`pending`、`fulfilled`、`rejected`三、判断题1.√2.×3.×4.√5.×6.√7.×8.×9.√10.√四、简答题1.闭包的概念及其应用场景闭包是指函数能够访问其词法作用域之外的变量。它通常发生在函数嵌套中，内部函数引用了外部函数的变量。应用场景包括：封装私有变量、模块化开发、函数柯里化等。2.CSS盒模型CSS盒模型由内容（content）、内边距（padding）、边框（border）、外边距（margin）组成。标准盒模型的`width`和`height`仅指内容区域，而IE盒模型的`width`和`height`包含内容、内边距和边框。3.React和Vue的主要区别React采用JSX语法，强调函数式编程，状态管理依赖外部库（如Redux）。Vue采用模板语法，提供双向数据绑定，内置状态管理（Vuex）。React更灵活，Vue更易上手。4.跨域问题及解决方案跨域是由于浏览器的同源策略限制，导致不同源的请求被阻止。常见解决方案包括：JSONP、CORS、代理服务器、Nginx反向代理等。五、讨论题1.前端性能优化优化手段包括：减少HTTP请求、使用CDN、代码压缩、懒加载、缓存策略等。原理是通过减少资源加载时间和提高代码执行效率来提升用户体验。2.SPA和MPA的优缺点SPA优点是用户体验流畅，缺点是SEO不友好。MPA优点是SEO友好，