2025 年 2月 22 日随笔档案 - joken1310

java常见的数据结构api

摘要：在 Java 中，常见的数据结构主要由 Java Collections Framework（JCF）提供，它是 Java 标准库的一部分，位于 java.util 包中。以下是常见的几种数据结构及其对应的 API，以及它们的主要特点和使用场景： 1. List（列表）特点：有序、可重复的元素集阅读全文

posted @ 2025-02-22 22:01 joken1310 阅读(71) 评论(0) 推荐(0)

spring boot一般的项目结构

摘要：以下是对 Spring Boot 项目目录结构及分层（包含 DAO 和 DTO）的简洁总结，重新整理后更清晰明了： 1. 典型 Spring Boot 项目目录结构 my-spring-boot-project/ ├── src/ │ ├── main/ │ │ ├── java/com/examp 阅读全文

posted @ 2025-02-22 21:57 joken1310 阅读(1318) 评论(0) 推荐(0)

spring boot 项目dto，什么是dto

摘要： 1. 什么是 DTO 定义：DTO 是一种设计模式，用于在不同层（如 Controller、Service）或不同系统（如微服务之间）之间传输数据的对象。特点：通常只包含数据（属性）和简单的 getter/setter，不包含业务逻辑。与数据库实体（Entity）或领域对象（Domain Ob 阅读全文

posted @ 2025-02-22 21:52 joken1310 阅读(1352) 评论(0) 推荐(0)

Spring Cloud Eureka 将 **Controller 层**、**Service 层** 和 **DAO 层** 剥离为独立微服务

摘要：以下是基于 Spring Cloud Eureka 将 Controller 层、Service 层和 DAO 层剥离为独立微服务的方法总结。整个过程通过服务注册与发现实现层与层之间的动态通信调用。 1. 总体思路目标：将传统单体应用的三层结构（Controller、Service、DAO）拆阅读全文

posted @ 2025-02-22 21:44 joken1310 阅读(115) 评论(0) 推荐(1)

Spring Cloud Eureka 如何使用，微服务

摘要： 1. 什么是 Spring Cloud Eureka 作用：服务注册：微服务启动时将自身信息（IP、端口、服务名等）注册到 Eureka Server。服务发现：客户端（包括网关或其他服务）可以从 Eureka Server 获取服务实例的地址，动态调用服务。核心组件： Eureka Serv 阅读全文

posted @ 2025-02-22 21:38 joken1310 阅读(286) 评论(0) 推荐(0)

react18 自动批处理更新，一次性更新多个修改的state的视图渲染

摘要：什么是自动批处理？自动批处理是 React 18 引入的一项性能优化特性。它指的是 React 会自动将多个状态更新（setState 调用）合并为一次重新渲染，而不是每次状态更新都单独触发一次渲染。这种优化减少了不必要的 DOM 操作，提升了应用的性能。关键点：批处理（Batching）：将阅读全文

posted @ 2025-02-22 21:10 joken1310 阅读(428) 评论(0) 推荐(0)

react18 性能优化方式

摘要： React 18 引入了许多新特性，为性能优化提供了更多可能性，同时保留了之前版本的优化手段。以下是 React 18 中常见的性能优化方式，涵盖新特性、现有工具以及最佳实践。我会详细讲解每种方法，并提供适用场景和示例代码。一、React 18 新特性带来的性能优化 1. 并发渲染（Concurr 阅读全文

posted @ 2025-02-22 21:05 joken1310 阅读(251) 评论(0) 推荐(0)

react Suspense lazy 延迟加载组件，按需加载组件

摘要：什么是 Suspense？ Suspense 是 React 中用于“暂停”渲染的工具，允许你在组件等待某些异步资源（比如动态加载的组件或数据）时，显示一个备用的 UI（称为 fallback）。React 18 增强了 Suspense 的功能，特别是对服务端渲染和并发渲染的支持。核心作用：处理阅读全文

posted @ 2025-02-22 20:59 joken1310 阅读(544) 评论(0) 推荐(0)

react18 useTransition 用于非紧急视图更新

