会员
周边
新闻
博问
闪存
众包
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
Simoon
博客园
首页
新随笔
联系
订阅
管理
上一页
1
···
5
6
7
8
9
10
11
12
13
···
35
下一页
2024年11月1日
css渐变背景的顶级用法:linear-gradient()
摘要: background-image:linear-gradient(110deg, rgb(1, 228, 161) 49%, rgb(0, 0, 0) 2% 51%, rgb(226, 237, 251) 49%); linear-gradient详解: 简单实例:从头部开始的线性渐变,从红色开始,
阅读全文
posted @ 2024-11-01 10:30 SimoonJia
阅读(696)
评论(0)
推荐(0)
2024年10月29日
通过鼠标事件获取鼠标位置在3d中的坐标mouse/Raycaster
摘要: 监听事件 ThreeDom.current.addEventListener('mousemove', mousemoveFunc, false); 监听方法 const mousemoveFunc = (event) => { event.preventDefault(); // 计算鼠标在屏幕上
阅读全文
posted @ 2024-10-29 18:40 SimoonJia
阅读(72)
评论(0)
推荐(0)
浏览器鼠标事件
摘要: sceneRef.current.addEventListener('click', clickFunc, false); sceneRef.current.addEventListener('dblclick', dblclickFunc, false); sceneRef.current.add
阅读全文
posted @ 2024-10-29 18:27 SimoonJia
阅读(22)
评论(0)
推荐(0)
2024年10月25日
canvas文字超出自动换行,并计算canvas高度(使用measureText)
摘要: 超出自动换行: function drawWrappedText(ctx, text, x, y, maxWidth, lineHeight) { let words = text.split(' '); let line = ''; for (let i = 0; i < words.length
阅读全文
posted @ 2024-10-25 15:19 SimoonJia
阅读(386)
评论(0)
推荐(0)
2024年10月14日
URL 编码和解码|多重编码:encodeURIComponent/decodeURIComponent
摘要: 1.编码与解码 encodeURIComponent 和 decodeURIComponent 是 JavaScript 中的两个内置函数,用于处理 URL 编码和解码。它们主要用于在 URL 中传递数据时,确保特殊字符不影响 URL 的结构。 1. encodeURIComponent 作用: 将
阅读全文
posted @ 2024-10-14 11:43 SimoonJia
阅读(10716)
评论(0)
推荐(1)
2024年9月23日
css使用上中下三种图设置背景图,上下两张高度位置固定,中间拉伸(background-size、background-position、backdrop-filter)
摘要: 注意:此处计算需要使用calc,less的减法是在编译阶段不满足此处需求 上下两张图高度为5px,位置紧贴上下边缘,中间背景图根据高度拉伸,并且增加模糊度 background: url('./images/top.png') no-repeat, /* 顶部图片 */ url('./images/
阅读全文
posted @ 2024-09-23 15:21 SimoonJia
阅读(432)
评论(0)
推荐(0)
2024年9月4日
audio元素与audio对象相关方法和配置项
摘要: <audio> 元素属性: src: 指定音频文件的来源。 controls: 显示音频播放器的默认控件,如播放、暂停、音量调节等。 autoplay: 自动播放音频文件,一旦页面加载完毕,音频就会开始播放。 loop: 音频播放完毕后自动重新播放。 muted: 默认静音播放音频。 preload
阅读全文
posted @ 2024-09-04 17:31 SimoonJia
阅读(331)
评论(0)
推荐(0)
promise实现一个动态删减并持续执行的队列
摘要: 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
阅读(53)
评论(0)
推荐(0)
创建可调整大小的 React 组件react-resizable
摘要: react-resizable 是一个用于创建可调整大小的 React 组件的库。 它为开发者提供了一种简单的方式来实现用户可以通过拖动边缘或角落来调整元素大小的功能。 这个库通常用于需要动态调整尺寸的用户界面组件,如面板、窗口、表格列等。 主要特点 轻量级:库非常小,只有核心的调整大小功能,没有复
阅读全文
posted @ 2024-09-04 09:50 SimoonJia
阅读(1530)
评论(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
阅读(484)
评论(0)
推荐(0)
上一页
1
···
5
6
7
8
9
10
11
12
13
···
35
下一页
公告