使用FormData传输图片到后端，查MDN发现FormData.append()对第二个参数类型有限制。formData.png因此决定把base64转为Blob。

（MDN）SpeechSynthesis是window上面的属性，可以直接调用。属性：下面的都是只读属性paused：是否处于暂停状态

CSS：层叠样式表|MDNCustomproperties(–*):CSSvariables-CSS:CascadingStyleSheets|MDNCSSHoudini-Developerguides|MDN

replace用法转自MDN：https://developer.mozilla.org/zhCN/docs/Web/JavaScript/Reference/Global_Objects/String

什么是BFC(概念)W3C上对BFC的定义：MDN上对BFC的定义：简而言之开启了BFC能解决什么问题元素开启BFC后，其子元素不会再产生margin塌陷问题元素开启BFC后，自己不会被其他浮动元素所覆盖元素开启

文章目录学习链接BFC1.什么是BFCW3C上对BFC的定义MDN上对BFC的描述更加通俗的描述2.开启了BFC能解决什么问题3.如何开启BFC演示演示1子元素margin塌陷问题使用BFC解决问题完美解决塌陷问题演示

Using_CSS_gradientsMDN多渐变色输入框，群友问了下，就试着写了下，看了看css渐变色MDN文档，其实很简单，代码记录下：Documentbody{height:100vh;display

字体能从远程服务器或者用户本地安装的字体加载,字体会使用url()函数下载的资源WebFontSample@font-face{font-family:"BitstreamVeraSerifBold";src:url("https://mdn.github.io

起因：最近看了下mdn的video文章，看到一个有趣的知识点，居然可以自己手动给视频添加字幕先上代码：仅中文仅英文双语varvideo=document.getElementById('video');

https://www.cnblogs.com/dzyany/p/13985939.htmlclip-path-CSS：层叠样式表|MDN我们看下这个例子polygon里有四个值分别代表这四个点相对于原图左上方的偏移量

数字的css如下：z-index是让数字叠加在层级之上：z-index-CSS：层叠样式表|MDN(mozilla.org)将其注释掉即可

本文就是从MDN中copy的，仅为了自己复习方便。1、executornewPromise(function(resolve,reject){...}

目录1，hidden和display:none的关系2，其他隐藏元素的方式2.1，语意上的隐藏2.2，视觉上的隐藏1，hidden和display:none的关系hidden-MDN参考一句话总结：hidden

原文：MDN-instanceof功能：instanceof运算符用于检测构造函数的prototype属性是否出现在某个实例对象的原型链上。

什么是正则表达式MDN介绍介绍的很清楚:正则表达式是用于匹配字符串中字符组合的模式。在JavaScript中，正则表达式也是对象。

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/ArrayArrayTheJavaScriptArrayclassisaglobalobjectthatisusedintheconstructionofarrays;whicharehigh-level,list-likeobjects

能够在页面上推拽和点击的，拖拽的话，就跟随鼠标移动，点击的话，就触发新的行为，当然也有指定某些区域不能拖拽，接下来就一起来看看有什么难点吧~需要监听的鼠标事件既然是web页面，那肯定要监听的就算鼠标事件mousedown(MDN

本文除了介绍如何检测数据类型，顺带也将数据类型也大概介绍了下参考《JavaSript高级程序设计》、MDN网站等方法总结为下面几类typeofinstanceofjqueryObject.toString.call

MDN中对ajax介绍：异步JavaScript和XML或Ajax本身不是一种技术，而是一种将一些现有技术结合起来使用的方法，包括：HTML或XHTML、CSS、JavaScript、DOM、XML、XSLT

MDN中对其的介绍是：Promise对象表示异步操作最终的完成（或失败）以及其结果值。个Promise是一个代理，它代表一个在创建promise时不一定已知的值。

（字面量一般指[1,2,3]或者{name:"mdn"}这种简洁的构造方式）。

本文摘录及参考自：1.JavaScriptPromise：简介2.Promise|MDN3.Promise对象4.Promise-廖雪峰的官方网站5.前端中的Monad6.Promise-TheModernJavascriptTutorial1

vue对元素的宽高变化看了一下，基本都是用的定时器解决的，刚好看到JS的一个属性方法，可以专门监测元素的尺寸变化MDN地址：https://developer.mozilla.org/zh-CN/docs

MDN上是这样解释的：Promise是一个对象，他代表了一个异步操作的最终完成或者失败。

MDN：M

内存简介垃圾回收简介内存简介MDN：像C语言这样的高级语言一般都有底层的内存管理接口，比如malloc()和free()。

20211220渲染页面：浏览器的工作原理-Web性能|MDN了解如何提升性能和感知性能，有助于了解浏览器的工作原理。

1.map方法介绍1.1Array.prototype.map()描述MDN描述：MDN关于map介绍及案例map()方法创建一个新数组，这个新数组由原数组中的每个元素都调用一次提供的函数后的返回值组成

void0是什么意思void[MDN]是一个预留关键字，接受一个参数并且总是返回undefined。

通信过程以及原理建立连接具体过程示例Sec-WebSocket-KeySec-WebSocket-Extensions数据通信数据帧帧头（FrameHeader）掩码（Masking）负载数据（PayloadData）来自MDN

emem作为font-size的单位时，其代表父元素的字体大小，em作为其他属性单位时，代表自身字体大小——MDN比如父元素font-size:12px;自身元素如果写成：font-sise:2em;则自身元素用

关于JavaScript内置对象更多情况可见MDN文档Standardbuilt-inobjects-JavaScript|MDN其开端部分，不太好理解，特地节选补注：Thischapterdocuments

试了一下发现是不行的，然后我查了MDN发现在Flexbox中justi

在浏览MDN有关Promise部分时遇到了一个很有意思的案例，具体代码如下:一时间陷入沉思，意向的结果应该是："foobar"=>"foobarbaz"=>"最后一个then:哎呀……之前懒得实例化并返回一个

目录数组查找元素数组转字符串字符串转数组对象转数组对象的深拷贝对象的遍历对象合并文章参考自MDNJavaScript|MDN数组查找元素是否存在：Array.prototype.includes()//

先了解一下Object.defineProperty()这个方法：参考MDN上的解释这个方法主要是用直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回这个对象。

W3C万维网联盟,WorldWideWebConsortium,又称W3C理事会,是万维网的主要国际标准组织.W3C由TimothyJohnBerners-Lee,人称李爵士于1994年10月离开欧洲核子研究中心后成立.在1989年至1992年间，发明了WWW（WorldWideWeb），一种适用于全世界的网络。主要包含三个概念:URI，俗称网址HTTP，两个电脑之间传输内容的协议HTML，超级文

参考文章注意：这里MDN介绍的是JS如何面向对象编程，但没说JS是面向对象的语言。

1.clamp函数2020年4月开始支持这些函数，我们来看MDN上对clamp函数的描述：是将一个值限制在一个上限和下限之间，当这个值超过最大或最小范围时，会在这两个值中选一个使用，它接收三个参数：最小值

前端学习路线及参考学习资料1.HTML(5)+CSS(3)——参考文档：菜鸟教程：https://www.runoob.com/MDN：https://developer.mozilla.org/zh-CN

下面是MDN官方的例子，cat属性可能不存在：constadventurer={name:'Alice',cat:{name:'Dinah'}};如果想要访问cat的name属性，像下面这样可能会报错：

Blob数据对象MDN官方解释Blob对象：一个Blob对象就是一个包含有只读原始数据的类文件对象。Blob对象中的数据并不一定得是JavaScript中的原生形式。

MDN:点击打开链接方法声明voidhandleEvent(inEventevent);方法handleEvent()当EventListener所注册的事件发生的时候，该方法会被调用。

param=value#h123参考URL-WebAPI接口参考|MDN示

canvas官网：CanvasRenderingContext2D.canvas-WebAPIs|MDN小程序-canvas组件：canvas|微信开放文档1、两种cavnas获取上下文方式老版本createCanvasContext

JavaScript进阶指南学习格言：成功不是终点，失败也并非末日，最重要的是继续前进的勇气前言：这里是关于代理对象的使用Proxy，有部分方法的具体讲解，简单的方法没有做补充，大家有需要的话，可以去MDN

Bearer代表Authorization头定义的schema，除了Bearer，还有其它的一些schemas,标准规范请查看文档地址：HTTPauthentication-HTTP|MDN如下面这张图列的一些规范

MDN的描述：Whenlayingoutadocument,thebrowser'srenderingenginerepresentseachelementasarectangularboxaccordingtothestandardCSSbasicboxmode

记录在MDN学习CSS中的一些个人笔记。选择器种类通配选择器或叫全局选择器。选中所有元素。*{}标签、类、ID选择器标签选择器。选择所有的h1元素h1{}类选择器。

JavaScript中的回调函数与回调地狱及其解决方法以下为整理的思维导图图片版+文字版文末附有参考文章链接知识点思维导图版一、什么是回调函数1.MDN的定义回调函数是作为参数传给另一个函数的函数，然后通过在外部函数内部调用该回调函数以完成某种操作