zy1992As的博客

console:.log0的输出结果需要在浏览器的控制台中查看。在Chrome 浏览器中按“F12”键(或在网页空白区域右击，在弹出的菜单中选择“检查”)启动开发者工具，然后切换到“Console”(控制台)面板，即可看到console.log0的输出结果。在日常开发中，为了方便数据的输入和输出，JavaScript提供了一些常用的输入输出语句，具体如表1-3所示。利用console.log0语句在控制台输出“我是console.log0语句!表1常用的输入输出语句。

然后，使用send()方法发送请求，并通过status属性检查响应的状态码，如果状态码为200表示请求成功，打印响应内容。同步请求是指在发送请求后，浏览器会停止处理其他事务，直到服务器返回响应并且浏览器完成相应处理后才能继续执行后续操作。它与同步请求类似，但将第三个参数设置为true，以表示异步请求。在Ajax中，存在两种类型的请求：同步请求和异步请求。需要注意的是，现代Web开发中，除了XMLHttpRequest，还有其他更高级的方式来处理Ajax请求，例如使用Fetch API或Axios库。

否则，它使用sum函数计算剩余参数的总和，并将总和除以数组长度得到平均值，然后返回该值。可以看到，我们可以传递任意数量的参数给sum函数，无论是一个数字还是多个数字，它们都会被当作数组传递给剩余参数numbers。当使用剩余参数时，我们可以对剩余参数执行各种操作，例如计算它们的总和、找到最大值、进行平均值计算等。通过这些示例，我们可以看到剩余参数的灵活性，它可以帮助我们处理不确定数量的参数，并进行相应的计算操作。使用剩余参数可以方便地处理不确定数量的参数，而不需要提前定义函数所需的参数个数。

数字型有3个特殊值，分别是Infinity(无穷大)、-Ininity(无穷小)和NaN(Not a Number，非数值)。若要判断一个变量是否为非数字的类型，可以用isNaN来进行判断，它会返回一个布尔值，返回 true表示非数字，返回 false 表示是数字，示例代码如下。在一般情况下，数字都是使用十进制来表示的。在输出结果中,使用了科学计数法来表示,在JavaScript中可以使用科学计数法来表示数字。(2)在数字开头加上0x，表示十六进制数。(1)在数字开头加上0，表示八进制数。

为了解决这个问题，Vue提供了一个特殊的方法vm.$set(object, propertyName, value)，也可以使用全局的Vue.set(object, propertyName, value)方法。如果你需要动态地添加属性到对象的数组中，可以使用数组的push()方法或splice()方法，因为Vue能够检测到这些数组方法的调用并更新视图。总结起来，通过使用push()方法或splice()方法向数组中添加新元素，Vue能够检测到数组的变化并更新视图。

Vue能够检测到数组的变化，例如通过使用push()、pop()、shift()、unshift()、splice()等数组方法来添加、删除或修改数组的元素。然而，直接给数组的索引位置赋值并不会触发Vue的更新机制，因为Vue无法检测到这种变化。为了解决这个问题，Vue提供了一些特殊的数组方法，如$set或Vue.set，可以用于更新数组索引位置的值，这样Vue就能够检测到变化并更新视图。需要注意的是，如果你需要对整个数组进行替换，可以使用赋值一个新数组的方式，这样Vue也能够检测到数组的变化并更新视图。

需要注意的是，keypress事件保存的按键值是ASCⅡ码，keydown和keyup事件保存的按键值是虚拟键码，keydown和keypress如果按住不放的话，会重复触发该对应事件。每当用户按下键盘上的任何按键时，事件监听器都会被触发，并将按下的键记录在控制台中。第6~8行代码使用键盘事件对象里面的keyCode判断用户按下的是否是s键，如果是，则让搜索框获取焦点，帮助用户进行输入。使用键盘事件，您可以实现各种交互和动态的功能，例如创建键盘快捷键，控制游戏角色的移动，等等。

在实际开发中，考虑到一个网页中可能会有很多个定时器，所以建议用一个变量保存定时器的id（唯一标识）,若想要在定时器启动后，取消该定时器操作，可以将setTimeost()的返回值（定时器id）传递给clearTimeout)方法。在上述代码中，当参数为一个函数名时，这个函数名不需要加()小括号，否则就变成了立即执行这个函数，将函数执行后的返回值传入。在上述语法中，第1个参数表示到达第2个参数设置的等待时间后要执行的代码，也可以传入一个函数，或者函数名，第2个参数的时间单位以毫秒（ms）计。

