qq_39540493的博客

一、目录解析目录/文件 说明 build 项目构建(webpack)相关代码 config 配置目录，包括端口号等。我们初学可以使用默认的。 node_modules npm 加载的项目依赖模块 src 这里是我们要开发的目录，基本上要做的事情都在这个目录里。里面包含了几个目录及文件： assets: 放置一些图片，如logo等。 components: 目录里面放了一个组件文件，可以不用。 App.vue: 项目入口文件，我

一、React 特点 1.声明式设计−React采用声明范式，可以轻松描述应用。 2.高效−React通过对DOM的模拟，最大限度地减少与DOM的交互。 3.灵活−React可以与已知的库或框架很好地配合。 4.JSX− JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ，但我们建议使用它。 5.组件− 通过 React 构建组件，使得代码更加容易得到复用，能够很好的应用在大项目的开发中。 6.单向响应的数据流...

一、交换数据当数据在浏览器与服务器之间进行交换时，这些数据只能是文本。JSON 属于文本，并且我们能够把任何 JavaScript 对象转换为 JSON，然后将 JSON 发送到服务器。我们也能把从服务器接收到的任何 JSON 转换为 JavaScript 对象。以这样的方式，我们能够把数据作为 JavaScript 对象来处理，无需复杂的解析和转译。二、什么是 JSONJSON 指的是 JavaScript 对象标记法...

一、AJAX 是开发者的梦想，因为您能够不刷新页面更新网页 在页面加载后从服务器请求数据 在页面加载后从服务器接收数据 在后台向服务器发送数据二、什么是 AJAXAJAX =AsynchronousJavaScriptAndXML.AJAX 并非编程语言。AJAX 仅仅组合了：浏览器内建的 XMLHttpRequest 对象（从 web 服务器请求数据） JavaScript 和 HTML DOM（显示或使用数据）Ajax 是一个令人误导的名称。Ajax 应用程序可能...

一、约束验证 DOM 方法属性 描述 checkValidity() 如果 input 元素包含有效数据，则返回 true。 setCustomValidity() 设置 input 元素的 validationMessage 属性。 二、约束验证 DOM 属性属性 描述 validity 包含与输入元素有效性相关的布尔属性。 validationMessage 包含当有效性为 false 时浏览器将显示的消息。 willValidate

一、Window 对象所有浏览器都支持window对象。它代表浏览器的窗口。所有全局 JavaScript 对象，函数和变量自动成为 window 对象的成员。全局变量是 window 对象的属性。全局函数是 window 对象的方法。二、窗口尺寸两个属性可用用于确定浏览器窗口的尺寸。这两个属性都以像素返回尺寸：window.innerHeight - 浏览器窗口的内高度（以像素计） window.inne...

一、对象的 HTML DOM 树通过这个对象模型，JavaScript 获得创建动态 HTML 的所有力量：JavaScript 能改变页面中的所有 HTML 元素 JavaScript 能改变页面中的所有 HTML 属性 JavaScript 能改变页面中的所有 CSS 样式 JavaScript 能删除已有的 HTML 元素和属性 JavaScript 能添加新的 HTML 元素和属性 JavaScript 能对页面中所有已有的 HTML 事件作出反应 JavaScript 能在

一、JavaScript 回调回调是作为参数传递给另一个函数的函数。当您将函数作为参数传递时，请记住不要使用括号。二、等待超时在使用 JavaScript 函数setTimeout()时，可以指定超时时执行的回调函数。当您将函数作为参数传递时，请记住不要使用括号。三、等待间隔：在使用 JavaScript 函数setInterval()时，可以指定每个间隔执行的回调函数。四、JavaScript Promise 对象JavaScript Promise 对象包含...

一、函数参数函数参数（parameter）指的是在函数定义中列出的名称。函数参数（argument）指的是传递到函数或由函数接收到的真实值。规则：JavaScript 函数定义不会为参数（parameter）规定数据类型。JavaScript 函数不会对所传递的参数（argument）实行类型检查。JavaScript 函数不会检查所接收参数...

一、管理对象// 以现有对象为原型创建对象Object.create()// 添加或更改对象属性Object.defineProperty(object, property, descriptor)// 添加或更改对象属性Object.defineProperties(object, descriptors)// 访问属性Object.getOwnPropertyDescriptor(object, property)// 以数组返回所有属性Object.getOwnProp

一、JavaScript 字符串填充ECMAScript 2017 添加了两个 String 方法：padStart和padEnd，以支持在字符串的开头和结尾进行填充。二、JavaScript 对象条目ECMAScript 2017 向对象添加了新的Object.entries方法。三、JavaScript 对象值Object.values类似Object.entries，但返回对象值的单维数组四、JavaScript 异...

一、 JavaScript letlet 语句允许您使用块作用域声明变量。二、JavaScript constconst语句允许您声明常量（具有常量值的 JavaScript 变量）。常量类似于let变量，但不能更改值。三、指数运算符取幂运算符（**）将第一个操作数提升到第二个操作数的幂。x ** y的结果与Math.pow(x,y)相同。四、默认参数值ES6允...

一、"use strict" 指令“use strict” 定义 JavaScript 代码应该以“严格模式”执行。例如，使用严格模式，不能使用未声明的变量。您可以在所有程序中使用严格模式。它可以帮助您编写更清晰的代码，例如阻止您使用未声明的变量。“use strict” 只是一个字符串表达式。旧浏览器如果不理解它们就不会抛出错误。二、String.trim()String.trim()删除字符串两端的...

一、减少循环中的活动编程经常会用到循环。循环每迭代一次，循环中的每条语句，包括for语句，都会被执行。能够放在循环之外的语句或赋值会使循环运行得更快。二、减少 DOM 访问与其他 JavaScript 相比，访问 HTML DOM 非常缓慢。假如您期望访问某个 DOM 元素若干次，那么只访问一次，并把它作为本地变量来使用。三、缩减 DOM 规模请尽量保持 HTML DOM 中较...

