2025年4月3日

深入浅出useEffect

摘要: 1.在组件渲染后执行后运行,并且不会阻塞浏览器更新 UI。(异步) 2. 依赖数组控制执行时机 useEffect 接受两个参数: useEffect(() => { // 副作用逻辑 }, [dependency]); 无依赖数组([] 省略):每次组件渲染后都会执行。 空依赖数组([]):仅在组 阅读全文

posted @ 2025-04-03 14:43 sss大辉 阅读(20) 评论(0) 推荐(0)

深入浅出useState

摘要: 1.setState会将多个setState合并成一个,以最后一个优先; React 采用批量更新机制,setState 并不会立刻修改 state,而是等待下一次渲染时更新 当调用 setState 在当前执行上下文中是获取不到最新的 state, 只有在下一次组件 rerender 中才能获取到 阅读全文

posted @ 2025-04-03 10:27 sss大辉 阅读(14) 评论(0) 推荐(0)

2025年4月1日

font-size和line-height

摘要: font-size font-size其实代表的是字体的高度,如果不同的字体设置相同的font-size,字体高度会一样么 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" c 阅读全文

posted @ 2025-04-01 11:34 sss大辉 阅读(28) 评论(0) 推荐(0)

2025年3月14日

材质与光

摘要: 标准材质对光的反应会有四种,漫反射、高光反射、自发光、环境光 1.自发光 自发光的概念:使材质看起来像是自己发光 自发光有一个很明显的缺点,那就是“不真实的光照”。 自发光材质不会实际照亮周围的物体,只是看起来像在发光,且它的效果是静态的,不能像实际光源那样动态变化,这也意味着光照不会对它造成影响。 阅读全文

posted @ 2025-03-14 11:34 sss大辉 阅读(13) 评论(0) 推荐(0)

2025年3月13日

Mesh(网格)

摘要: 通过定义顶点和这些顶点之间的连接方式,形成一系列的三角面,进而构建出复杂的 3D 模型,我们就称之为 网格(Mesh) // segments 参数就用来表示球的分段数,即三角面片的数量,segments 越大,三角面片越多,球越像球 // diameter 直径 const sphere = BA 阅读全文

posted @ 2025-03-13 16:26 sss大辉 阅读(10) 评论(0) 推荐(0)

初识Babylon.js

摘要: 在 .html 文件中通过 script 标签引入,这里可以使用 Babylonjs 官方的 CDN 地址进行引入: <script src="https://cdn.babylonjs.com/babylon.js"></script> npm包引入Babylonjs npm install -- 阅读全文

posted @ 2025-03-13 15:40 sss大辉 阅读(70) 评论(0) 推荐(0)

2024年12月12日

keep-alive

摘要: keep-alive 是 Vue 的一个内置抽象组件,通常用于缓存动态组件或路由组件。 被 keep-alive 包裹的组件在切换时不会被销毁,而是会被缓存下来,下一次切换回这个组件时,会直接复用之前的实例,保持其状态。 keep-alive的几个配置属性和钩子: 1.include 和 exclu 阅读全文

posted @ 2024-12-12 14:56 sss大辉 阅读(219) 评论(0) 推荐(0)

2024年11月26日

electron 进程间通信

摘要: 预加载脚本 1.src-electron添加preload.js 2.将preload.js挂载到主进程中 // 创建浏览器窗口时,调用这个函数。 const createWindow = () => { const win = new BrowserWindow({ width: 1600, he 阅读全文

posted @ 2024-11-26 10:05 sss大辉 阅读(27) 评论(0) 推荐(0)

electron+ vue3基础模板

摘要: 1.创建一个vue3项目: npm create vite@latest electron-desktop-tool 2.在安装 electron之前需要先配置一下 安装源 在根目录下新建一个 .npmrc文件 strict-ssl=false registry=https://registry.n 阅读全文

posted @ 2024-11-26 09:45 sss大辉 阅读(351) 评论(0) 推荐(0)

2024年8月20日

Provide / Inject

摘要: 用于在组件树中传递数据的机制,它们允许祖先组件将数据注入到后代组件中,而不需要通过 props 层层传递。 当父组件通过 provide 提供一个响应式数据源时,任何使用 inject 注入该数据源的子组件都会自动接收到更新后的数据 TIPS :你如果传递普通的值 是不具有响应式的 需要通过ref 阅读全文

posted @ 2024-08-20 12:00 sss大辉 阅读(14) 评论(0) 推荐(0)

导航