MDN：是一个可以使用脚本(通常为JavaScript)来绘制图形的HTML元素。例如，它可以用于绘制图表、制作图片构图或者制作简单的动画。主要聚焦于2D图形。

跨域资源共享(MDN)CORSsettingsattributes(MDN)在HTML5中，一些HTML元素提供了对CORS的支持，例如、、、和均有一个跨域属性(crossOriginproperty)

话不多说直接上图:浏览器控制台执行语句可以看到：if(true)的时，下面的代码都会执行if(false)时，if语句后面最近的一条语句被跳过执行了；MDN官方截图截图那么，在做项目中到底可不可以省略呢

解决办法在html的头部meta标签中设置user-scalable=noviewportmeta标记-HTML（超文本标记语言）|MDN

window.requestAnimationFrame根据mdn的解释:这将使浏览器在下一次重绘之前调用你传入给该方法的动画函数(即你的回调函数)https://developer.mozilla.org

总结新元素1.设定窗口尺寸、2.外部嵌入1.widthheight2.scrolling="no"不显示滚动条3.frameborder4.framespace5.allowfullscreen3.响应式图片1.——srcset2.——sizes3.——media（类似于sizes）srcsetcss样式属性1.margin外边距0auto;margin-top2.padding内边距3.line

总结表格元素及其属性1.————/2.————3.style定义样式4.span同时将col中定义的样式英语于多列5.colspan占多个单元格宽度6.rows占多个单元格高度css样式1.border-collapse:collapse;为表格设置合并边框模型separateinherit继承2.letter-spacing字符间距代码mozilla宣传主页html{font-family:sa

知识点-文档结构-元素表示其中的HTML提供xx的联系信息（不只是地址，包括邮件地址，手机号码等等）。-缩略语-引用-描述列表-描述时间-上标和下标不足的点1.无法准确用元素的和name和content属性描述文档内容改进：多写参照别人的代码2.效率低改进：学习新的元素时，确定其应用场景+常用属性下的使用效果代码DocumentDr.EleanorGayeAwesomeSciencefaculty

图片img与父元素div之间的间隙解决：vertical-alignvertical-align指定了行内（inline）元素或表格单元格（table-cell）元素的垂直对齐方式(摘录自MDN)。

可点击进入MDN查看//千分位分隔符指令import{Directive,DirectiveBinding}from'vue'constthousandSeparator:Directive={mounted

一、选定知识点：闭包二、指令学习1.闭包MDN的定义闭包（closure）是一个函数以及其捆绑的周边环境状态（lexicalenvironment，词法环境）的引用的组合。

mix-blend-mode该属性描述了元素的内容应该与元素的直系父元素的内容和元素的背景如何混合用法：video{mix-blend-mode:screen;}MDN传送门

可以通过阅读相关的教材、在线课程或者参考W3Schools和MDN文档等来学习。学习控制DOM元素：学习如何使用JavaScript控制DOM元素，包括获取元素、添加、删除、修改类名、属性和内容等。

层叠上下文MDN讲解我们给元素设置的z-index都是有一定规则的，层叠性都是在它有定位的父元素起作用，都是相对于父元素的。这里附上官网的图：

Promise的状态Promise对象有三个状态：pending，fulfilled，rejected，MDN文档上对Prom

很多内容，我更倾向于在其他地方阅读，比如MDN和口水掘金。

奔驰需求概览传输协议：AS2AS2是一种基于网络的传输协议，它具有安全连接、数字签名、文件加密、能够接收文件处理状态(MDN消息回执)、灵活的数据传输等优点

1、em单位的定义MDN的解释：它是相对于父元素的字体大小的一个单位。

MDN上面这么说：闭包是一种特殊的对象。它由两部分构成：函数，以及创建该函数的环境。环境由闭包创建时在作用域中的任何局部变量组成。

MDN上的解释：BFC是Web页

HTML表单指的是标签包含的内容，MDN定义如下：HTML元素表示了文档中的一个区域，这个区域包含有交互控制元件，用来向web服务器提交信息form属性：action：提交表单的地址method：提交表单的方式

一、背景色渐变：1、linear-gradient：用线性渐变创建图像MDN文档：https://developer.mozilla.org/zh-CN/docs/Web/CSS/linear-gradient

mdn使用浏览器的XMLHttpRequest对象与服务器通信什么是服务器？可以暂时理解为提供数据的一台电脑为何学AJAX?以前我们的数据都是

答案是有的，这个属性是：aspect-ratio，MDN对于这个属性

”是ES6的新语法，该写法在js的不同语境中有不同的解释，可解释为展开语法(Spreadsyntax)和剩余语法(Restsyntax)，写法相同，但作用却是完全相反的，使用时要注意区分（本文主要参考MDN

这个时候去MDN补一下知识。

(MDN)

下面花两分钟一起看看吧一、CSS实现思路首先，看到这环形逐渐消失的效果，也就是透明度渐变的效果，肯定要联想到锥形渐变conic-gradient()-CSS：层叠样式表|MDN(mozilla.org)

通过MDN文档中的描述，我们可以知道层叠次序取决于三个因素：重要性（importance）专用性（Specificit

MDN文档使用中，我们可以给图片外层容器添加固定宽高，并给img添加object-fit:contain属性，使图片在容器内自适应。

目录表单提交的3种形式1，默认提交2，submit提交3，button提交阻止提交方法1——returnfalse方法2——阻止submit的默认行为方法3——针对button的处理表单提交的3种形式MDN-form

针对这个问题，[MDN](https://developer.mozilla.org/zh-TW/docs/Web/HTTP

如果你想使用预装字体以外的字体，从CSS3开始，你可以使用网络字体Webfonts-Learnwebdevelopment|MDN。

如果你想使用预装字体以外的字体，从CSS3开始，你可以使用网络字体Webfonts-Learnwebdevelopment|MDN。

有兴趣的朋友可以去MDN自行

借用MDN的说法：arguments对象是所有（非箭头）函数中都可用的局部变量。你可以使用arguments对象

简而言之就是定义了伪元素的内容，下面附上mdn官方文档：https://developer.mozilla.org/zh-CN/docs/Web/CSS/content当然content

MDN上做了很详细的说明：闭包在这总结一下自己的理解要理解闭包就要先了解js的词法作用域，词法作用域意味着作用域是由书写代码时函数声明的位置来决定的。

使用foreignObject可以嵌入html元素值得注意的是，嵌入部分应放置在图像层后部，否则会出现不显示的问题详见MDN文档

//localStorage、sessionStorage与cookies的区别//localStorage可以用来在同网站a页面和b页面之间通信,//结合storage事件使用,不懂这个事件可以看看MDN

可以的，使用window.customElements.define()这个接口MDN-Window.customElementsMDN-Element.attachShadow用法classMyDemoextendsHTMLElement

1.内容描述resize属性的具体用法可见MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/resize实现左右拖拽改变大小时：HTMLThisparagraphisresizable

CSS属性值定义语法还是MDN文档好用，看懂定义语法什么缩写的都可以了解了。这里挑点东西记录。

1js理论：js理论的学习主要结合的是廖雪峰老师和阮一峰老师的网上的教程以及mdn和你不知道的js一书：这周主要是学习了js中的类以及继承：重点知识总结如下：（1）你不知道的js:类的继承相当于是子类拿到了父类的一个副本

8.UI伪类8.1都有什么样的伪类？我们可以使用的（截至CSS2.1）与表单相关的原始伪类是：:hover：只在鼠标指针悬停在一个元素上时选择该元素。:focus：只在元素被聚焦时选择该元素（也就是说，通过键盘上的tab键选中该元素）。:active：只在元素被激活时选择该元素（也就是说，通过点击或键盘上的Return/Enter键选中该元素）。CSSSelectorLevel3和CSSBasic

MDN|HTMLCSS3CSS3是CSS技术的升级版本，它的最大好处就是可以让网页设计师更加方便的为网页添加各种各样的样式，而不用再局限于文字、边框、背景和盒子模型这些方面。

我学习ES6的时候，B站老师没讲then链式调用，是怎么调用的，最后在MDN中看懂了本文章代码是从MDN中转载过来的，内容附加我的个人理解，文章末尾，分享MDN文章链接//链式调用p.then(value

mdn使用浏览器的XMLHttpRequest对象与服务器通信浏览器网页中，使用AJAX技术（XHR对象）发起获取省份列表数据的请求，服务器代码响应准备好的省份列表数据给前端，前端拿到数据数组以后，展示到网页

前端分类比较全的：MDN技术文档（强烈推荐，现在已经是Mozilla、微软、谷歌、三星、W3C共同的统一文档网站）https://developer.mozilla.org/zh-CN/docs/Webw3

介绍一个比较6的网站：Element.setPointerCapture()-WebAPI接口参考|MDN里面用到的setPointerCapture，getBoundingClientRect方法都是这个网站里面有的