Web前端如何实现录像功能?如何将canvas录制为视频?WebRTC有哪些功能? WebRTC功能相关的一些例子:https://webrtc.github.io/samples/ WebRTC相关的API:https://developer.mozilla.org/zh-CN/docs/Web/API/WebRTC_API MediaDevices.getUserMedia() 会提示用户给予使用媒体输入的许可,媒体输入会产生一个MediaStream,里面包含了请求的媒体类 JS笔记 友人a丶 11天前 75 热度 0评论
前端事件总线(Event Bus)是什么?前端事件总线的简单介绍 参考文章:https://www.pipipi.net/questions/13598.html 事件总线是对发布-订阅模式的一种实现,它是一种集中式事件处理机制,允许不同的组件之间进行彼此通信而又不需要相互依赖,达到一种解耦的目的。 发布订阅模式定义对象间一种一对多的依赖关系,使得每当一个对象改变状态,则所有依赖于它的对象都会得到通知并被自动更新。 发布订阅模式主要有两个角色: 发布方(Publ JS笔记 友人a丶 2023-02-02 107 热度 0评论
如何用JS实现网页上通过鼠标移动批量选择元素? 简单说就是类似电脑桌面,通过鼠标选择多个图标的那种效果。如下: 监测外部容器的mousedown、mousemove、mouseup事件来进行选择判断,大致dom结构如下: <div class="test"> <!--鼠标移动时显示的选择框--> <div class="move"></div> <!-- 待选项 --> <div JS笔记 友人a丶 2022-11-11 199 热度 0评论
Node Puppeteer 该如何使用?相关知识点总结 Puppeteer 是 Chrome 开发团队在 2017 年发布的一个 Node.js 包,用来模拟 Chrome 浏览器的运行。 中文文档:https://puppeteer.bootcss.com/ CDP 基于 WebSocket,利用 WebSocket 实现与浏览器内核的快速数据通道 CDP 分为多个域(DOM,Debugger,Network,Profiler,Console...) JS笔记 友人a丶 2022-10-05 189 热度 0评论
Stylelint该如何配置?Stylelint使用以及相关配置说明 官方网站:https://stylelint.io/ stylelin本体:https://www.npmjs.com/package/stylelint stylelint-config-standard 拓展配置:https://www.npmjs.com/package/stylelint-config-standard npm install --save-dev stylelint st JS笔记 友人a丶 2022-07-31 246 热度 0评论
Eslint该如何配置?Eslint使用以及相关配置说明 Eslint在过往接触过的很多开源项目内都有它的身影,习惯一个人写代码了,总觉得它可有可无,但是归根结底,好处还是很多的。 可强制规范团队编码规范,让新旧组员编码习惯得到一致提升 可灵活定制团队编码风格,让预设规则符合新旧组员心理预期 增加项目代码的可维护性和可接入性,让新组员能快速适应项目的架构与需求 保障项目整体质量,可减少无用代码、重复代码、错误代码和漏洞代码的产生几率 中文官网:https JS笔记 友人a丶 2022-07-30 202 热度 0评论
网页元素相交监测:Intersection Observer API 参考文档:https://developer.mozilla.org/zh-CN/docs/Web/API/Intersection_Observer_API Intersection Observer API 提供了一种异步检测目标元素与祖先元素或 viewport 相交情况变化的方法。 过去,要检测一个元素是否可见或者两个元素是否相交并不容易,很多解决办法不可靠或性能很差。然而,随着互联网的发 JS笔记 友人a丶 2022-07-27 135 热度 0评论
JS实用函数收集,持续记录 function getBase64(file) { return new Promise((resolve, reject) => { const reader = new FileReader(); reader.readAsDataURL(file); reader.onload = () => resolve(reader.result); reader.onerror = e JS笔记 友人a丶 2022-05-12 158 热度 0评论
Node.js 初入门?持续记录 教程:https://www.runoob.com/nodejs/nodejs-tutorial.html 使用E6语法引入模块,报错如上;依据报错提示,在package.json添加 "type": "module",然后再运行js文件,便不再报错。 qrcode-terminal:https://www.npmjs.com/package/qrcode-terminal 由于项目不同需求,需要 JS笔记 友人a丶 2022-05-12 163 热度 0评论
JS定时器清除之后,已经开始但是没有运行完的函数还会继续运行吗? 最近使用定时器的时候遇到这样一种情况,定时器清除了,功能仍然在跑(遍历数组,同步定时网络请求)。 排查了一下代码,发现逻辑确实没问题。后来一想,是不是函数没运行完,仍然在跑,于是上代码测试了一下: let timer = setInterval(async () => { console.log("开始") await new Promise((resolve) => { setTim JS笔记 友人a丶 2022-04-25 154 热度 0评论
前端Mockjs学习笔记,持续记录 相比于自己写一个模拟数据返回的后端接口,好像还是这个来的更加方便。 让前端攻城师独立于后端进行开发。不需要修改既有代码,就可以拦截 Ajax 请求,返回模拟的响应数据。支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。 基于对window的xhr对象的二次封装,增加了用于拦截的逻辑。 npm install mockjs Mock.setup({ timeout: 400 }) M JS笔记 友人a丶 2022-04-19 114 热度 0评论
WebRTC开发经验总结,持续记录 volume 音量约束 sampleRate: 采样率 sampleSize: 采样大小,采样的位数 echoCancellation: 回音消除 autoGaincontrol: 增加音量 noiseSuppression: 降噪 latency : 延迟大小 channelCount: 切换声道 deviceID: 多个音频输入输出设备的进行切换 groupId: 同一个物理设备,是一个分组, JS笔记 友人a丶 2022-03-02 164 热度 0评论