SimoonJia - 博客园

2024年8月29日

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

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

posted @ 2024-08-29 16:06 SimoonJia 阅读(1351) 评论(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 阅读(1102) 评论(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 阅读(40) 评论(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 阅读(496) 评论(0) 推荐(0)

2024年8月14日

向一个dom内插入孩子节点（前插、后插）

摘要：前插： document.body.prepend(element); 后插： document.body.appendChild(element); 阅读全文

posted @ 2024-08-14 23:43 SimoonJia 阅读(65) 评论(0) 推荐(0)

lodash防抖函数使用

摘要：定义防抖函数： const getRoomlistInDebounce = _.debounce(() => { getRoomListFun(data.current) }, 300) 调用 const searchOnChange = (e) => { console.log(e?.target 阅读全文

posted @ 2024-08-14 11:45 SimoonJia 阅读(301) 评论(0) 推荐(0)

2024年8月5日

js代码清楚浏览器资源clearCache

摘要：在JavaScript中，clearCache通常指清除浏览器缓存。浏览器会将一些数据（例如网页、图片、脚本等）存储在本地，以便在下次访问相同资源时能够更快地加载。 clearCache的作用是清除这些缓存数据，以便重新加载最新版本的资源。这在开发过程中很有用，可以确保浏览器获取最新的代码和资源阅读全文

posted @ 2024-08-05 18:00 SimoonJia 阅读(695) 评论(0) 推荐(0)

js立即执行函数：setImmediate/clearImmediate

摘要： // 创建一个立即执行的定时器 const timerId = setImmediate(() => { console.log('This will be executed immediately'); }); // 清除立即执行的定时器 clearImmediate(timerId); 阅读全文

posted @ 2024-08-05 17:57 SimoonJia 阅读(104) 评论(0) 推荐(0)

three模型抗锯齿问题

摘要： // 解决锯齿问题 effectFXAA = new ShaderPass(FXAAShader); effectFXAA.uniforms['resolution'].value.set(1 / container.value.offsetWidth, 1 / container.value.of 阅读全文

posted @ 2024-08-05 11:42 SimoonJia 阅读(85) 评论(0) 推荐(0)

canvas调整基点（中心点：x、y坐标所针对的点位）

摘要：在canvas中，可以使用textAlign和textBaseline属性来调整文字的基准点 textAlign属性：用于设置文字的水平对齐方式。 start（默认，基准点在文字左端） end（基准点在文字右端） center（基准点在文字中心） left（基准点在文字左端） right（基准点在文阅读全文

posted @ 2024-08-05 10:40 SimoonJia 阅读(284) 评论(0) 推荐(0)

Simoon

公告