一、避免全局变量请尽量少地使用全局变量。它包括所有的数据类型、对象和函数。全局变量和函数可被其他脚本覆盖。请使用局部变量替代，并学习如何使用闭包。二、始终声明局部变量所有在函数中使用的变量应该被声明为局部变量。局部变量必须通过var关键词来声明，否则它们将变成全局变量。严格模式不允许未声明的变量。三、在顶部声明一项好的编码习惯是把所有声明放在每段脚本或函...

一、this 是什么？JavaScriptthis关键词指的是它所属的对象。它拥有不同的值，具体取决于它的使用位置：在方法中，this指的是所有者对象。 单独的情况下，this指的是全局对象。 在函数中，this指的是全局对象。 在函数中，严格模式下，this是 undefined。 在事件中，this指的是接收事件的元素。像call()和apply()这样的方法可以将 this 引用到任何对象。二、方法中的 this在对象方法中，this...

一、JavaScript try 和 catchtry语句允许您定义一个代码块，以便在执行时检测错误。catch语句允许你定义一个要执行的代码块，如果 try 代码块中发生错误。JavaScript 语句try和catch成对出现。二、JavaScript 抛出错误当发生错误时，JavaScript 通常会停止并产生错误消息。技术术语是这样描述的：JavaScript 将抛出异常（抛出错误）。...

一、使用字符串方法 search() 来处理字符串search()方法也接受字符串作为搜索参数。字符串参数将被转换为正则表达式二、使用字符串方法 replace() 处理字符串replace()也接受字符串作为搜索参数三、正则表达式修饰符修饰符可用于大小写不敏感的更全局的搜素：修饰符 描述 i 执行对大小写不敏感的匹配。 g 执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。 m 执行多行匹配。 四、正则表达式模式..

一、Math.round()Math.round(x)的返回值是 x 四舍五入为最接近的整数。二、Math.pow()Math.pow(x, y)的返回值是 x 的 y 次幂。三、Math.sqrt()Math.sqrt(x)返回 x 的平方根。四、Math.abs()Math.abs(x)返回 x 的绝对（正）值。五、Math.ceil()Math.ceil(x)的返回值是 x上...

一、new Date()new Date()用当前日期和时间创建新的日期对象二、new Date(year, month, ...)new Date(year, month, ...)用指定日期和时间创建新的日期对象。7个数字分别指定年、月、日、小时、分钟、秒和毫秒（按此顺序）。注释：JavaScript 从 0 到 11 计算月份。一月是 0。十二月是11。6个数字指定年、月、日...

把数组转换为字符串JavaScript 方法toString()把数组转换为数组值（逗号分隔）的字符串。join()方法也可将所有数组元素结合为一个字符串。它的行为类似 toString()，但是您还可以规定分隔符。位移元素位移与弹出等同，但处理首个元素而不是最后一个。shift()方法会删除首个数组元素，并把所有其他元素“位移”到更低的索引。shift()方法返回被“位移出”的字符串。unshift()方法（在开头）向数组添加新元素，并“反向位移”旧元素。u...

一、JavaScript 数值始终是 64 位的浮点数与许多其他编程语言不同，JavaScript 不会定义不同类型的数，比如整数、短的、长的、浮点的等等。JavaScript 数值始终以双精度浮点数来存储，根据国际 IEEE 754 标准。此格式用 64 位存储数值，其中 0 到 51 存储数字（片段），52 到 62 存储指数，63 位存储符号：值(aka Fraction/Mantissa) 指数 符号 52 bits(0 - 51) 11 bits (52 -

一、字符串长度length属性返回字符串的长度二、查找字符串中的字符串indexOf()方法返回字符串中指定文本首次出现的索引（位置）JavaScript 从零计算位置。0 是字符串中的第一个位置，1 是第二个，2 是第三个 ...lastIndexOf()方法返回指定文本在字符串中最后一次出现的索引如果未找到文本，indexOf()和lastIndexOf()均返回 -1。两种方法都接受作为检索起始位置的第二个参数。三、检索字符串中的字符串search...

一、Undefined 与 Null 的区别Undefined与null的值相等，但类型不相等。二、原始数据与复杂数据原始数据值是一种没有额外属性和方法的单一简单数据值。typeof运算符可返回以下原始类型之一：string number boolean undefinedtypeof运算符可返回以下两种类型之一：function objecttypeof运算符把对象、数组或null返回object。typeof运算符不会把函数返回...

一、ECMAScript 2015ES2015 引入了两个重要的 JavaScript 新关键词：let和const。这两个关键字在 JavaScript 中提供了块作用域（Block Scope）变量（和常量）。在 ES2015 之前，JavaScript 只有两种类型的作用域：全局作用域和函数作用域。全局作用域全局（在函数之外）声明的变量拥有全局作用域。全局变量可以在 JavaScript 程序中的任何位置访问。函数作用域...

一、JavaScript 显示方案JavaScript 能够以不同方式“显示”数据：使用window.alert()写入警告框 使用document.write()写入 HTML 输出 使用innerHTML写入 HTML 元素 使用console.log()写入浏览器控制台二、使用 innerHTML如需访问 HTML 元素，JavaScript 可使用document.getElementById(id)方法。id属性定义 H...

一、<script> 标签在 HTML 中，JavaScript 代码必须位于<script>与</script>标签之间。注释：旧的 JavaScript 例子也许会使用type属性：<script type="text/javascript">。注释：type 属性不是必需的。JavaScript 是 HTML 中的默认脚本语言。二、JavaScript 函数和事件...