weixin_44356698的博客

原创 天学网面试总结 —— 前端开发岗

原创 博思软件面试总结 —— 前端工程师开发岗位

Vue 中的插槽（Slot）是一种组件间内容分发的机制，允许父组件向子组件传递模板片段或DOM 结构，增强组件的灵活性和复用性。在 Vue 中，自定义指令（Custom Directives）允许你直接操作 DOM，封装可复用的底层逻辑。1. 全局注册指令// main.js// 注册一个全局自定义指令 `v-focus`el.focus();// 元素插入DOM后自动聚焦});2. 局部注册指令// 在组件中定义focus: {el.focus();3. 指令生命周期钩子钩子名。

原创 Java面试（2025）—— Spring Boot

"Spring Boot自动配置是其核心特性之一，它通过约定优于配置的理念，根据应用所处的环境智能地配置Spring应用。"以数据源配置为例，当检测到类路径下有HikariCP连接池相关类，且用户没有自定义DataSource Bean时，Spring Boot就会自动配置一个优化过的Hikari数据源，并可以通过application.properties中的。这种组合注解的设计体现了Spring Boot"约定优于配置"的理念，极大简化了Spring应用的初始配置。

原创 Java面试（2025）—— MyBatis

（简洁开场）“MyBatis 是一个半自动化的持久层框架，它通过 XML 或注解将 Java 对象与 SQL 语句映射，简化了 JDBC 操作，同时保留了 SQL 的灵活性。

原创 Java面试（2025）—— Spring MVC

Spring MVC中的控制器默认是单例的（Singleton），这是由Spring容器的默认作用域决定的。DispatcherServlet 是 Spring MVC 框架的核心组件，它充当了前端控制器的角色，负责协调整个请求处理流程。Spring MVC控制器是处理客户端请求并返回响应的核心组件，它负责接收用户请求、协调业务逻辑处理，并决定如何响应客户端。在传统 MVC 模式中，控制器负责处理业务逻辑，返回视图名称（如 JSP/Thymeleaf），由视图解析器渲染。

原创 Java面试（2025）—— Spring

Spring 是一个开源的 Java 企业级应用框架，核心目标是简化企业应用的开发，通过控制反转（IoC）、依赖注入（DI）和面向切面编程（AOP）等机制，提高代码的模块化、可测试性和可维护性。“Spring 生态丰富，比如 Spring Boot 的自动配置和内嵌服务器让部署更简单，Spring Cloud 提供了微服务支持（如 Eureka 服务发现、Feign 声明式调用）。“Spring 是一个开源的 Java 企业框架，核心是通过控制反转（IoC）和依赖注入（DI）管理对象依赖，比如用。

原创 Java面试（2025）—— 并发编程

并行(Parallelism)和并发(Concurrency)是两个相关但不同的概念： 并发是指系统能够处理多个任务的能力，这些任务在时间上是重叠的，但不一定是同时执行的。简单来说，并发关注的是任务的组织和结构，而并行关注的是任务的执行和性能提升。多线程是指在一个进程内创建多个执行流（线程），这些线程共享进程的资源（如内存、文件句柄等），但拥有各自的执行栈和程序计数器。在Java中，多线程通过。守护线程（如GC线程）不会阻止JVM退出，只要用户线程全部结束，JVM就会直接终止，即使守护线程还在运行。

原创 Java面试（2025）——集合

HashSet的值存放于HashMap的key上，HashMap的value统一为PRESENT，因此 HashSet 的实现比较简单，相关 HashSet 的操作，基本上都是直接调用底层 HashMap 的相关方法来完成。在Java中，集合(Collection)是用于存储和操作一组对象的容器框架，它解决了数组固定长度的限制，提供了更灵活的数据存储方案。综合来说，在需要频繁读取集合中的元素时，更推荐使用 ArrayList，而在插入和删除操作较多时，更推荐使用 LinkedList。

原创 Java面试（2025）——基础

Java SE是标准版，适用于桌面应用程序和小型应用的开发，提供了基本的Java编程环境和核心类库，包括输入输出、集合框架和多线程支持等功能。它提供了Java程序的运行环境，管理内存（包括堆和栈的分配）以及垃圾回收，同时实现了Java“一次编写，处处运行”的理念，确保Java程序能够在不同的操作系统上无缝运行。最后，Java持续进行版本更新，引入新特性，保持与时俱进，并且拥有庞大的开发者社区和丰富的第三方库及框架，如Spring和Hibernate等，这些都为开发者提供了广泛的支持和资源。

原创 html5 有哪些新特性

HTML5作为最新的HTML标准，带来了许多重要的新特性，使Web开发更加强大和高效。我认为主要可以从以下几个方面来介绍…”“首先，HTML5引入了语义化标签如<header><nav><section><article>等，这些标签让文档结构更清晰，也提升了SEO效果。在实际项目中，我们使用这些标签来构建更易维护的页面结构。“总的来说，HTML5的这些新特性使现代Web应用开发更加高效，功能更加强大，用户体验也更加流畅。作为开发者，我们需要根据项目需求合理选择这些特性。

