J2EE+前端面试题及详细答案（企业实战版）

J2EE+前端面试题及详细答案（企业实战版）第一部分：J2EE面试题（含详细解析）一、基础概念题1、什么是J2EE？核心优势是什么？详细答案：J2EE是一套基于Java的企业级应用开发规范与技术平台，全称Java2PlatformEnterpriseEdition，现在统一命名为JavaEE。它并非独立编程语言，而是整合了Servlet、JSP、EJB、JDBC、事务、安全等一系列企业级开发技术标准，专门用于开发大型、分布式、高可用、可扩展的企业后台系统。核心优势主要有四点：一是跨平台性，依托Java虚拟机，可在Windows、Linux、Unix等各类服务器系统运行；二是组件化开发，通过标准化组件拆分业务，降低耦合、方便复用与维护；三是容器托管，服务器容器负责组件生命周期、线程管理、事务管控、资源调度，减少开发者底层开发成本；四是规范统一，所有J2EE项目遵循统一标准，团队协作、项目迁移、服务器部署兼容性极强。2、简述J2EE的三层架构，每层作用及常用组件详细答案：标准J2EE项目采用经典三层架构，分层解耦，职责清晰，是企业项目最常用的架构模式。1.表现层（Web层）：负责接收客户端请求、数据展示、页面交互，不处理核心业务逻辑。常用组件：Servlet、JSP、Filter、Listener、SpringMVC。2.业务层（Service层）：核心业务逻辑处理层，负责调用数据层、封装业务规则、处理事务、参数校验、业务判断。常用组件：Service接口与实现类、事务管理器。3.持久层（DAO层）：专门负责和数据库交互，实现数据的增删改查操作，不参与业务逻辑。常用组件：JDBC、MyBatis、Hibernate、JPA。3、Servlet和JSP的区别，实际项目中如何选型？详细答案：核心区别：Servlet是纯Java类，侧重业务逻辑处理、请求分发、参数处理、跳转控制，原生输出HTML代码繁琐；JSP是HTML与Java代码混合的页面，本质是Servlet的简化封装，擅长页面视图渲染、静态内容展示。项目选型原则：纯后台接口、请求处理、逻辑控制、权限拦截统一用Servlet；需要快速编写页面、展示动态数据、拼接前端视图时用JSP。现代J2EE项目大多采用MVC模式，Servlet负责控制器调度，JSP仅做视图展示，避免代码混杂。4、JSP的三大指令、九大内置对象分别是什么？作用是什么？详细答案：三大指令：仅作用于当前页面，用于定义页面全局属性。1.page指令：设置页面编码、脚本语言、页面缓存、异常处理、导入类包等；2.include指令：静态引入其他页面文件，编译时合并代码；3.taglib指令：引入自定义标签库，简化页面代码编写。九大内置对象（无需手动创建，直接使用）：1.request：封装客户端请求数据；2.response：封装服务端响应数据；3.session：会话对象，存储用户单次会话数据；4.application：全局项目对象，所有用户共享；5.pageContext：页面上下文，可获取其他所有内置对象；6.out：页面输出流，输出内容到页面；7.config：获取Servlet配置信息；8.page：当前JSP页面实例；9.exception：页面异常对象，用于异常页面捕获错误。二、核心技术进阶题5、Filter过滤器和Listener监听器的区别及使用场景详细答案：Filter是请求拦截器，基于请求响应模型，可拦截所有进入服务器的请求与响应，在请求处理前后做预处理和后处理。常用场景：统一编码设置、登录权限拦截、跨域处理、请求参数过滤、静态资源拦截。Listener是事件监听器，用于监听项目、会话、请求的创建、销毁、属性变更事件，不拦截请求。常用场景：项目启动初始化配置、统计在线用户数、会话超时清理资源、项目销毁释放资源。核心区别：Filter面向请求链路，Listener面向生命周期事件。6、简述Session和Cookie的区别，以及Session失效场景详细答案：1.存储位置：Cookie存储在客户端浏览器，Session存储在服务端；2.安全性：Cookie可被篡改、窃取，安全性低，Session数据服务端托管，安全性更高；3.存储容量：Cookie容量小，单条不超过4KB，无容量限制；4.生命周期：Cookie可设置永久有效，浏览器关闭可保留，Session默认浏览器关闭即失效；5.依赖关系：Session默认依赖Cookie存储sessionId。Session失效场景：主动调用invalidate()方法销毁会话；会话超时（服务器配置默认超时时间）；服务器重启、项目重新部署；客户端清空对应Cookie。7、JDBC的执行流程，以及如何预防SQL注入详细答案：JDBC完整执行流程：1.加载数据库驱动；2.通过驱动管理器获取数据库连接；3.创建Statement/PreparedStatement执行对象；4.编写并执行SQL语句；5.处理查询结果集；6.关闭结果集、执行对象、数据库连接，释放资源。SQL注入预防方案：核心是杜绝字符串拼接SQL。优先使用PreparedStatement预编译对象，参数采用占位符?替代，框架会自动转义特殊字符；项目中统一使用MyBatis等持久层框架，使用#{}预编译取值，禁止${}直接拼接参数；后端做参数校验、非法字符过滤。8、SpringMVC的执行原理及完整工作流程详细答案：SpringMVC基于Servlet实现，采用经典MVC架构，核心是前端控制器DispatcherServlet统一分发请求。完整执行流程：1.客户端发送请求，被DispatcherServlet拦截接收；2.DispatcherServlet调用HandlerMapping处理器映射器，根据请求URL匹配对应的Controller处理器；3.调用HandlerAdapter处理器适配器，执行匹配到的Controller方法；4.Controller处理业务逻辑，返回ModelAndView数据视图对象；5.ViewResolver视图解析器解析视图路径，匹配对应页面；6.渲染视图，封装响应数据，返回给客户端。三、项目实操与面试高频题9、GET和POST请求的区别，项目中如何选择使用？详细答案：1.参数位置：GET参数拼接在URL后，POST参数放在请求体中；2.数据大小：GET有URL长度限制，无法传输大数据，POST无限制；3.缓存机制：GET请求会被浏览器缓存，POST默认不缓存；4.安全性：GET参数暴露在地址栏，安全性差，POST相对安全；5.书签支持：GET可保存书签，POST不支持。项目选型：查询类、无数据修改、参数短小的接口用GET；新增、修改、删除、上传文件、参数敏感的接口统一用POST。10、简述事务的四大特性（ACID），以及Spring事务传播机制详细答案：事务四大特性：原子性、一致性、隔离性、持久性。原子性指事务操作要么全部成功，要么全部回滚；一致性指事务前后数据状态合法一致；隔离性指多个事务并发执行互不干扰；持久性指事务提交后数据永久生效，不会回滚。Spring常用事务传播机制：REQUIRED（默认，有事务加入，无则新建）、SUPPORTS（有事务加入，无则非事务执行）、REQUIRES_NEW（新建独立事务，挂起原有事务）、NOT_SUPPORTED（始终非事务执行）、NESTED（嵌套事务，依赖父事务）。第二部分：前端面试题（企业实战版）一、HTML/CSS基础题1、HTML语义化标签的作用，常用语义化标签有哪些？详细答案：HTML语义化标签指自带语义、无需额外注释就能清晰描述页面结构的标签，区别于div、span这类无语义通用标签。核心作用：优化页面结构，代码可读性更高，方便团队维护；利于搜索引擎爬虫抓取，提升网站SEO排名；适配屏幕阅读器，提升页面兼容性和无障碍访问能力。常用语义化标签：header头部、nav导航、main主体、section区块、article文章、aside侧边栏、footer底部、figure图文区块、time时间标签。2、CSS盒模型是什么？标准盒模型和怪异盒模型的区别详细答案：CSS盒模型是页面元素布局的核心模型，所有HTML元素都可以看作一个盒子，由内容区、内边距、边框、外边距四部分组成。标准盒模型（W3C默认）：元素宽度=内容宽度，padding和border会额外撑开元素整体尺寸，布局容易出现尺寸溢出问题。怪异盒模型（IE盒模型）：元素宽度=内容宽度+padding+border，设置的宽高为元素整体尺寸，内边距和边框不会撑开盒子，布局更可控。项目开发中统一设置box-sizing:border-box;开启怪异盒模型，适配各类布局场景。3、CSS垂直居中、水平居中的常用实现方式详细答案：水平居中：行内元素设置父级text-align:center；块级元素设置margin:0auto；弹性布局父级display:flex+justify-content:center。垂直居中：单行文本设置line-height等于父级高度；弹性布局父级display:flex+align-items:center；定位布局子元素绝对定位，top:50%+transform:translateY(-50%)。二、JavaScript核心题4、var、let、const的区别详细答案：1.作用域：var为函数作用域，let、const为块级作用域，仅在当前{}代码块内生效；2.变量提升：var存在变量提升，可先使用后声明，值为undefined，let、const不存在变量提升，存在暂时性死区，声明前无法使用；3.重复声明：var允许重复声明变量，let、const禁止重复声明；4.赋值特性：var、let可多次修改赋值，const声明常量，不可修改引用地址，声明时必须赋值。5、JS原型与原型链的理解详细答案：JS中每个对象都有__proto__隐式原型，每个构造函数都有prototype显式原型。对象的隐式原型指向构造函数的显式原型，实现属性和方法的共享复用，减少内存占用。原型链是原型层层向上查找形成的链式结构，当访问对象的属性或方法时，会先在自身查找，自身没有则向上查找原型，再查找原型的原型，直到顶层Ototype，最终查找到null停止。原型链是JS实现继承的核心机制。6、异步JS的实现方式，Promise的理解与使用场景详细答案：前端异步实现方式：回调函数、Promise、async/await、定时器、事件监听。Promise是解决异步回调地狱的ES6语法，是一个异步容器，有三种状态：pending等待、fulfilled成功、rejected失败，状态一旦改变不可逆。支持链式调用，代码层级清晰，可读性远优于嵌套回调。常用场景：接口异步请求、文件读取、定时器异步操作、多个异步任务串行/并行执行。实际开发中搭配async/await，将异步代码写成同步写法，大幅简化代码。三、Vue框架高频面试题7、Vue2和Vue3的核心区别详细答案：1.响应式原理：Vue2基于Object.defineProperty劫持对象属性，无法监听新增、删除属性和数组下标修改；Vue3基于ES6Proxy代理整个对象，可监听任意属性变更、新增、删除，响应式更全面。2.代码组织：Vue2采用OptionsAPI，选项式写法，复杂项目逻辑分散；Vue3支持CompositionAPI，组合式写法，可按业务逻辑拆分代码，复用性更强。3.性能优化：Vue3重构底层源码，打包体积更小、初始化速度更快、内存占用更低，支持按需引入API。4.新增特性：Vue3新增setup语法糖、ref/reactive状态管理、provide/inject跨层级传值、Teleport组件、Fragment多根节点等特性。8、Vue组件通信的常用方式及适用场景详细答案：1.父子组件通信：父传子用props，子传父用$emit自定义事件，适用于基础父子组件数据交互；2.跨层级组件通信：用provide/inject，祖辈向后代逐层传值，无需逐层传递props；3.全局状态通信：Vuex/Pinia，适用于全局共享数据，如用户信息、权限、购物车数据；4.兄弟组件通信：借助父组件中转或全局状态管理器，适合同级组件数据交互。9、Vue中ref和reactive的区别与使用场景详细答案：ref用于定义基本数据类型（字符串、数字、布尔）响应式数据，也可定义简单对象，底层通过value属性包裹数据，模板中使用无需写.value，脚本中修改必须加.value。reactive专门用于定义复杂引用类型数据（对象、数组），无需valu