-
Java 为虚拟线程配置线程池（执行器）
作用 为虚拟线程配置线程池（应叫做：执行器）的作用：使用执行器去开启虚拟线程，并用执行器管理虚拟线程的生命周期。 本质 为虚拟线程创建的ExecutorService，本质是虚拟线程创建器和任务提交
-
Java 虚拟线程启动流程及调度器源码解析
启动虚拟线程方式 方式一 Thread.ofVirtual().start(() -> { }); 方式二 Runnable runnable = () -> {}; Thread.start
-
Java 虚拟线程是否为守护线程
结论 Java中的虚拟线程默认是守护线程，且不能被修改为非守护线程。 守护线程：当JVM退出时，JVM不会等守护线程执行完毕才退出，等所有非守护线程执行完毕后JVM就会退出。 源码 Thread的i
-
React 受控组件和非受控组件
受控组件 Controlled Component 受控组件使用useState，在value中指定useState中的值，并且在onChange中使用useState的set函数更新值。 注意：受
2025-12-18, Views: 47 , Topics: React
-
React 实现 Vue 中 v-if 指令
&& 使用逻辑与操作，当存在变量时执行之后的逻辑。 代码 当存在html变量时，再追加div元素。 export default function Page({html}: {html?: stri
2025-12-17, Views: 48 , Topics: React
-
React 实现 Vue 中 v-html 指令
dangerouslySetInnerHTML React默认将过滤所有包含可能的XSS脚本，将转义所有富文本内容。 使用React提供的dangerouslySetInnerHTML指令，可能绕过
2025-12-16, Views: 47 , Topics: React
-
React 中 onClick 接收函数与 HTML 和 Vue 中的区别
React 无参 直接传入函数本身。 <div onClick={doClick}>点击</div> 有参 需要使用() => {}封装一层。 <div onClick={() => doClic
-
React 组件中 return () 大括号、<> 尖括号、div 元素的区别
() 语法工具，用于换行时避免错误，不影响渲染结果。 export default function PostItem(post: Post) { return ( <div
2025-12-14, Views: 75 , Topics: React
-
React 使用 SVG 作为组件
需求 使用Vite创建的React工程中，使用SVG作为组件直接使用，而不是通过<img>标签的src属性加载。 安装插件 vite-plugin-svgr npm install vite-plu
-
React 使用 useRef 在点击事件中获取最新的变量值
场景 在表单中的input，绑定了useState的hook，但在提交时却获取不到最新的值。 原因 useState是异步更新的，提交事件（函数）在创建时已经渲染完成，所以取到的都是上一次的值。 解
2025-12-12, Views: 89 , Topics: React
-
React Vite React Router 设置 Context Path
vite.config.ts 设置base属性。 export default defineConfig({ plugins: [ react(), ], b
2025-12-11, Views: 104 , Topics: React Vite React Router
-
React CSS 内联样式
代码 export default function GlobalStyle() { return ( <style global jsx>{` ht
-
React 19 中 React.FC children 无法解构问题
原因 React 19中将不会再隐式包含children属性了。 为了能更加清晰的看到组件实际使用的参数，能所见即所得。 常规使用 export default function Component
2025-12-09, Views: 101 , Topics: React
-
React TypeScript 报 TS6133 错误的解决方法
点击事件 <button onClick={(e) => { console.log("111"); }} </button> TS6133 TS6133: e is de
2025-12-08, Views: 107 , Topics: React TypeScript
-
React Each child in a list should have a unique "key" prop
错误信息 Each child in a list should have a unique "key" prop. Check the render method of div. It was
2025-12-07, Views: 105 , Topics: React
-
Nginx 502 错误日志显示 SSL_do_handshake failed
详细日志 SSL_do_handshake() failed (SSL: error:14094410:SSL routines:ssl3_read_bytes:sslv3 alert hands
2025-12-06, Views: 119 , Topics: Nginx
-
JavaScript Array some 方法
引用类型 some判断是否满足条件，返回布尔类型 const arr = [ {amount: 39.9, name: "product c"}, {amount: 19.9, na
2025-12-05, Views: 120 , Topics: JavaScript
-
JavaScript Array sort 方法
正序 前者-后者 const arr = [ {amount: 39.9, name: "product c"}, {amount: 19.9, name: "product a"}
2025-12-02, Views: 121 , Topics: JavaScript
-
JavaScript Array reverse 方法
引用类型 const arr = [ {amount: 39.9, name: "product c"}, {amount: 19.9
2025-12-01, Views: 144 , Topics: JavaScript
-
JavaScript Array reduce 方法
计算总数 初始值为基础类型。 方法一 const arr = [ {amount: 19.9, name: "product a"}, {amount: 29.9, name: "p
2025-11-30, Views: 145 , Topics: JavaScript