原创 39-Ajax工作原理

AJAX(Asynchronous JavaScript and XML)是一种允许网页在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页内容的技术。它通过JavaScript的XMLHttpRequest对象或现代的Fetch API实现异步通信。“总的来说，AJAX通过异步通信机制极大地改善了Web应用的用户体验，是现代单页应用(SPA)的基础技术之一。随着Web标准的发展，我们现在有更多现代化的替代方案，但理解AJAX底层原理对于处理复杂场景和调试问题仍然非常重要。

原创 hash 模式 和 history 模式

前端路由主要有两种实现方式：Hash模式和History模式。它们都是单页应用(SPA)实现路由跳转而不刷新页面的解决方案。

原创 HTTP 请求跨域问题

跨域问题是前端开发中的常见挑战，理解其原理和解决方案对开发复杂的Web应用非常重要。我会根据项目实际需求选择最合适的解决方案，同时兼顾安全性和开发效率。

原创 HTTP请求方式

POST 请求在以下方面提供相对不暴露参数在URL中不受URL长度限制不会被浏览器主动缓存。

原创 配置SSL证书和更新资源链接步骤

为了实现HTTPS，我们需要配置SSL证书并更新资源链接。首先，我们从受信任的证书颁发机构（如Let’s Encrypt）获取SSL证书，然后将证书和私钥文件上传到服务器，并在Web服务器（如Nginx或Apache）中配置SSL证书。例如，在之前的项目中，我负责将网站从HTTP迁移到HTTPS，通过配置SSL证书和更新资源链接，确保了数据的安全性和网站的SEO表现。通过这种结构化的回答，你可以清晰地展示你对配置SSL证书和更新资源链接的理解，同时体现出你的专业性和实际经验。

原创 http 和 https

而HTTPS是HTTP的安全版本，通过SSL/TLS协议对数据进行加密，确保传输的安全性。两者的主要区别在于安全性、端口和证书。HTTP使用80端口，数据不加密，而HTTPS使用443端口，数据经过加密，并且需要SSL/TLS证书。在现代Web开发中，HTTPS已经成为标准实践，因为它可以保护用户数据、防止中间人攻击，同时提升网站的可信度和SEO表现。例如，在之前的项目中，我负责将网站从HTTP迁移到HTTPS，通过配置SSL证书和更新资源链接，确保了数据的安全性和网站的SEO表现。

原创 SSL/TLS加密

SSL/TLS是确保网络通信安全的关键技术，尤其是在处理敏感信息（如登录凭证、支付信息等）时，使用HTTPS是必不可少的。作为前端开发者，虽然不需要直接配置SSL/TLS，但了解其工作原理有助于更好地理解网络安全。在用户点击页面的数据请求接口时，如果请求的是同一台服务器的资源，通常不需要重新进行完整的SSL/TLS握手。浏览器会通过连接复用和TLS会话恢复机制，快速建立或恢复加密连接，从而提高性能。四、会话恢复机制是如何快速恢复的。

原创 HTML文档流

文档流(Normal Flow)是指HTML元素在页面中默认的排列方式。在标准文档流中，块级元素会从上到下垂直排列，每个元素占据一整行；而行内元素则从左到右水平排列，直到空间不足才会换行。

原创 网页的性能优化

前端性能优化是一个系统工程，我通常会从加载性能渲染性能和运行时性能三个维度来考虑。在实际项目中，我会根据性能分析工具的数据，针对瓶颈点实施优化方案。先测量再优化，使用数据驱动决策遵循渐进增强原则，保证基础体验平衡优化效果与开发维护成本建立持续监控机制，防止性能回退"

原创 Cookie、sessionStorage、localStorage

不会自动发送到服务器，性能更优。在实际开发中，我会根据具体需求选择合适的技术，并注意数据的安全性和兼容性。适合存储仅在当前会话中需要的数据，比如用户在当前页面的操作状态；都是浏览器端存储数据的机制，但它们在使用场景和特性上有明显区别。适合存储少量数据且需要与服务器交互的场景，比如用户认证；适合存储需要长期保存的数据，比如用户偏好设置。每次请求都会携带，可能影响性能，而。

原创 图片的懒加载（性能优化）

首先，简要说明懒加载是什么以及它的作用：接着，描述实现懒加载的核心逻辑：详细说明实现懒加载的两种常见方式：方法二：使用Intersection Observer API优点：更高效，性能更好，代码更简洁。步骤：创建实例，设置回调函数。当目标元素进入视口时，触发回调函数，加载图片。代码示例：4. 优化和注意事项进一步展示你的技术深度，提到一些优化点和注意事项：如果有相关经验，可以结合实际项目说明：最后，简要总结：

原创 进程、线程和协程

