- 博客(80)
- 收藏
- 关注
RSS订阅原创 JavaScript：执行上下文 (栈)、作用域（链）、预解析
执行上下文、执行上下文栈、预解析、作用域、作用域链、 （打断点）执行上下文（执行上下文环境）：//全局环境 函数环境程序在解析和运行的时候所依赖和使用的环境；全局执行上下文环境 和 函数执行上下文环境 （全局环境和函数环境）执行上下文 > 栈：程序为了管理执行上下文（确保程序的执行顺序）所创建的一个栈数据结构，被称作执行上下文栈；预解析（变量提升）：先解析函数：函数重名覆盖再解析变量：变量重名忽略作用域：(抽象的概念，代码定义的时候作用域就确定死了)变量起作用的范围；作用域;
2024-04-17 17:29:11
846
原创 js: UrlDecode解码、UUID和GUID、阿拉伯数字转为中文数字
UrlDecode 是一个 JavaScript 函数，用于将经过 URL 编码的字符串转换为普通字符串。URL 编码是将特殊字符转换为它们的百分比编码表示形式的过程。这些特殊字符包括空格、斜线、井号（#）等。UrlDecode 函数将这些百分比编码转换回相应的特殊字符。UrlDecode 函数接受一个参数，即需要解码的字符串。它返回解码后的字符串。
2024-04-17 17:27:54
1258
原创 JavaScript：事件循环机制（同步、异步）（单、多线程）
1. 进程：程序的一次执行, 它占有一片独有的内存空间2. 线程： CPU的基本调度单位, 是程序执行的一个完整流程3. 进程与线程* 一个进程中一般至少有一个运行的线程: 主线程* 一个进程中也可以同时运行多个线程, 我们会说程序是多线程运行的* 一个进程内的数据可以供其中的多个线程直接共享* 多个进程之间的数据是不能直接共享的。
2024-04-13 13:01:40
1009
原创 JavaScript：nodeType节点/文档碎片对象模型-DcoumentFragment
节点: 标签节点,属性节点,文本节点,他们都是节点,节点是有类型的标签---->元素(DOM中的叫法)---->标签节点文本节点:文字内容,空行,回车,空白文本节点属性节点:标签中的属性和值文档:整个当前的页面,页面中的标签都有嵌套的关系,一层一层的,形成了一个树形的的效果,称为:树形结构图,DOM树获取了一些节点,通过判断该节点的类型,就可以知道获取的节点到底是什么节点!nodeType属性可以获取当前这个节点的类型该属性值: 1---标签节点, 2----属性节点,
2024-04-09 17:08:34
923
原创 JavaScript中的BOM: history-Location-Navigator
BOM(浏览器对象模型)- BOM中为我们提供了一组对象，借助这组对象可以通过JS来操作浏览器Window （代表整个浏览器窗口，全局对象）Navigator （表示浏览器的信息）Location （表示浏览器地址栏信息）History （表示浏览器的历史记录）Screen （表示用户的设备的屏幕信息）- BOM对象都是window对象的属性，可以通过window对象访问，也可以直接访问。
2024-04-09 17:06:47
868
2原创 JavaScript：键盘事件、定时器
keydown 事件 会在按键在元素上按下时触发keyup 事件 会在按键在元素上松开时触发键盘事件只能绑定给可以获取焦点的元素事件对象中key属性，表示当前所按的按键keyCode返回的是按键的编号（不区分大小写和换挡）类似于ctrl alt shift这种功能按键，在事件对象中都有专门判断属性ctrlKey 用来判断ctrl是否被按下，按下返回true，否则返回falsealtKey 用来判断alt是否按下shiftKey 用来判断shift是否按下。
2024-03-17 17:15:54
1843
原创 Dom多个事件绑定addEventListener、鼠标事件、拖拽元素
addEventListener()- 也可以通过addEventListener()来为元素绑定事件addEventListener(type, listener [, useCapture])- 参数：type 要监听的事件的字符串，注意这里不需要写onlistener 回调函数，当事件发生后调用的函数useCapture 布尔值，是否在捕获阶段触发事件，一般都是false通过addEventListener()可以为一个元素的一个事件绑定多个响应函数，这样当事件被触发时
2024-03-15 14:30:52
1669
原创 DOM事件event/冒泡/委派/取消默认行为/dataset属性
javascript中: DOM事件event/冒泡/委派/取消默认行为， h5中:dataset属性
2024-03-15 14:28:26
448
原创 JavaScript中DOM：document（网页）
在JS中，浏览器已经为我们提供了document对象document对象代表整个网页，该对象由浏览器提供，可以直接使用。
2024-03-14 10:30:42
1109
原创 JavaScript：JSON、三种包装类
我们希望可以将一个对象在不同的语言中进行传递，以达到通信的目的，最佳方式就是将一个对象转换为字符串的形式- JS的对象表示法- JSON实际上就是一个字符串，它的语法格式和JS对象的语法基本上是一致通过JSON表示的对象可以在任意的语言中使用- JSON的语法和JS对象的语法基本一样，不同点在于，JSON中属性名必须加引号，而且必须是双引号JSON中的字符串也必须使用双引号最后一个属性后边不能再有逗号- JSON的类型：JSON对象 {}JSON数组 []
2024-02-18 17:28:02
1190
原创 JavaScript：正则表达式
- 正则表达式用来描述一个关于字符串的规则程序可以根据这个规则来识别一个字符串是否符合要求或者从一个字符串中提取出符合要求的内容
2024-01-09 19:30:35
878
原创 javaScript：Math工具类方法
=>和其他的类的不同，Math并不是一个构造函数，也就是无法通过new来创建Math的实例=>Math表示的数学，在Math对象中存储了一组数学运算相关的常量的和方法
2024-01-07 08:59:03
670
原创 JavaScript：关系数组、对象的复制
浅复制(浅拷贝)表示只对对象中的属性进行复制，如果对象的属性还是一个对象，不会对其复制。深复制(深拷贝)，指不仅复制对象本身，也会复制其对象属性（性能差）。
2024-01-06 20:16:21
620
原创 JavaScript：快速排序、冒泡排序、归并排序
快速排序和冒泡排序是常见的排序算法在java、JavaScript等多种语言中都有的两种排序算法
2023-12-27 09:20:40
457
原创 JavaScript：递归~递归深克隆对象
其实递归的功能和循环类似，都是可以用来反复去执行某段代码的，但是相比于循环来说，递归的执行性能要低的多，并且大部分解析器都会限制递归执行的次数相比于循环，递归的逻辑（代码）更容易理解
2023-12-26 10:06:40
637
原创 JavaScript中：修改this的方法call() apply()/bind()
call() 是函数对象的方法，需要由函数对象来调用- 当调用函数的call方法时，函数会立即执行，就相当于调用了函数- 通过call()方法调用函数时，可以通过它的第一个参数来指定函数的thisapply() 也是函数对象的方法，作用和call差不多- 区别：call在向函数传递实参时，参数是一个一个的传递的apply在向函数传递实参时，参数时存储在一个数组中传递的- 注意无法通过call和apply来指定箭头函数中的this
2023-12-26 10:05:00
658
原创 JavaScript：函数隐含对象arguments/剩余参数. . .c/解构赋值
除了this，在函数内部还存在着一个隐含的参数argumentsarguments 是一个类数组对象（伪数组）调用函数时传递的所有实参，都被存储在arguments中arguments[0] 表示的是第一个实参arguments[1] 表示的是第二个实参以此类推...通过arguments即使不定义形参也可以使用实参。
2023-12-25 09:14:00
908
原创 JavaScript中：箭头函数/高阶函数/函数柯里化
如果一个函数的参数是函数，或者函数的返回值是函数则这个函数我们就称其为高阶函数柯里化必然是一个高阶函数
2023-12-23 11:05:56
997
原创 JavaScript中的数组Array（对象）
- 数组也是一个对象- 数组也是用来存储数据的- 和object不同，数组中可以存储一组有序的数据，
2023-12-22 09:37:06
578
原创 JavaScript中的this＞构造函数/原型/垃圾回收机制
在每一个函数中，都有一个隐含的参数，叫做 this this代表的是当前调用函数的对象，谁调用的函数this就是谁
2023-12-21 09:29:52
1349
原创 JavaScript中作用域的理解
作用域（scope）- 作用域指的是变量的作用范围- 变量的作用域指一个变量在哪些位置可见，在哪些位置不可见
2023-12-20 13:17:41
1137
原创 JavaScript中函数 function=＞对象
对象的本质就是用来储存数据的(容器—塑料袋)在JS中有很多很多很多种不同的对象，用来存放不同的数据函数（function）也是一个对象！和object不同，函数是专门用来存储代码的对象，可以将一组代码存储到一个函数对象中，并且在需要时对函数进行调用以使其存储的代码执行
2023-12-19 09:32:55
1130
原创 JavaScript中object对象
对象（object），变量之间是相互独立的，对象就像是一个容器一样，在对象的内部可以存储多个类型不同的变量当我们需要表示一些复杂数据，只需要将相关的值统一存储到一个对象，即可完成
2023-12-18 09:23:18
1017
原创 JavaScript中的数据类型
JS中有8种数据类型，分别是：String（字符串）Number（数字）Boolean（布尔值）Undefined（未定义）Null（空）Object（对象）Symbol（符号）bigint（在ES2020版本中，定义的一种数据类型），专门用来表示大整数
2023-12-12 10:13:23
1281
原创 Javascript的基本语法(规范)
JS的基本语法规范1.JS中严格区分大小写2.JS中每一个指令被称为一个语句，每一个语句都应该以分号结尾- 在JS中有自动的添加分号的机制，如果不写分号浏览器会自动为你添加- 有些情况下，浏览器可能会给你加错了（几率低）3.JS中会忽略多个空格和换行，所以我们可以通过缩进和空格来对代码进行格式化
2023-12-11 09:29:50
891
原创 vue3自定义路由栈pinia+vue-router来实现
我们知道vue-router使用push跳转可以通过浏览器的返回箭头，就能回到上一页，是因为它有路由栈，每次跳转都会存放（记录）当前路由的相关信息。根据这个思路我们利用pinia+vue-router 来自定义路由栈。
2023-12-09 17:20:55
1027
原创 vue3中使用图片懒加载（性能优化）
图片懒加载（Lazy Loading）是一种延迟加载图片的技术，它只有在图片即将进入浏览器可视区域时才加载图片，从而减少页面初始加载时间和提高页面加载性能。
2023-12-08 11:02:22
2579
原创 vue3.2版本setup语法糖
一、Vue3.0 里定义的变量、属性和方法必须 return 出来，中才能使用；这样会导致在页面上变量会出现很多次。vue3.2只需在script标签中添加setup，就可以帮助我们解决这个问题,无需再写return了。二、不用写export default 、setup函数三、组件只需import引入不用写components{}注册四、不可以直接写name: 'xxx', 但默认name 是 组件名，如Home.vue name 就是Home。
2023-12-07 09:48:31
1768
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人