江湖烟雨十年灯-CSDN博客

原创高频手写js js基础

方法一：使用flat()方法二：利用正则但数据类型都会变为字符串方法三：正则改良版本方法四：使用reduce方法五：函数递归。

2023-12-27 11:05:40 890 1

原创 Vue3全局API

创建一个应用实例第一个参数是根组件。第二个参数可选，他是要传递给根组件的props。

2023-12-22 15:33:41 982

原创 javascript中this详解

${thisfoo()只定义了一次，去可以被不同的对象引用，实现了代码共享。

2023-12-19 15:01:08 371

EventBus 事件总线，是一个轻量级的发布-订阅模式的应用模式。相比于MQ更加简洁，轻量，它可以在一个小系统模块内部使用。EventBus 允许组件之间通过发布-订阅进行通信，而不需要组件之间显示的注册。它专门为了代替使用显示注册的传统的Java进程内事件分发，它不是通用的发布-订阅系统，也不是用于进程间通信的。EventBus是一个处理组件间通信的事件总线，它基于发布/订阅模式，实现了多组件之间通信的解耦合，事件产生方和时间消费方实现解耦分离，提升了通信的简洁性。

2023-12-19 11:29:36 789

原创原型和原型链(前端高频面试题)

【代码】原型和原型链(前端高频面试题)

2023-12-18 11:36:46 365

原创 Pinia详细介绍（巨详细包括Store、State、Getter、Action、插件）

pinia插件是一个函数，可以选择性地返回要添加到store的属性。它接收一个可选参数，即context。context.pinia // 用 `createPinia()` 创建的 pinia。context.app // 用 `createApp()` 创建的当前应用(仅 Vue 3)。context.store // 该插件想扩展的 storecontext.options // 定义传给 `defineStore()` 的 store 的可选对象。// ...

2023-12-15 18:17:21 704

原创 Vue3响应式基础

在组合式API中，推荐使用ref()函数来声明响应式状态：ref()接收参数，并将其包裹在一个带有.value属性的ref对象中返回：要在组件模板中访问ref，请从组件的setup()函数中声明并返回他们：//setup是一个特殊的钩子，专门用于组合式API。注意，在模板中使用ref时，我们不需要附加.value。为了方便起见，当在模板中使用时，ref会自动解包。

2023-12-13 16:54:56 774

原创 ·new做了什么 node类型方法 Document类型 Element类型 Text类型获取元素内容的属性 DOM事件机制阻止事件冒泡阻止事件默认行为默认行为

event.target和event.currentTarget区别？target表示目标事件源当前事件是被谁触发的 target指向谁。cuurentTarget 表示当前正在触发事件的dom元素。

2023-09-26 16:26:09 33

原创获取DOM元素的方法

一下两种方法不具有实时性（只能获取页面已经存在的元素）使用 css 选择器进行选择（.类名）

2023-09-26 10:04:32 172

原创四种设计模式（为了批量创建对象）

优点：可以批量创建对象缺点：不能区分种类所有对象都是object的实例方法冗余。

2023-09-26 09:45:07 53

原创 JS的一些方法（string Number Math Date momentjs lodash）

字符方法:1.charAt(index) 返回指定位置索引的字符2.charCodeAt(index) 返回指定位置索引字符的unicode编码操作方法1.substring(start,end) 截取字符串从start位置截取到end(不包含end)位置参数不可以为负数2.concat(str1,str2) 拼接字符串返回拼接好的字符串3.substr(start,length) 截取字符串从start位置截取length个字符 start也可以是负数。

2023-09-26 09:22:15 71

原创 JS正则表达式创建/字符分类/实例方法/实例属性/语法-元字符/数量词/选择，分组，引用/String对正则表达式的支持

正则表达式是由一个字符序列形成的搜索模式。当你在文本中搜索数据时，你可以用搜索模式来描述你要查询的内容。正则表达式可以是一个简单的字符，或一个更复杂的模式。正则表达式可用于所有文本搜索和文本替换的操作。

2023-07-02 18:49:29 131 1

原创 JS复习08 函数作用域/函数调用/函数的应用/闭包

首先认识一下什么叫做自由变量。如下代码中，要得到a变量，但是在当前的作用域中没有定义a（可对比一下b）。当前作用域没有定义的变量，这成为自由变量。自由变量的值如何得到 —— 要到创建这个函数的那个父级作用域寻找，如果没有就一直向上级祖先元素寻找（这就是所谓的"静态作用域"）console.log(a) // 这里的a在这里就是一个自由变量 // 100fn()如果父级也没呢？再一层一层向上寻找，直到找到全局作用域还是没找到，就宣布放弃。这种一层一层的关系，就是作用域链。

2023-06-27 15:35:17 50

原创 JS 07函数函数介绍/声明/内部属性arguments，this/IIFE

函数允许我们封装一系列代码来完成特定任务。当想要完成某一任务时，只需要调用相应的代码即可。方法（method）一般为定义在对象中的函数。JavaScript 使用关键字function定义函数。函数可以通过声明定义，也可以是一个表达式。函数的作用：功能的封装，直接调用，代码复用率提高构建对象的模板（构造函数）函数实际上是对象，每个函数都是Function类型的实例，并且都与其他引用类型一样具有属性和方法，由于函数是对象，因此函数名实际上也是一个指向函数对象的指针，不会与某个函数绑定。

2023-06-26 11:21:17 142 1

原创 JS 重构map映射重构filter 数组扁平化（数组嵌套数组变成一个数组）

/**/**/**/**/**/**/**

2023-06-25 17:31:16 106

原创 JS隐式转换

/ console.log([] + [],typeof ([] + []),‘转换1’);//“” toString()// console.log({} + {},‘转换3’);//[object Object][object Object]// console.log([] + {},‘转换2’);//[object Object] // toString()// - / * % 两个字符有一个是其他数据类型就是隐式转换为number进行运算。// 引用数据类型隐式转换。

2023-06-25 16:56:00 26

原创 JS复习06 API/位置方法/迭代方法

slice() 方法可从已有的数组中返回选定的元素。slice()方法可提取字符串的某个部分，并以新的字符串返回被提取的部分。startend。

2023-06-20 17:56:12 22

原创 JS复习05 数组基础/创建/访问/API

/fruits 结果输出：Banana,Orange,Appleshift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。此方法改变数组的长度！语法返回值类型描述任何类型（*****）数组原来的第一个元素的值（移除的元素）。

2023-06-20 11:30:50 19

原创 JS复习04 对象的创建/访问/新增删除对象中的属性/强制类型转换/检测属性Object原型及方法/定义属性/对象序列化

ECMAScript中有两种属性：数据属性、访问器属性。这两种属性用于设置属性的高级属性，例如该属性是否可以配置，是否可以读写，是否可以遍历，并且可以通过setter,getter来监听数据的改变。

2023-06-19 17:35:57 102 1

原创 JS复习03 类型转换/流程控制语句（分支/循环）

condition表示任意表达式，该表达式求值的结果不一定是布尔类型，如果不是布尔类型，ECMAScript会调用Boolean() 转换函数将这个表达式结果转换为一个布尔类型，当该值为true时，执行if代码块中的内容。当condition为true时，执行if代码块中的内容，否则，执行else代码块中的内容，一般情况下，如果代码块中代码只有一行，可以省略大括号。通常在写代码时，总是需要为不同的决定来执行不同的动作。如果希望一遍又一遍地运行相同的代码，并且每次的值都不同，那么使用循环是很方便的。

2023-06-16 09:57:19 26 1

原创 JS复习02 操作符/算数运算符/一元运算符/赋值运算符/比较运算符/逻辑运算符/JavaScript隐式转换

进行ToPrimitive，两个都是Array对象，不是Date对象，所以以Number为转换标准，所以先调用valueOf()，结果还是[ ]，不是原始值，所以继续调用toString()，结果是“”(空字符串)原始值，将“”返回。{ }先调用valueOf()，结果是{ }，不是原始值，所以继续调用toString()，结果是“[object Object]”,是原始值，将“[object Object]”返回。引用类型和基本类型的比较就相对复杂一些，先要把引用类型转成基本类型，再按上述的方法比较。

2023-06-14 16:05:30 49

qq_53642101的博客