在上述代码中，全局变量num和局部变量num虽然名称相同但具它们百不影响，在fn()函数外获取的num的值为10，在fn()函数内获取到的num的值为20。在上述代码中,fn()函数中的“num2 = 20:”使得程序首先会在fn()函数的局部作用域中查找是否存在num2变量，如果不存在，则到上级作用域，也就是全局作用域中查找。不在任何函数内声明的变量(显式定义)或在函数内省略var声明的变量(隐式定义)都称为全局变量，在任何地方都可以访问到的变量就是全局变量，全局变量所在的区域就是全局作用域。

每个窗口都有属于自己的最大等待延迟数据的时间限制，窗口结束时间+延迟时间=最大waterMark值，即当waterMark值大于的上述计算出的最大waterMark值，该窗口内的数据就属于迟到的数据，无法参与window计算。这里的延迟3.5s是我们假设一个数据到达的时候，比他早3.5s的数据肯定也都到达了，这个是需要根据经验推算的，加入D到达以后有到达了一个E,event-time=6，但是由于0~10的时间窗口已经开始计算了，所以E就丢了。触发计算的时候，会将AC（因为他们都小于10）都计算进去。

important 无穷大.相同选择器给设置相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式。子元素可以继承父元素的样式（text-，font-，line-这些元素开头的可以继承，以及color属性）CSS中的继承: 子标签会继承父标签的某些样式，如文本颜色和字号。4. 继承的权重是0，如果该元素没有直接选中，不管父元素权重多高，子元素得到的权重都是0。样式冲突，遵循的原则是就近原则，哪个样式离结构近，就执行哪个样式。权重叠加：如果是复合选择器，则会有权重叠加，需要计算权重。

类操作就是通过操作元素的类名进行元素样式操作，当元素样式比较复杂时，如果通过css()方法实现，需要在CSS里编写很长的代码，既不美观也不方便。下面通过代码演示类的添加、删除和切换。上述代码执行后，单击页面中的“切换类名”按钮，当div元素上存在current类名时，则被移除，否则就添加。上述代码中， className参数可以传入一个或多个类名，使用空格来分隔，如果省略该参数，表示移除所有的类名。toggleClass()方法用来为元素添加或移除某个类，如果类不存在，就添加该类，如果类存在，就移除该类。

JavaScript 程序不能独立运行，它需要被嵌入 HTML 中，然后浏览器才能执行 JavaScript 代码。注意：如果 script 标签使用 src 属性引入了某 .js 文件，那么 标签的代码会被忽略！

外部式有利于HTML页面代码结构化，把大段的JavaScript代码独立到HTML页面之外，既美观，也方便文件级别的代码复用。外部式是指将JavaScript代码写在一个单独的文件中，一般使用“js”作为文件的扩展名，在HTML页面中使用标签进行引入，适合JavaScript代码量比较多的情况。（3）使用行内式编写JavaScript代码，实现单击一个按钮后，弹出一个警告框，显示一些提示信息，具体代码如下。（2）创建test.js文件，在文件中编写JavaScript代码，如下所示。

除了使用的语法不同之外，最大的区别是有些值无法通过toString()转化，如：undefined和null。Js变量转为字符串类型的方法有以下3种，大家可以根据场景选择适合的方法，下面我们一一介绍。通过上图中可以看出，toString()方法已经将num转为字符串类型。拓展：toString()和string() 有什么不同。

JavaScript在浏览器中是单线程执行的，但允许使用定时器指定在某个时间之后或每隔一段时间就执行相应的代码。下面我们了解setTimeout()、clearTimeout()、setInterval()和clearInterval()的用法。

它的实现原理是，通过构建有序数组元素的存储，对于未排序的数组元素，在已排序的数组中从最后一个元素向第一个元素遍历，找到相应位置并插入。如按照从小到大的顺序完成插入排序，如图3-10所示。其中，第7~9行代码用于无序数组元素与有序数组中的元素进行比较，若无序元素arr[j]小于有序数组中的元素，则进行插入。效果如图3-11所示。图3-10插入排序从图3-10可以看出，插入排序比较的次数与无序数组的长度相等，每次无序数组元素与有序数组中的所有元素进行比较，比较后找到对应位置插入，最后即可得到一个有序数组。

在开发中，有时候需要检测变量的类型是否为数组。例如，在函数中，要求传人的参数必须是一个数组，不能传人其他类型的值，否则会出错，所以这时候可以在函数中检测参数的类型是否为数组。数组类型检测有两种常用的方式，分别是使用instanceof运算符和使用Array.isArray()方法。示例代码如下。第一中检测方式第二中检测方式在上述代码中，如果检测结果为true，表示给定的变量是一个数组，如果检测结果为false，则表示给定的变量不是数组。

