mdn 第9页

记录--关于前端的音频可视化-Web Audio

参考资料地址：WebAudioAPI-WebAPI接口参考|MDN(mozilla.org)实现思路首先画肯定是用canvas去

林恒smileZAZ·2023-07-25 11:01

想学前端，JavaScript基础不好，学习又无从下手，山地人用权威的MDN手把手带你夯实JS基础

前端新人，常常遇到这样的情景我是一个前端新人，但是对于灵活的JavaScript这门动态脚本语言还没有头绪。又找不到老师傅带自己。发誓一定要学好JavaScript于是犀牛书，权威指南各种权威的JavaScript书籍，能买的都买了回来，发誓不练成大牛誓不罢休，有木有。然后开启了学习模式，可是刚啃了5页，就被书里的各种枯燥的概念，各种知识点搞得晕头转向，有木有。自己好不容易燃烧起来的一点点学习的小

山地人·2023-07-25 00:22

Vue2/Vue3中在css中使用js的变量（scss也适用）

关于css变量的介绍可以查看MDN，关于兼容性问题可以查看CanIuseVue2用法在以前的Vue2中，我们通常使用计算属性反映data中的变量到css中：测试文本exportdefault{data(

小小1992·2023-07-24 11:42

amr文件播放前端实现

Elliott_077d·2023-07-24 10:38

JavaScript运算符优先顺序

●我们可以通过MDN去查看运算符的优先级●可以看到运算符是从左到右还是从右到左进行运算的；letx,y;x=y=25-10-5;console.log(x,y);上面的运算会现实1010，为什么会得到这样的结果呢

网络点点滴·2023-07-24 05:13

js获取audio进度调播放状态播放时间，详细

在html中书写的audio音乐其中：src是音频的路径，type是音频格式，controls播放控件，ontimeupdate：是进度更新事件；MDN->audio属性src歌曲的路径preload是否在页面加载后立即加载

琼花霰·2023-07-23 05:14

vue2项目与?.可选链不适配问题？

-JavaScript|MDN】描述：我接触的项目是使用vue2编写的，vue2并不支持ES2020，它是基于ES2015（也就是ES6）标准构建的，所以会出现不识别可选链的类似报错问题，但是，开发者可以使用

超级无敌小小小白·2023-07-22 17:19

JavaScript —— Symbol数据类型的延伸之（const关键字）

----《摘自MDN》敲黑板：唯一的、标识符这句话值得我们细细咀嚼，我们由上面这句话来展开思考

vk阿木·2023-07-22 15:44

JavaScript —— Symbol数据类型的延伸之（enum枚举）

----《摘自MDN》敲黑板：唯一的、标识符这句话值得我们细细咀嚼，我们由上面这句话来展开思考。说到唯一性，我们可以联想到的数据类型有什么？

vk阿木·2023-07-22 15:44

Clip-Path

前言借助clip-path,我们可以实现一些复杂的animation动画效果,我们先来简单概述一下它的特性,如MDN所描述的。

hellopari·2023-07-21 14:37

详细分析CSS伪类:only-of-type

发现only-of-type这个伪类与使用子代选择器也差不多，好奇去MDN上看了一下定义：:only-of-typeCSS伪类代表了任意一个元素，这个元素没有其他相同类型的兄弟元素。

Leviash·2023-07-21 11:42

前端数据可视化技术

SVG教程image.png以下是MDN上的一个例子：SVG绘制了一个矩形（rect标签）、圆圈（circle标签）和文字（text标签）。

涅槃快乐是金·2023-07-21 09:57

MDN web docs——Performance API(翻译)

Webtechnologyfordevelopers>WebAPIs>PerformanceAPI高精度时间（HighResolutionTime）标准定义了一个Performance接口，来测量应用(application)内的客户端时延(latency)。Performance接口是高精度的，它可以精确到微秒（受硬件和软件限制）。Performance接口提供很多用例，如计算帧率（在动画中可能

维仔_411d·2023-07-19 07:40

label的机制-如何跳出双重循环

我们先看一下MDN对于label语法的说明及使用方法：MDN使用说明我们来测试一下：vararrObj=[[0,1,2],[3,

代艳霞·2023-07-18 00:14

从官网文档，看window.onload，document.onDOMContentLoaded和jQuery的$(document).ready有什么区别？

onload和DOMContentLoaded根据MDN的定义，就一句话：onload是整个页面各种资源（如图片样式等）全部加载完；而DOMContentLoaded在基本的HTML文档被加载解析完，就执行

偏左的右·2023-07-17 22:33

宏任务，微任务，JS事件循环

参考事件循环-MDN事件循环-知乎文章JavaScript执行上下

bzwhlll·2023-07-17 09:26

【前端可视化】Canvas 下载图片添加背景色因为缩放导致比例不同问题

感觉一个小下载，需要注意的事项还是挺多的，记录下，希望能帮助到其他人，里面的一些API请参考MDN文档。下面的参考代码，自己根据自己实际项目需要来修改就行。

努力挣钱的小鑫·2023-07-17 01:42

JS中addEventListener的使用

使用addEventListener绑定事件：MDN中addEventListener()说明使用removeEventListener可以解绑事件：MDN中removeEventListener()说明

SwJieJie·2023-07-15 16:34

怎么理解Web性能，以及如何优化Web性能

在MDN上对Web性能的定义是网站或应用程序的客观度量和可感知的用户体验。

小草莓蹦蹦跳·2023-07-15 08:58

JavaWeb（2）——HTML、CSS、JS 快速入门

一、JavaScript快速入门JavaScript|MDN(mozilla.org)一个完整的JavaScript实现由3个不同部分组成：核心（ECMAScript）、文档对象模型（DOM）和浏览器对象模型

白白白鲤鱼·2023-07-14 23:07

深入剖析 JavaScript 数组和字符串的各种操作技巧

参考文献：MDN官网如何利用splice（）和slice（）方法操作数组js数组高阶函数——filter()方法js数组高阶函数——

小猫娃来啦·2023-07-14 16:48

h5实现相机

前期知识准备-#MediaDevices.getUserMedia()MediaDevices.getUserMedia()-WebAPI接口参考|MDN在mdn中介绍了，这个api会调

哆来A梦没有口袋·2023-07-14 08:11

Langchain的新课程；Mozilla开发的AI文档工具遭到开发者批评

针对这些问题，MDN的一位主要志愿者开发人员承诺将解决这些问题。查询显示当前"AIHelp"按钮已经下线。MDNWeb文档项目致力于为开发者提供可靠的信息，帮助他们在web平台上轻松构

go2coding·2023-07-14 02:59

全面认识JavaScript的RegExp对象

属性和方法整理#####正则表达式从上学时候就感觉跟一个噩梦似得，怎么都看不懂，工作后也有几次想好好看看正则，不知是时间还是自身技能层次的限制都没能搞明白如何写一个正则表达式，直到今天，再次一行一行阅读了MDN

·2023-06-24 11:54

谈谈：File、Blob、FileReader、ArrayBuffer、base64

MDN中的解释：Blob对象表示一个不可变、原始数据的类文件对象。它的

成序猿@·2023-06-23 15:32

浅谈WebAPI之IntersectionObserver

先看下MDN中的介绍：IntersectionObserver接口提供了一种异步观察目标元素与祖先元素或顶级文档viewport的交集中的变化的方法。

Va_·2023-06-23 12:38

V8如何进行垃圾回收的

1.前言js垃圾回收机制MDN垃圾回收机制这是原文,支持原创,可以直接点进进去忽略掉本文的自己还在搬运一遍的目的就是为了熟悉,也为了以后自己查看,保存链接的,说不定TA人的链接啥时候不能用了2.是什么what

云高风轻·2023-06-21 20:15

子元素margin-top导致父元素移动的问题

问题分析在MDN上面有这么一段文字：块的上外边距(margin-top)和下外边距(margin-bottom)有时合并(折叠)为单个边距，其大小为单个边距的最大值，这种行

Daotin·2023-06-21 14:53

PGSQL查看与停止任务，查找涉及到表的存储过程

本笔记仅供在PGSQL数据库下使用查询当前活动的任务（此处的mdn指的是数据库名）SELECTT.PID,T.STATE,T.QUERY,T.WAIT_EVENT_TYPE,T.WAIT_EVENT,T.QUERY_STARTFROMPG_STAT_ACTIVITYTWHERET.DATNAME

小黄debug·2023-06-20 20:33

关于JS数组常用操作的总结

主要参考廖雪峰老师和MDN文档~arry.push()把一个元素增加到数组的末尾，返回值为新数组的长度arry.length，示例：letarry=[2,9,5]letreturnValue=arry.push

苏敏·2023-06-19 17:50

被遗忘的setTimeout的第三个参数

然后我就在mdn上查

努力与幸运·2023-06-19 10:19

[阅读MDN]之Array.prototype.toString的过程探究

一、数组toString方法的执行过程 Array原型对象上的toString方法与Object.prototype上的toString方法不同，它进行了重写。Array.prototype.toString会先查看执行时上下文（this）及其原型链上是否具有join方法。若join方法存在则会在内部执行join方法，类似this.join(',')。若join方法不存在则会调用Object.pr

Donp1·2023-06-18 19:49

零碎知识点

1.对数组方法的掌握，对前端挺重要的平时多积累总结，去MDN多查查多总结对数据的处理方法，毕竟前端是维护数据的。

彩虹桥下的小淅猪·2023-06-18 12:59

2021-04-14 --- 由promise.finally()引发的babel知识点

去MDN查看promise.finally的定义和支持情况，发现是ES7中引入，对chrome浏览器的支持度是83以上。到此问题已经定位，但

jeff_nz·2023-06-18 01:50

ES6新增的数据类型

复杂）我们再来看一看es6之前有哪些数据类型，基本类型：stringnullundefinednumberboolean复杂类型：object由于新出的类型在平常工作中基本用不到，所以具体介绍还是直接看MDN

littleyu·2023-06-17 22:52

css 小技巧：属性选择器的妙用 data-*

MDN是这样说的：data-*全局属性是一类被称为自定义数据属性的属性，它赋予我们在所有HTML元素上嵌入自定义数据属性的能力。

代码搬运媛·2023-06-17 20:43

MDN - 字符串API笔记

传送门String.prototype.charAt(index)从一个字符串中返回指定的字符。index一个介于0和字符串长度减1之间的整数。默认值为0index从0开始空格是占一个位置的获取一个超出字符串长度的位置，则返回空格不报错varanyString="Bravenewworld";console.log(anyString.charAt(0));//B//区别：通过字符串下标获取con

усил·2023-06-17 12:42

position: sticky; 粘性布局

具体说明可查看MDN-position如下图：要求滑动时固定第一行，第一列样例.png滑动后.pngposition:sticky;/*实现粘性布局*/top:100px;/*固定的位置为距离顶部100px

兜兜转转的小菊·2023-06-17 04:38

跨域与JSONP

MDN官方给定的概念：同源策略限制了从同一个加载的文档或脚本如何与来自另一个源的资源进行交互

Ax3_28·2023-06-16 22:19

MSE播放fragmented mp4 问题记录

firfox能播放,chrome不能播放原因：两边要求的fragmentedmp4的格式要求不一样,参照TranscodingassetsforMediaSourceExtensions-WebAPIs|MDN

MorrisMao·2023-06-16 20:12

JS中, Set为什么是带键的集合?

起因为了降低并发时的API请求量,这两天写了个LRUCache.其中用到了Set做AllowList,来判断API是否应该被缓存.在MDN查API时,发现Set被归类在KeyedCollection中.

·2023-06-15 11:05

HTML的简介

MDN的简介MDNWebDocs（旧称MozillaDeveloperNetwork、MozillaDeveloperCenter，简称MDN）是一个汇集众

日光倾城_57d6·2023-06-14 20:42

Go WebAssembly 介绍

1.WebAssembly是什么以下是Mozilla在MDN上给出的定义：WebAssembly（缩写：Wasm）是一种新的编码方式，可以在现代的网络浏览器中运行－它是一种低级的类汇编语言，具有紧凑的二进制格式

Hello.Reader·2023-06-14 14:10

【Socket】express里使用Socket.io | socket广播

://socket.io/zh-CNnpm-https://www.npmjs.com/package/socket.iosocket.iovswebsocketwebsocket是HTML的一个标准MDN

视觉CG·2023-06-13 21:58

sessionStorage 多 Tab 标签页数据“共享”

下面看下sessionStorage的官方MDN介绍：页面会话在浏览器打开期间一直保持，并且重新加载或恢复页面仍会保持原来的

·2023-06-12 11:12

让input元素输入的文字距离左边框一定距离（css属性：text-indent）

在MDN官网中，text-indent属性是这么解释的：text-indent属性能定义一个块元素首行文本内容之前的缩进量。

Gavi曦·2023-06-12 09:04

前端面试题：Array.map(parseInt) array.map搭配parseInt 出现的奇怪输出 [1,2,3].map(parseInt)

letresult=arr.map(parseInt);console.log(result);//expected:[1,NaN,NaN]解析：首先看parseInt这个函数：参考：parseInt函数详细信息来自MDN

擦拉嘿·2023-06-12 02:05

【跨域】如何解决跨域问题

同源策略同源相同协议+相同域名+相同端口内容浏览器的同源策略-Web安全|MDN(mozilla.org)浏览器页面向不同源的服务器发送ajax请求资源时，响应的数据会被浏览器拦截意义出于安全性的考虑，

橙子1111·2023-06-12 00:10

前端换肤，聊一聊主题切换那些事

这次案例用的是白天和夜间模式的切换，在做换肤之前，得先知道一件事情：css的变量定义，对变量定义不熟悉的同学请看MDN文档：自定义属性（–*）：CSS变量主题切换也就是样式的切换，白天和黑夜的模式切换需要准备两套样式

DCodes·2023-06-11 22:55

严格模式和非严格模式区别

上文引用了MDN对严格模式的描述1.变量必须声明才能使用

weixin_33797791·2023-06-11 10:00

推荐频道

mdn