会员
周边
新闻
博问
闪存
众包
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
Simoon
博客园
首页
新随笔
联系
订阅
管理
上一页
1
···
7
8
9
10
11
12
13
14
15
···
37
下一页
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
阅读(465)
评论(0)
推荐(0)
2024年9月4日
audio元素与audio对象相关方法和配置项
摘要: <audio> 元素属性: src: 指定音频文件的来源。 controls: 显示音频播放器的默认控件,如播放、暂停、音量调节等。 autoplay: 自动播放音频文件,一旦页面加载完毕,音频就会开始播放。 loop: 音频播放完毕后自动重新播放。 muted: 默认静音播放音频。 preload
阅读全文
posted @ 2024-09-04 17:31 SimoonJia
阅读(356)
评论(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
阅读(64)
评论(0)
推荐(0)
创建可调整大小的 React 组件react-resizable
摘要: react-resizable 是一个用于创建可调整大小的 React 组件的库。 它为开发者提供了一种简单的方式来实现用户可以通过拖动边缘或角落来调整元素大小的功能。 这个库通常用于需要动态调整尺寸的用户界面组件,如面板、窗口、表格列等。 主要特点 轻量级:库非常小,只有核心的调整大小功能,没有复
阅读全文
posted @ 2024-09-04 09:50 SimoonJia
阅读(1641)
评论(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
阅读(539)
评论(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
阅读(607)
评论(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
阅读(264)
评论(0)
推荐(0)
EventSource与WebSocket的区别
摘要: EventSource 和 WebSocket 是两种不同的技术,用于在客户端(通常是浏览器)和服务器之间实现实时通信。 尽管它们都可以用于推送实时数据,但它们有着不同的特性和适用场景。以下是它们的主要区别: 1. 通信方式 EventSource (SSE - Server-Sent Events
阅读全文
posted @ 2024-08-29 16:09 SimoonJia
阅读(596)
评论(0)
推荐(0)
EventSource事件流(允许网页与服务器之间建立一个持久的连接,服务器可以通过这个连接向客户端推送更新)
摘要: EventSource 是 JavaScript 中用于处理服务器发送事件(Server-Sent Events, SSE)的接口。它允许网页与服务器之间建立一个持久的连接,服务器可以通过这个连接向客户端推送更新。 EventSource 通常用于需要实时更新数据的场景,比如实时通知、股票价格更新等
阅读全文
posted @ 2024-08-29 16:06 SimoonJia
阅读(1242)
评论(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
阅读(967)
评论(0)
推荐(0)
上一页
1
···
7
8
9
10
11
12
13
14
15
···
37
下一页
公告