（1）XML定义扩展标记语言(Extensible Markup Language, XML) ，用于标记电子文件使其具有结构性的标记语言，可以用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。XML使用DTD(document type definition)文档类型定义来组织数据;格式统一，跨平台和语言，早已成为业界公认的标准XML是标准通用标记语言(SGML)的子集，非常适合Web传输。XML提供统一的方法来描述和交换独立于应用程序或供应商的结构化数据。（2）JSON定义 J

JavaScript中的日期对象用来处理日期和时间。例如，秒杀活动中日期的实时显示、时钟效果、在线日历等。下面将对日期对象进行详细讲解。日期对象的使用JavaScript中的日期对象需要使用new Date()实例化对象才能使用，Date()是日期对象的构造函数。在创建日期对象时，可以为Date()构造函数传入一些参数，来表示具体的日期，其创建方式如下。在使用方式1时，其返回的datel对象保存的是对象创建时的时间；使用方式2时，最少需要指定年、月两个参数，后面的参数在省略时会自动使用默认值；使用方式

在上述代码中，splice()方法的第1个参数用于指定添加或删除的下标位置；第2个参数用于从指定下标位置开始，删除数组元素的个数，将其设置为0，则表示该方法只添加元素；剩余的参数表示要添加的数组元素，若省略则表示删除元素。splice()数组删除，参数为splice(元素下标, 删除元素个数(可以为0), 要添加的元素(可以不写))，返回被删除项目的新数组。下面是通过代码演示splice()方法为例演示如何在指定位置添加或删除数组元素。

JavaScript事件代理则是一种简单的技巧，通过它你可以把事件处理器添加到一个上级元素上，这样就避免了把事件处理器添加到多个子级元素上。当我们需要对很多元素添加事件的时候，可以通过将事件添加到它们的上级元素而将事件委托给上级元素来触发处理函数。事件代理用到了两个在JavaSciprt事件中常被忽略的特性：事件冒泡以及目标元素。比如，在document中代理了所有button的click事件，另外的人在引用改js时，可能不知道，造成单击button触发了两个click事件。1、减少事件注册，节省内存。

另外，过可以使用Math.floor(Math.random() * (max + 1))表示生成0到max之间的随机整数，使用Math.floor(Math.random() * (max + 1)+ 1)表示生成1到max之间的随机整数。由于Math.random()返回的这个随机数不太常用，我们可以借助一些数学公式来转换成任意范围内的随机数，公式为“Math.random()*(max - min) + min"，表示生成大于或等于min且小于max的随机值。

从上述代码中，./aaa.js是依赖于./a.js文件的,但是从代码上并不能看出这样的关系。如果将./aaa.js与./a.js的前后位置调换，或者删除./a.js文件，就会导致程序错误。另外，如果引用第三方的JavaScript库，在全局对象中声明了一个属性foo，自己的代码中也会声明同样名称的属性，两者一同使用的时候，后加载的属性值会替换之前的值，从而造成错误。而在模块化开发中,会使用JavaScript代码来加载所需要的文件，并不需要将所有的文件引入到 HTML文件中。非模块化开发会遇到哪些问题？

为什么要打包发布？项目开发完成之后，使用 webpack 对项目进行打包发布的主要原因有以下两点：①开发环境下，打包生成的文件存放于内存中，无法获取到最终打包生成的文件。②开发环境下，打包生成的文件不会进行代码压缩和性能优化，为了让项目能够在生产环境中高性能的运行，因此需要对项目进行打包发布。 配置 webpack 的打包发布在 package.json 文件的 scripts 节点下，新增 build 命令如下：--model 是一个参数项，用来指定 webpack 的运行模式。production 代

可以看到null和undefined分属不同的类型，未初始化定义的值用typeof检测出来是"undefined"(字符串)，而null值用typeof检测出来是"object"(字符串)。null：null是一个对象，一个准备用来保存对象，还没有真正保存对象的值。从逻辑角度看，null值表示一个空对象指针，即表示一个对象被定义了，但是值为“空值”。undefined表示“缺少值”，即此处应该有一个值，但是还没有定义，典型用法是如下。null表示“ 没有对象”，即此处不应该有值，典型用法是如下。

调用 then-fs 提供的 readFile() 方法，可以异步地读取文件的内容，它的返回值是 Promise 的实例对象。调用then-fs提供的readFile()方法，可以异步地读取文件的内容，C的返回值是Promise的实例对象。， 每一次 new Promise() 构造函数得到的实例对象，都可以通过原型链的方式访问到 .then() 方法，例如 p.then()。调用 .then() 方法时，成功的回调函数是必选的、失败的回调函数是可选的。p.then(成功的回调函数，失败的回调函数)

面对市面上众多的浏览器，开发人员如何掌控程序的兼容性呢?实际上，许多浏览器都使用了相同的内核，了解其内核就能对浏览器有一个清晰的归类。浏览器内核分成两部分：排版引擎和JavaScript引擎。...