SimoonJia - 博客园

2024年9月4日

摘要： promiseQueue.js： /* * @Author: Simoon.jia * @Date: 2024-09-04 16:00:24 * @LastEditors: Simoon.jia * @LastEditTime: 2024-09-04 16:55:48 * @Description: 阅读全文

posted @ 2024-09-04 17:01 SimoonJia 阅读(19) 评论(0) 推荐(0) 编辑

创建可调整大小的 React 组件react-resizable

摘要： react-resizable 是一个用于创建可调整大小的 React 组件的库。它为开发者提供了一种简单的方式来实现用户可以通过拖动边缘或角落来调整元素大小的功能。这个库通常用于需要动态调整尺寸的用户界面组件，如面板、窗口、表格列等。主要特点轻量级：库非常小，只有核心的调整大小功能，没有复阅读全文

posted @ 2024-09-04 09:50 SimoonJia 阅读(611) 评论(0) 推荐(0) 编辑

2024年9月2日

antd表格布局labelCol、wrapperCol

摘要：行宽为24，可以使用Row和Col来改变布局 const formItemLayout = { labelCol: { span: 3 }, // 控制 label 宽度 wrapperCol: { span: 8 }, // 控制 input 宽度 }; <Form labelAlign="lef 阅读全文

posted @ 2024-09-02 11:53 SimoonJia 阅读(223) 评论(0) 推荐(0) 编辑

2024年8月29日

three动画循环animate使用setAnimationLoop还是requestAnimationFrame

摘要：初始化render时调用setAnimationLoop Three.renderer = new THREE.WebGLRenderer({ antialias: true }); Three.renderer.setSize(window.innerWidth, window.innerHeig 阅读全文

posted @ 2024-08-29 17:39 SimoonJia 阅读(286) 评论(0) 推荐(1) 编辑

three动画循环animate使用setAnimationLoop代替requestAnimationFrame

摘要：初始化render时调用setAnimationLoop Three.renderer = new THREE.WebGLRenderer({ antialias: true }); Three.renderer.setSize(window.innerWidth, window.innerHeig 阅读全文

posted @ 2024-08-29 17:38 SimoonJia 阅读(110) 评论(0) 推荐(0) 编辑

EventSource与WebSocket的区别

摘要： EventSource 和 WebSocket 是两种不同的技术，用于在客户端（通常是浏览器）和服务器之间实现实时通信。尽管它们都可以用于推送实时数据，但它们有着不同的特性和适用场景。以下是它们的主要区别： 1. 通信方式 EventSource (SSE - Server-Sent Events 阅读全文

posted @ 2024-08-29 16:09 SimoonJia 阅读(307) 评论(0) 推荐(0) 编辑

EventSource事件流（允许网页与服务器之间建立一个持久的连接，服务器可以通过这个连接向客户端推送更新）

摘要： EventSource 是 JavaScript 中用于处理服务器发送事件（Server-Sent Events, SSE）的接口。它允许网页与服务器之间建立一个持久的连接，服务器可以通过这个连接向客户端推送更新。 EventSource 通常用于需要实时更新数据的场景，比如实时通知、股票价格更新等阅读全文

posted @ 2024-08-29 16:06 SimoonJia 阅读(626) 评论(0) 推荐(0) 编辑

浏览器读出文本window.speechSynthesis.speak(msg)

摘要： window.speechSynthesis.speak(msg) 是用于在浏览器中调用 Web Speech API 的语音合成功能。这段代码会让浏览器读出 msg 对象中的文本。 // 创建一个新的 SpeechSynthesisUtterance 对象 var msg = new Speech 阅读全文

posted @ 2024-08-29 15:47 SimoonJia 阅读(388) 评论(0) 推荐(0) 编辑

2024年8月19日

mobx模版（增删改查）

摘要： /* * @Author: Simoon.jia * @Date: 2024-04-09 11:06:16 * @LastEditors: Simoon.jia * @LastEditTime: 2024-07-22 16:59:57 * @Description: 描述 */ import { o 阅读全文

posted @ 2024-08-19 17:23 SimoonJia 阅读(6) 评论(0) 推荐(0) 编辑

2024年8月16日

react拖拽库react-draggable

摘要： git：https://github.com/react-grid-layout/react-draggable npm:https://www.npmjs.com/package/react-draggable#react-draggable 安装： npm install react-dragg 阅读全文

posted @ 2024-08-16 10:42 SimoonJia 阅读(191) 评论(0) 推荐(0) 编辑

Simoon

公告

搜索

常用链接

我的标签

随笔分类 (299)

随笔档案 (284)

阅读排行榜

最新评论