m0_56132701的博客

😁 作者简介：一名大四的学生，致力学习前端开发技术👐学习格言：成功不是终点，失败也并非末日，最重要的是继续前进的勇气​🔥​前言：这是我自己整理的音频学习的笔记,前端在录取音频文件，无论如何都绕不完MediaRecorder这个API接口,了解这个接口有助于我们对音频文件的处理,希望可以帮助到大家，欢迎大家的补充和纠正。

/第一种情况a=2var a;//第二种情况var b=3❓这两种情况的代码，大家可以猜一下最后会输出什么呢？第一种情况会输出2第二种情况会输出undefined这种输出是不是出乎意料，那么到底发生了什么呢？我们接下来一起来看看今天的”主角“概念，变量提升。变量和函数声明从它们在代码中出现的位置被提升”移动“到最上面🌼下面推荐的一篇文章可以补充和扩展文章中涉及的知识点 😃【js作用域】JavaScript中作用域的是什么？：从编译时其承担什么角色和查询作用域中的变量的角度解析作用域。

🔥​前言：本文是关于js中的Date对象的使用详情和注意点，时间的处理是需要严谨和小心的，环境不一样，可能是会导致时间出现偏差，这是我自己的知识小碎片,希望可以帮助到大家，欢迎大家的补充和纠正。getDate(): 获取月份中的某一天，返回值为1到31之间的一个整数。getMonth():获取月份。getFullYear(): 获取四位数的年份。getHours():获取小时。getMinutes(): 获取分钟

🌼下面推荐的两篇文章可以补充和扩展文章中涉及的知识点 😃JavaScript的数组的扩展【ES6的标准入门】JavaScript中Set、Map与弱引用版本：WeakSet和WeakMap优雅的数据管理技巧。

😁 作者简介：一名大四的学生，致力学习前端开发技术👐学习格言：成功不是终点，失败也并非末日，最重要的是继续前进的勇气​🔥​前言：这里是关于对类的关系和判断，我们可以使用instance和isPrototype和getPrototypeOf这三个方法来判断一个类和对象的从属关系,希望可以帮助到大家，欢迎大家的补充和纠正。

😁 作者简介：一名大四的学生，致力学习前端开发技术👐学习格言：成功不是终点，失败也并非末日，最重要的是继续前进的勇气​🔥​前言：这是有关call和apply和bind三个函数方法的使用 ,还有它们与this的显示绑定有着深度的联系，如果有小伙伴对于this指向的概念不是很清楚的话，可以查看我的另外一篇博客，,希望可以帮助到大家，欢迎大家的补充和纠正。

@TOC在对变量进行命名时，想要遵循变量的命名规范，从而避免代码出错，以及提高代码的可读性，具体如下：在javascript中，关键字被分为保留关键字和未来关键字，保留关键字是指JavaScript语言中被事先定义好并赋予特殊含义的单词，不能作为变量名使用，如下表：​ 未来保留关键字如下:JavaScript是一种弱类型语言，不用提前声明变量的数据类型，在程序运行的过程中，变量的数据类型会被自动确定变量的声明：使用关键字var声明一个变量。变量的赋值:使用=为变量赋值声明和赋值同时进行

while语句的功能和while语句类似，其区别在于，do…while会无条件执行循环体中的代码，然后再判断条件，根据条件决定是否循环执行；在程序中，一组被重复执行的语句称为循环体，能否重复执行，取决于循环的终止条件由循环体及循环终止条件组成的语句称为循环语句。while语句可以在条件表达式为true的前提下，循环执行指定的一段代码，直到条件表达式为false时结束循环。除此之外，break语句还可以跳转到指定的标签语句处，实现循环嵌套中的多层跳转，标签语句的语法如下所示。for语句是常用的循环语句。

element.clientLeft属性等于元素节点左边框的宽度，element.clientTop属性等于网页元素顶部边框的宽度，单位为像素。这两个属性都包括滚动条的宽度，但是不包括margin和padding值，不过几乎不会出现左侧和顶部滚动条的情况。element.clientHeight属性返回元素节点可见部分的高度，element.clientWidth属性返回元素节点可见部分的宽度。这两个属性包含元素的padding值，但是不包含元素的margin值、边框以及滚动条。

在上述的语法中，首先计算表达式的值，然后将获得的值与case中的值依次比较，若相等，则执行case后对应的代码段，最后遇到break语句时，跳出switch语句。若没有匹配的值，则执行default中的代码段，其中，default是可选的，表示默认情况下执行的代码，可以根据实际需求设置。else语句被称为多分支语句，当满足某种条件时，就进行某种处理。在代码从上到下执行的过程中，根据不同的条件，执行不同的代码，从而得到不同的结果。if语句也称为条件语句，单分支语句，当满足某种条件时，就进行某种处理。

