小马Ti的博客

el与data的两种语法el:第一种:老方法直接通过el属性绑定 第二种:通过实例对象方法绑定容器.通过$mount方法实现挂载 data第一种,对象式: 第二种,函数式:用组件的时候,一定使用函数式(一定是普通函数function) 简便方法: 由Vue管理的函数,一定不要写箭头函数,一旦写了箭头函数,this所指向的对象就不是Vue了.

数据更新原理监测分类1.一个默认监测负责监视data里面的更新 2.一个程序员的手动watch监测基本原理依靠set方法中的重新解析模板,来实现数据的实时更新.而set是在Observer这个监测的实例对象中的. 1.监测对象①data数据加工 ②_data结果输出 2.监测数组通过无限的向内查找,直到寻找到基本数据类型,才开始设置set和get方法

$nextTick

默认参数定义默认参数（Default Parameters）是 JavaScript ES6 中引入的功能，它允许在函数声明时为参数指定默认值。当调用函数时，如果没有传入相应的参数，则使用该默认值。 组成部分1.函数参数：在函数定义时使用 = 给参数设置默认值。 2.默认值：如果调用时没有传入参数，参数将使用该默认值。 结构形式12345function foo(a = 10) { console.log(a);}foo(); // 输出：10foo(5); // 输出：5 目的默认参数的目的是简化函数的参数处理，避免为每个缺省的参数手动检查 undefined 或 null，使函数在调用时更加简洁、容错性更强。 使用方法1.在函数声明时使用 = 给参数设置默认值。2.默认值会在参数未传入或传入 undefined 时生效。示例:123456function greet(name = "游客") { console.log(`你好，${name}!`);}greet();...

定义语法糖指的是某些特定的编程语法，它们通过对常规语法的简化、重构，使代码更易于编写、阅读和理解，但本质上并没有增加新的功能，所有的语法糖最终都可以转换为更加复杂或者繁琐的基础语法。 目的通过简化或优化语言的语法，减少代码的冗长，使得程序员能够更加专注于解决实际问题，而不是被繁琐的语法细节所困扰。 基本原理语法糖本质上是在编译器或解释器中做的语法映射，它将简化的语法转换为更原始的形式进行执行。 历史“语法糖”这个术语的由来，是通过比喻的方式来形容某些编程语言中语法的简化形式。就像糖一样，它并不改变食物的基本成分或营养价值，只是使食物更加美味和容易接受。类似地，语法糖在编程中并没有增加新的功能，它只是对某些复杂的操作提供了更加简洁、易懂的表达方式。

箭头函数定义箭头函数（Arrow Function）是 JavaScript ES6 引入的一种简洁的函数表达式书写方式，使用箭头符号 => 来定义函数。箭头函数通过简化函数声明语法，使得函数的定义更加简洁，并且具有不同于普通函数的 this 绑定规则。 组成部分1.箭头符号使用 => 来表示函数的定义。 2.函数参数函数的输入参数，括号中写出（对于单个参数可以省略括号）。 3.函数体箭头后面跟着的函数体部分，若函数体只有一行表达式，可以省略 {} 和 return 关键字。 结构形式1.基本语法12const sum = (a, b) => a + b; 2.无参数函数12const greet = () => console.log("Hello, World!"); 3.单个参数:如果只有一个参数，可以省略括号12const square = x => x * x; 4.多行函数体:如果函数体有多行代码，必须使用 {} 包裹，并且需要显式 return...

模板字符串定义模板字符串（Template String）是 JavaScript ES6 引入的一种新的字符串表示方式，用反引号（`）包裹，支持嵌入表达式和多行内容，增强了字符串的可读性和灵活性。 组成部分反引号：用来包裹模板字符串。占位符：使用 ${} 插入变量或表达式的计算结果。普通字符串内容：除了占位符，模板字符串还可以包含任何普通字符。 结构形式1.单行模板字符串：12const str = `这是一个单行模板字符串。`; 2.多行模板字符串：1234const str = `这是一个多行模板字符串。`; 3.含表达式的模板字符串：123const name = "张三";const str = `你好，${name}`; 使用方法1.声明模板字符串：用反引号包裹。 2.嵌入变量：通过 ${变量名}。 3.嵌入表达式：通过 ${表达式}。 4.处理多行：直接回车换行即可。 示例1234const name = "张三";const age = 25;const greeting =...

模块化ES6规范使用方式第一种方式1.导出具体的函数 2.导入并使用 如果不支持高版本语法,那么需要先降级处理.然后执行处理后的降级代码使用方式二1.整体导出函数 2.另一个js文件中导入并使用

模块化CommonJS规范1.创建一个文件夹 2.创建一个完成了功能的js文件 3.编写导出语句,来导出想要使用的函数 4.在其他的js中,导入类然后使用

数组Reduce定义reduce() 方法通过接收一个回调函数，在数组的每个元素上依次执行该回调函数，并返回最终的单一结果。这个结果可以是任何类型的数据（例如数字、对象、数组等）。 作用reduce 可以将数组中的多个值汇总、合并或转化为一个单一的值，通常用于处理复杂的聚合或累积操作。 目的reduce 提供了一种强大的方式来对数组进行聚合、转换、递归等操作。它比传统的循环方法更加灵活和简洁，适用于许多复杂的场景。 使用方法reduce() 接受一个回调函数和一个可选的初始值作为参数。回调函数的执行会在数组的每个元素上进行，回调函数的签名如下： 12345678910array.reduce(function(accumulator, currentValue, currentIndex, array) { // 返回新的累积值}, initialValue);/*accumulator（累加器）：存储着上一次回调函数的返回值，在第一次执行时为...