摘要：什么是 useTransition？ useTransition 是一个 Hook，用于标记某些状态更新为“过渡”（Transition），告诉 React 这些更新不是紧急的，可以延迟执行。这样 React 可以优先处理高优先级的任务（比如用户输入），避免界面卡顿。返回值：一个数组 [isPen 阅读全文

posted @ 2025-02-22 20:56 joken1310 阅读(212) 评论(0) 推荐(0)

React 18 常见面试题及解答

摘要： React 18 常见面试题及解答 1. React 18 带来了哪些主要的新特性？回答： React 18 引入了几个重要特性：并发渲染（Concurrent Rendering）：通过时间切片（Time Slicing）和优先级调度，优化了渲染性能，用户交互更流畅。新的根 API（Root 阅读全文

posted @ 2025-02-22 20:53 joken1310 阅读(535) 评论(0) 推荐(0)

vue3 tsx组件中直接定义样式style写法

摘要：在 Vue 3 中使用 TSX（TypeScript + JSX）时，情况与 React 有所不同。Vue 3 的 TSX 支持允许你在组件中以 JSX 的方式编写模板，但其样式处理的机制与 React 的内联样式或 CSS-in-JS 有所区别。Vue 3 的 TSX 本身并没有像 React 那阅读全文

posted @ 2025-02-22 18:46 joken1310 阅读(1294) 评论(0) 推荐(0)

tsx中直接定义样式style写法

摘要：在 TSX（TypeScript + JSX）中，你可以直接在组件中定义样式，主要有以下几种方式。这些方式利用了 React 的特性，并结合 TypeScript 的类型系统来确保类型安全。以下是详细说明和示例： 1. 内联样式（使用 style 属性） React 支持通过 style 属性直接为阅读全文

posted @ 2025-02-22 18:44 joken1310 阅读(689) 评论(0) 推荐(0)

react 常用的ts类型

摘要：在 React 中使用 TypeScript 时，除了 React.FC（FunctionComponent）之外，还有许多常用的类型和接口可以帮助开发者更好地定义组件、事件、状态等。这些类型主要来自 @types/react 和 @types/react-dom 包。以下是 React 中常用的一阅读全文

posted @ 2025-02-22 18:41 joken1310 阅读(310) 评论(0) 推荐(0)

js 在某个条件下停止遍历的实现方式

摘要：在 JavaScript 中，为了在某个条件下停止循环遍历，有多种实现方式，每种方法适用于不同的场景。以下是总结的常见方法及其特点、用法和适用场景： 1. 使用 for 循环 + break 描述传统的 for 循环通过 break 语句在满足条件时立即跳出循环。示例 const arr = [ 阅读全文

posted @ 2025-02-22 18:37 joken1310 阅读(226) 评论(0) 推荐(0)

useImperativeHandle 能直接暴漏state给外部吗？

摘要：在 React 中，useImperativeHandle 的设计初衷并不是直接暴露原始数据（如 state 的值），而是用来定制通过 ref 暴露给外部的接口。通常情况下，它确实更常用于暴露函数（例如 getter 或 setter），但这并不意味着你不能通过它间接暴露数据。关键在于，useImp 阅读全文

posted @ 2025-02-22 18:32 joken1310 阅读(123) 评论(0) 推荐(0)

react18 组件如何暴露state给外部组件

摘要：在 React 18 中，如果你想将某个组件的 state 暴露给外部组件调用，通常可以通过以下几种方式实现。这种需求常见于父组件需要直接访问子组件的内部状态，或者子组件需要向外部提供某种可控的接口。以下是具体的实现方法：方法 1：通过 ref 和 useImperativeHandle Reac 阅读全文

posted @ 2025-02-22 18:30 joken1310 阅读(98) 评论(0) 推荐(0)

js 如何正确的判断是否数字

摘要：在 JavaScript 中，判断一个值是否是数字（包括 0）时，需要特别注意，因为像 isNaN() 或简单类型检查可能会因为类型转换或边界情况导致结果不准确。以下是几种正确判断包括 0 在内的数字的方法，以及它们的适用场景。方法 1：结合 typeof 和 isNaN 使用 typeof 检查阅读全文

posted @ 2025-02-22 18:27 joken1310 阅读(900) 评论(0) 推荐(0)

react vite项目中使用ant design ui

摘要：我将为你详细讲解如何在 Vite 项目中使用 Ant Design UI（简称 Antd），并结合 React 18 提供完整示例。Vite 是一个现代化的前端构建工具，相比 Create React App，它启动更快、支持按需加载更简单，非常适合搭配 Antd 开发高效的 React 应用。 1 阅读全文

posted @ 2025-02-22 18:22 joken1310 阅读(874) 评论(0) 推荐(0)

react 同层级比较算法总结

摘要：以下是 React 同层级比较算法（即 Diff 算法中“只比较同级”的部分）的简洁总结，涵盖其核心原理、规则和关键点： React 同层级比较算法总结定义 React 的 Diff 算法通过只比较同层级节点的方式，高效对比新旧虚拟 DOM（VDOM）树，找出变化部分并更新真实 DOM。这是 Fi 阅读全文

posted @ 2025-02-22 18:15 joken1310 阅读(69) 评论(0) 推荐(0)

react fiber架构的好处分析

摘要：我来通过具体示例和场景，讲解 Fiber 架构在 React 中的好处，帮助你直观理解它的优势。Fiber 架构是 React 16 引入并在 React 18 中进一步优化的核心机制，主要好处包括可中断渲染、优先级调度、支持并发特性和提升复杂应用的性能。以下是详细举例： 1. 可中断渲染：避免阻阅读全文

posted @ 2025-02-22 18:13 joken1310 阅读(134) 评论(0) 推荐(0)

joken-前端工程师