js

共找到 25 篇文章

25 篇文章
20 分钟阅读
37500 字数
js

why-is-node-running

why-is-node-running 为什么一个Node.js进程没有退出 🔗why-is-node-running (Github) 用于诊断为什么一个Node.js进程没有退出。当你运行一个N

node
阅读全文
1000 字
js

webgl笔记

webgl 笔记 🔗 img 概念 🔗图形装配过程 🔗将孤立的顶点坐标装配成几何图形。几何图形由gl.drawArrays()函数的第一个参数觉得 光栅化 🔗几何图形转

webgl
阅读全文
1000 字
js

SharedArrayBuffer is not defined

SharedArrayBuffer is not defined 如何解决 🔗SharedArrayBuffer 是一种 JavaScript 对象，用于在多线程环境中共享内存。然而，由于共享内存的特性，它可能导致安全漏洞。

js
阅读全文
300 字
js

expressjs 源码

expressjs 源码 🔗createApplication 🔗暴露应用逻辑 1 exports = module.exports = createApplication; express.js创建应用主体逻辑 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18

expressjs
阅读全文
1300 字
js

element input数字格式化

element input数字格式化 🔗 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 formatNumber: (value, decimals = 0, max) => { let v = String(value); let reg = new RegExp(`[^\\d${decimals > 0 ? "." : ""}]`, "g"); v = v .replace(reg, "") .replace(/^0+(\d)/, "$1") // 第一位0

阅读全文
200 字
js

three 拼接货架

three 拼接货架 🔗 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64

three demo
阅读全文
500 字
js

WebAudio笔记

WebAudio 笔记 🔗MediaElementAudioSourceNode 🔗用于传入媒体元素，可以通过代码调整媒体元素播放的参数，和audioCtx.c

webaudio
阅读全文
600 字
js

URI malformed

url传参出现Uncaught URIError: URI malformed 🔗url加密传参有时候会出现Uncaught URIError: URI malformed的错误，这是因为你的url中包含了“%

decodeURIComponent
阅读全文
300 字
js

前端memo的实现

前端memo的实现 🔗memo是react中的缓存实现 当memo中有一个依赖发生更新时，就会调用回调函数 memo这里用一个闭包进行实现 主函数体

memo
阅读全文
300 字
js

microbundle 源码

microbundle 源码 🔗microbundle 是一个零配置的js打包器，基于rollup进行的开发 不需要任何配置文件就可以打包出常用的commonjs, umd, e

microbundle rollup
阅读全文
600 字
js

请求中获取浏览器推荐语言

请求中获取浏览器推荐语言 🔗 1 2 3 4 5 6 7 8 9 10 11 12 let languages: string[] | undefined // get locale from cookie const localeCookie = request.cookies.get('locale') languages = localeCookie?.value ? [localeCookie.value] : [] if (!languages.length) { // Negotiator expects plain object so we need to transform headers const negotiatorHeaders: Record<string, string> = {} request.headers.forEach((value, key) => (negotiatorHeaders[key]

js events
阅读全文
100 字
js

EventSource

Eventsource单向服务端推送 🔗单向服务端推送 服务端部分 🔗服务端需要设置返回头 1 "Content-Type": "text/event-stream" 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

eventsource 服务端推送
阅读全文
300 字
js

简易的事件监听EventBus

简易的事件监听 🔗 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 const createEvent = () => ({ events: {} as any, on(eventName: string, callback: Function) { this.events[eventName]?.push(callback) || (this.events[eventName] = [callback]); return () => { this.events[eventName] = this.events[eventName].filter( (e: any) => e !== callback ); }; }, emit(eventName: string, ...args: any[]) { const callbacks = this.events[eventName];

js events
阅读全文
100 字
js

mousedown event中保持input的focus状态

mousedown event中保持input的focus状态 🔗一定要使用e.preventDefault去除默认失去焦点行为 1 2 3 <input> <button>CLICK</button> <button>MOUSEUP</button> <button>MOUSEDOWN</button> <button>MOUSEDOWN 2</button> 1 2 3 4 5 6 7

js
阅读全文
200 字
js

对比2个版本号的方法

对比2个版本号的方法 🔗semver 🔗使用第三方库semver 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 $ npm install semver var semver = require('semver'); semver.diff('3.4.5', '4.3.7') //'major' semver.diff('3.4.5', '3.3.7') //'minor' semver.gte('3.4.8', '3.4.7') //true semver.ltr('3.4.8', '3.4.7') //false semver.valid('1.2.3')

semver 版本号
阅读全文
400 字
js

常用工具函数整理

常用工具函数整理 🔗是否是iE11 🔗 1 2 // 判断是否是iE11 const isIE11 = typeof navigator !== 'undefined' && navigator.userAgent.indexOf('Trident') !== -1; 浏览器类型 🔗 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

工具函数
阅读全文
600 字
js

比较两个数组的不同项

比较两个数组的不同项 🔗如何比较两个数组的不同项，并且取出组成一个新的数组 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 function diffArray(one, two) { if

js
阅读全文
200 字
js

esbuild api整理

esbuild 🔗基础api 🔗 option 类型 默认值 说明 bundle boolean false 把从入口开始的文件打包成一个bundle，设为true时，会把文件引用的其他文件也打包进来，默认为fa

esbuild vite
阅读全文
1600 字
js

Zero Width Characters

零宽字符 🔗所谓零宽字符，就是不可见的「非打印」字符，通过视觉无法看出字符串中是否有零宽字符，但是通过代码遍历，是可以获取到该字符的。 零宽字符

零宽字符
阅读全文
400 字
js

HTML -- Element元素滚动

判断元素是否可以滚动 🔗通过设置元素的scrollTop后再查看是否变化 🔗 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 function eleCanScroll(ele) { if (!ele instanceof HTMLElement) { console.log("fuck off"); return; } if (ele.scrollTop > 0) { return

元素滚动
阅读全文
300 字
js

事件总线EventBus

日常我们在vue开发的时候使用公共事件总线进行跨组建数据传递，这里我们自己封装一个事件总线，了解其背后的原理 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

js events
阅读全文
200 字