Simoon

摘要： 超出自动换行： function drawWrappedText(ctx, text, x, y, maxWidth, lineHeight) { let words = text.split(' '); let line = ''; for (let i = 0; i < words.length 阅读全文

摘要： 1.编码与解码 encodeURIComponent 和 decodeURIComponent 是 JavaScript 中的两个内置函数，用于处理 URL 编码和解码。它们主要用于在 URL 中传递数据时，确保特殊字符不影响 URL 的结构。 1. encodeURIComponent 作用: 将 阅读全文

摘要： 注意：此处计算需要使用calc，less的减法是在编译阶段不满足此处需求 上下两张图高度为5px，位置紧贴上下边缘，中间背景图根据高度拉伸，并且增加模糊度 background: url('./images/top.png') no-repeat, /* 顶部图片 */ url('./images/ 阅读全文

摘要： <audio> 元素属性： src: 指定音频文件的来源。 controls: 显示音频播放器的默认控件，如播放、暂停、音量调节等。 autoplay: 自动播放音频文件，一旦页面加载完毕，音频就会开始播放。 loop: 音频播放完毕后自动重新播放。 muted: 默认静音播放音频。 preload 阅读全文

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

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

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

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

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

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