在面试中回答“进程、线程和协程”的问题时，可以从以下几个方面进行清晰、简洁且有层次的回答，同时结合实际应用场景，展现你的技术深度和解决问题的能力。首先，清晰地定义这三个概念，避免混淆：通过对比它们的特点，帮助面试官理解它们的区别：结合前端开发或其他领域的实际应用场景，展示你对这些概念的理解：如果面试官允许，可以简单写一些代码示例，展示你对这些概念的实际应用：5. 总结最后，用一句话总结它们的核心区别和适用场景：“进程、线程和协程是并发编程中的三个重要概念。进程是操作系统分配资源的基本单位，每个进程有独立

原创 浏览器 http 状态码

【代码】浏览器 http 状态码。

原创 浏览器重绘与回流

【代码】浏览器重绘与回流。

原创 从输入 URL 到页面加载的全过程

CDN 的核心原理是通过。

原创 CSS媒体查询

媒体查询是CSS3中的一项功能，它允许我们根据设备的特性（如屏幕宽度、高度、设备方向等）来动态调整页面的样式。“媒体查询是CSS3中的一项功能，它允许我们根据设备的特性（如屏幕宽度、高度、设备方向等）来动态调整页面的样式。“在实际项目中，我经常使用媒体查询来实现响应式布局。比如，在移动端开发中，我会为小屏幕设备（如手机）设置不同的布局和字体大小，确保内容在有限的空间内清晰展示。通过这样的回答，你不仅能展现对媒体查询的深入理解，还能体现你在实际项目中的应用能力和优化经验，给面试官留下深刻的印象。

原创 ＜img＞ 的 title 和 alt 有什么区别

在面试中回答关于<img>标签的title和alt。

原创 html dom 的 event 事件

在实际开发中，事件委托是一种优化性能的常用技术，特别适合处理动态添加的元素。比如，我们可以将事件监听器绑定到父元素，利用事件冒泡机制处理子元素的事件。通过这样的回答，你可以展示出对DOM事件的全面理解，并结合实际应用场景，体现你的技术深度和解决问题的能力。“HTML DOM事件是用户与网页交互时触发的动作，比如点击、鼠标移动、键盘输入等。为元素绑定事件监听器，并在事件触发时执行相应的逻辑。常见的事件类型包括鼠标事件（如。事件传播分为冒泡和捕获阶段，可以通过。

原创 获取表单元素的方式

获取表单元素的方式有很多种，具体取决于项目需求和技术栈。：这些方法都是原生 JavaScript 的方式，适用于简单的场景，但在复杂项目中可能会显得繁琐。在实际项目中，我通常会根据框架的特性选择最合适的方式，比如在 Vue 中使用。这样的回答既展示了你的技术广度，也体现了你的实际经验和解决问题的能力，会给面试官留下深刻印象。：现代框架提供了更高效的方式来处理表单，推荐在实际项目中使用框架的机制。实现双向绑定，在 React 中使用受控组件管理表单状态，同时结合。而在现代前端框架中，Vue 提供了。

原创 async/defer/preload性能优化

通过理解并应用这些技术，你可以显著提升页面的加载速度和用户体验。

原创 行内元素/块级元素/空元素

首先，简要说明这三类元素的定义和特点：接着，详细说明它们的区别：结合实际场景，说明它们的应用：最后，给出一个简单的代码示例，展示它们的用法：5. 总结总结时，可以强调：通过这种结构化的回答，你可以清晰地展示你的知识储备，同时给面试官留下专业、逻辑清晰的印象。

原创 CSS 预处理器

在回答时，尽量结合实际项目经验，展示你对 CSS 预处理器的理解和使用能力。同时，保持简洁明了，避免过度技术化，确保面试官能够清晰地理解你的回答。

原创 CSS 的可继承性

如果某些不可继承的属性需要在子元素中继承父元素的值，可以使用。

原创 transition过渡属性

总结你的回答，强调。

原创 12-伪类和伪元素

伪元素则常用于装饰性内容，比如在链接后添加图标，或者为段落的首字母设置特殊样式。需要注意的是，使用伪类和伪元素时要考虑浏览器兼容性和性能影响，确保它们在不同浏览器中都能正常工作，并且不会对页面性能造成负面影响。通过这样的回答，你不仅展示了你的技术知识，还体现了你对实际应用和细节的关注，给面试官留下深刻的印象。总的来说，伪类和伪元素是非常强大的工具，合理使用它们可以大大提升页面的交互性和美观度。伪元素则用于选择元素的特定部分，比如。此外，伪类和伪元素还可以结合使用，比如在鼠标悬停在链接上时，使用。

原创 如何清除浮动

【代码】如何清除浮动。

原创 前端页面布局

首先，简要说明每种布局方式的核心特点，让面试官知道你了解这些布局的基本概念。

原创 隐藏页面中某个元素的方法

在前端开发中，隐藏页面中的某个元素有多种方式，每种方式都有其特定的应用场景。

原创 08-让一个元素水平垂直居中

在面试中，当被问到如何让一个元素水平垂直居中时，你可以从多种方法中进行选择，并根据具体场景选择最合适的方案。

原创 怎么解决父元素高度塌陷

在回答时，你可以简要描述问题，然后详细介绍几种解决方案，并说明每种方案的优缺点。例如，