toString()是Object的原型方法，调用该方法，可以统一返回格式为”[object Xxx]“的字符串，其中Xxx就是对象的类型，对于Object对象，直接调用toString()就能返回[object Object]；我们在 new 一个对象时，那么这个新对象就会是它原型链继承上面的对象了，通过instanceof我们能判断这个对象是否是之前那个构造函数生成的对象，这样就基本可以判断出这个新对象的数据类型。Null类型是第二个只有一个值的数据类型，这个特殊的值就是null。

注释中的内容不会被解析器解析执行，但是会在源码中显示，我们一般会使用注释对程序中的内容进行解释。/* 注释内容 */1.3.1，单行注释。1.3.2，多行注释。

Object类型，我们也称为一个对象，是JavaScript中的引用数据类型。它是一种复合值，它将很多值聚合到一起，可以通过名字访问这些值。对象也可以看做是属性的无序集合，每个属性都是一个名/值对。对象除了可以创建自有属性，还可以通过从一个名为原型的对象那里继承属性。除了字符串、数字、true、false、null和undefined之外，JavaScript中的值都是对象。

​ 将某些东西打印到控制台最常见方法是简单地使用一个参数调用console.log()，有时我们可能想要打印一条包含多个信息。幸运地是，console.log()可以使用%s,%i 等说明sprintf()格式化字符串。我们可以通过将％c说明符与相应的CSS样式结合使用来实现。说明符％c应用CSS样式’font-size: 36px;浏览器控制台允许我们将样式应用于打印的消息。说明符作用%s元素转换为字符串。%d 或 %i元素转换为整数。%O元素以最有效的格式显示。%c应用提供的CSS。

element.offsetHeight属性返回元素的垂直高度，element.offsetWidth属性返回元素的水平宽度。element.offsetParent属性与定位有着很大的关系，它的定义是：与当前元素最近的经过定位的父级元素。如果存在水平滚动条，offsetHeight包括水平滚动条的高度。offsetLeft表示元素的左外边框至offsetParent元素的左内边框之间的像素距离。offsetTop表示元素的上外边框至offsetParent元素的上内边框之间的像素距离。

element.scrollHeight属性返回整个元素的总高度， element.scrollWidth属性返回整个元素的总宽度。如果元素没有发生溢出（没出现滚动条），那么scrollHeight和clientHeight是相等的，scrollWidth属性与clientWidth属性是相等的。element.scrollLeft属性表示元素的水平滚动条向右侧滚动的距离，element.scrollTop属性表示元素的垂直滚动条向下滚动的距离。如果没有出现滚动条，那上面的两个属性值就是0。

一般情况下，同步编程，代码按序依次执行，能很好的保证程序的执行， 但是在某些场景下，比如读取文件内容，或请求服务器接口数据，需要根 据返回的数据内容执行后续操作，读取文件和请求接口直到数据返回这一 过程是需要时间的，网络越差，耗费时间越长，如果按照同步编程方式实 现，在等待数据返回这段时间，JavaScript 是不能处理其他任务的，此时 页面的交互，滚动等任何操作也都会被阻塞，这显然是及其不友好，不可 接受的，而这正是需要异步编程大显身手的场景。只能 1， 2，3 不能 1，3，2。

传统的web交互是用户触发一个http请求服务器，然后服务器收到之后，在做出响应到用户，并且返回一个新的页面，每当服务器处理客户端提交的请求时，客户都只能空闲等待，并且哪怕只是一次很小的交互、只需从服务器端得到很简单的一个数据，都要返回一个完整的HTML页，而用户每次都要浪费时间和带宽去重新读取整个页面。这个做法浪费了许多带宽，由于每次应用的交互都需要向服务器发送请求，应用的响应时间就依赖于服务器的响应时间，这导致了用户界面的响应比本地应用慢得多。

reduce()方法对每一个数组的每一个元素按序执行一个由您提供的reduce函数。每一次运行reduce会将先前元素的计算结果作为参数传入，最后将其结果汇总为单个返回值。第一次执行回调函数时，不存在“上一次的计算结果”。如果需要回调函数从数组索引为0的开始执行，则需要传递初始值，否则数组的索引为0的值作为初始值initalValue，迭代器从第二个元素开始执行（索引为1而不是0）