随笔分类 - javascript
摘要：sceneRef.current.addEventListener('click', clickFunc, false); sceneRef.current.addEventListener('dblclick', dblclickFunc, false); sceneRef.current.add
阅读全文
摘要：1.编码与解码 encodeURIComponent 和 decodeURIComponent 是 JavaScript 中的两个内置函数，用于处理 URL 编码和解码。它们主要用于在 URL 中传递数据时，确保特殊字符不影响 URL 的结构。 1. encodeURIComponent 作用: 将
阅读全文
摘要：<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:
阅读全文
摘要：EventSource 和 WebSocket 是两种不同的技术，用于在客户端（通常是浏览器）和服务器之间实现实时通信。 尽管它们都可以用于推送实时数据，但它们有着不同的特性和适用场景。以下是它们的主要区别： 1. 通信方式 EventSource (SSE - Server-Sent Events
阅读全文
摘要：EventSource 是 JavaScript 中用于处理服务器发送事件（Server-Sent Events, SSE）的接口。它允许网页与服务器之间建立一个持久的连接，服务器可以通过这个连接向客户端推送更新。 EventSource 通常用于需要实时更新数据的场景，比如实时通知、股票价格更新等
阅读全文
摘要：window.speechSynthesis.speak(msg) 是用于在浏览器中调用 Web Speech API 的语音合成功能。这段代码会让浏览器读出 msg 对象中的文本。 // 创建一个新的 SpeechSynthesisUtterance 对象 var msg = new Speech
阅读全文
摘要：前插： document.body.prepend(element); 后插： document.body.appendChild(element);
阅读全文
摘要：在JavaScript中，clearCache通常指清除浏览器缓存。 浏览器会将一些数据（例如网页、图片、脚本等）存储在本地，以便在下次访问相同资源时能够更快地加载。 clearCache的作用是清除这些缓存数据，以便重新加载最新版本的资源。 这在开发过程中很有用，可以确保浏览器获取最新的代码和资源
阅读全文
摘要：// 创建一个立即执行的定时器 const timerId = setImmediate(() => { console.log('This will be executed immediately'); }); // 清除立即执行的定时器 clearImmediate(timerId);
阅读全文
摘要：定义监听方法 //监测孩子数量 const mutationObserver = new MutationObserver(mutations => { mutations.forEach(mutation => { if (mutation.type 'childList') { setChild
阅读全文
摘要：const formData = new FormData(); formData.append('file', file); 讲数据处理成file：file的表单数据格式 const handleUpload = async (file) => { const formData = new For
阅读全文
摘要：核心思路：dom渲染与key值有关系，如果想实现上述需求，则需要关注改变前后的循环项的key值是否发生改变 currentCabinet?.map((item, index) => <BaseInfo key={`currentCabinet${item?.ciId}`} sceneKey={sce
阅读全文
摘要：async/await获取请求结束时机，拿到结果（非promise类型的结果） const getModalData = useCallback(async () => { const result = await sendRequest(currentCabinet) setData(result
阅读全文
摘要：可以使用iframe引入外部网页 <iframe title="vimeo-player" src="https://player.vimeo.com/video/919942180?h=a56246711a" width="640" height="360" style={{ width: '10
阅读全文
摘要：如果你在Promise内部定义了异步操作，并希望避免Promise在创建时自动执行，你可以将这些异步操作封装在一个函数内，并在需要时调用该函数。 这样可以确保在适当的时机执行异步操作，而不是在Promise对象创建时或周期更新时（会重新定义变量）立即执行。 以下是一个示例，演示了如何在Promise
阅读全文
摘要：ES6如下描述： 字符串 静态字符串一律使用单引号或反引号，不使用双引号。动态字符串使用反引号。 // bad const a = "foobar"; const b = 'foo' + a + 'bar'; // acceptable const c = `foobar`; // good con
阅读全文
摘要：在let和const之间，建议优先使用const，尤其是在全局环境，不应该设置变量，只应设置常量：原因如下2） （1）let 取代 var ES6 提出了两个新的声明变量的命令：let和const。其中，let完全可以取代var，因为两者语义相同，而且let没有副作用。 在let和const之间，建
阅读全文
摘要：[] 中括号可以用来取对象 例如： obj[name]取的是obj对象中的name值 [pointData]取的是当前作用域内的pointData对象 例子： const pointHandelChange = (e) => { console.log(e.target); const { name
阅读全文
摘要：数组对象： 对于获取数组的最后一个元素，可能平常见得多的就是arr[arr.length - 1]，我们其实可以使用at()方法进行获取 接收一个整数值并返回该索引对应的元素： const arr = [5, 12, 8, 130, 44]; let index1 = 2; strt1 = `索引号
阅读全文
浙公网安备 33010602011771号