js - 随笔分类 - sqmw

JS bind & apply/call

摘要：### bind ``` let boundFunc = func.bind(context); ``` - 将func的context修改为传入的参数，返回一个新的func函数 ### call ``` func.call(context, arg1, arg2, ...) ``` ### app 阅读全文

posted @ 2023-06-10 18:55 sqmw 阅读(11) 评论(0) 推荐(0)

JS setInterval

摘要：### 用法 - 第一个参数是传入的函数 - 第二个参数是间隔的以毫秒为单位的时间 - 后面的是一系列的参数 - handler之外的参数直接不传 ``` setInterval((...args)=>{ args.forEach(val=>{ console.log(val) }) }, 100 阅读全文

posted @ 2023-06-10 18:20 sqmw 阅读(91) 评论(0) 推荐(0)

js 鼠标事件的位置x，y

摘要：1. clientX和clientY与x，y clientX和clientY与x，y一样的，都是客户当前显示的屏幕上（反之可能被卷去）可视区域坐标，指鼠标的坐标，以浏览器显示网页区域的左上角开始，x,y是新浏览器支持 2. offsetX，offsetY offsetX，offsetY 针对目标阅读全文

posted @ 2023-04-05 12:56 sqmw 阅读(133) 评论(0) 推荐(0)

js 修改当前的css

摘要：CSSStyleSheet.insertRule() CSSStyleSheet.insertRule(".red::before { color: lightgray;content:"测试" }",0) CSSStyleSheet.addRule() 已经移除废弃 stylesheet.dele 阅读全文

posted @ 2023-04-05 12:30 sqmw 阅读(17) 评论(0) 推荐(0)

js dom className classList

摘要：classList dom.classList.contains('black') // 删除 black dom.classList.remove('black') // 新增.red dom.classList.add('red') className let cName = elementNo 阅读全文

posted @ 2023-04-05 12:07 sqmw 阅读(20) 评论(0) 推荐(0)

js dom 类型判断

posted @ 2023-04-05 11:40 sqmw 阅读(52) 评论(0) 推荐(0)

js 获取上一个兄弟节点

摘要：previousSibling：获取元素的上一个兄弟节点；（既包含元素节点、文本节点、注释节点） previousElementSibling：获取上一个兄弟元素节点；（只包含元素节点） > 一般使用的都是这个阅读全文

posted @ 2023-04-05 00:33 sqmw 阅读(149) 评论(0) 推荐(0)

js 获取dom的绝对位置，相对于浏览器显示界面

摘要：// 获取左边 function getElementLeft(element){ var actualLeft = element.offsetLeft; var current = element.offsetParent; while (current !== null){ actualLef 阅读全文

posted @ 2023-04-03 19:06 sqmw 阅读(315) 评论(0) 推荐(0)

js mouse drag or click

摘要：onmousedown 鼠标按下触发事件 onmousemove 鼠标按下时持续触发事件 onmouseup 鼠标抬起触发事件 click点击事件=mouseup+mousedown drag拖拽=mousedown+mousemove+mouseup // 我们可以根据点击的位置、发生的事件或者时阅读全文

posted @ 2023-04-03 12:43 sqmw 阅读(24) 评论(0) 推荐(0)

js left top

摘要：left top 在javascript里面，不要定义变量为left、top，不然出错阅读全文

posted @ 2023-01-27 20:32 sqmw 阅读(26) 评论(0) 推荐(0)

奇怪的现象

摘要：为什么script标签是灰色的，有什么意图? 涉及到解释型语言的特点...具体想必... 阅读全文

posted @ 2023-01-25 22:52 sqmw 阅读(15) 评论(0) 推荐(0)

js 造事件

摘要：MDN 造 https://developer.mozilla.org/zh-CN/docs/Web/API/Document/createEvent MouseEvent: MDN https://developer.mozilla.org/zh-CN/docs/Web/API/MouseEven 阅读全文

posted @ 2023-01-25 22:34 sqmw 阅读(20) 评论(0) 推荐(0)

js window.requestAnimationFrame

摘要：https://stackoverflow.com/questions/17926327/why-requestanimationframe-recursion-wont-eat-up-ram function window.requestAnimationFrame() 告诉浏览器——你希望执行一阅读全文

posted @ 2023-01-25 18:28 sqmw 阅读(63) 评论(0) 推荐(0)

JS fetch body

摘要：`fetch可选参数有一个 responseType，默认为json` `err use` ``` const handleLogin = () => { fetch("http://localhost:5000/login", { method: "POST", body: JSON.string 阅读全文

posted @ 2023-01-23 21:05 sqmw 阅读(254) 评论(0) 推荐(0)

js mouse_go_canvas特效

摘要：只需要js代码就行，避免id重复 /** * id: mouse_go_canvas */ const fillColor = "#7400a1" const mouse_go_canvas = document.createElement("canvas") mouse_go_canvas.set 阅读全文

posted @ 2023-01-23 10:45 sqmw 阅读(36) 评论(0) 推荐(0)

js 粒子点击鼠标(particle)

摘要：直接贴js代码在script里面就行了 const particle_canvas = document.createElement("canvas"); particle_canvas.setAttribute("id","particle_canvas") particle_canvas.set 阅读全文

posted @ 2023-01-23 09:56 sqmw 阅读(126) 评论(0) 推荐(0)

js dom节点的属性不能访问

摘要：有些时候，我们会发现DOM节点的某个属性通过dom.XXX不能访问实际上，DOM也是一个对象，当我们通过控制台打印出来后，会发现这个属性并不在DOM节点上面，我们需要先setAttribute，之后访问就没有问题了 [video/img 的 src 或者是其他节点的某些属性，都是默认就有的，直接d 阅读全文

posted @ 2023-01-22 13:14 sqmw 阅读(50) 评论(0) 推荐(0)

js 操作视频帧

摘要：MDN https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Manipulating_video_using_canvas 实现原理：通过canvas将正在播放到的一定位置的video图像绘制到canvas上面，之后通过canva转阅读全文

posted @ 2023-01-22 12:53 sqmw 阅读(300) 评论(0) 推荐(0)

js 插入节点

摘要：append Element.append 方法在 Element的最后一个子节点之后插入一组 Node 对象或 DOMString 对象。被插入的 DOMString 对象等价为 Text 节点。与 Node.appendChild() 的差异： Element.append()允许追加 DOMS 阅读全文

posted @ 2023-01-21 14:04 sqmw 阅读(312) 评论(0) 推荐(0)

js functionSet

摘要：本文用来记录自己封装的js代码，防止二次重写阅读全文

posted @ 2023-01-11 19:38 sqmw 阅读(21) 评论(0) 推荐(0)

随笔分类 - js

公告