![](https://img-blog.csdnimg.cn/ca171866815d411599da81067ba20857.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
JavaScript
文章平均质量分 92
JavaScript基础和进阶知识的学习笔记
Sco_Jing1031
Succès ou échec dans celui-ci
展开
-
【JavaScript】类数组对象
本文主要整理了JavaScript中的类数组对象和arguments知识点。原创 2022-03-23 22:00:00 · 2742 阅读 · 0 评论 -
ES6--Promise基础
文章主要包括ES6中promise的用法:then链式操作的用法、reject、catch、all、race的用法,以及手动实现promise的步骤。原创 2022-03-17 20:30:00 · 2571 阅读 · 1 评论 -
【JavaScript】归并排序和分治算法
归并排序将待排序的元素分为大小大致相同的集合, 分别对两个子集合进行排序, 最终排序号的子集合合并为有序集合。运用了分而治之的思想(分治法)。 归并排序是八大排序算法其中一种, 归并采用分而治之的思想对排序序列,分解成不可再分的子序列,再对子序列向上合并原创 2021-12-16 19:37:02 · 1260 阅读 · 2 评论 -
JS防抖和节流
欢迎学习交流!!!持续更新中…文章目录防抖节流二者区别应用场景防抖和节流都是为了项目优化而出现的,官方没有具体定义的,他们的出现主要是为了解决一些短时间内连续执行的事件带来性能上的不佳和内存的消耗巨大等问题;像这类事件一般像 scroll keyup mousemove resize等等,短时间内不断的触发,在性能上消耗是非常大的,尤其是一些改变DOM结构的操作;节流[throttle]与防抖[debounce]非常相似,都是让上述这类事件在规定的事件从不断的去触发更改成为规定的时间内触发多少.原创 2021-11-25 18:25:36 · 8289 阅读 · 7 评论 -
浅拷贝和深拷贝
欢迎学习交流!!!持续更新中…文章目录原创 2021-11-20 18:04:17 · 200 阅读 · 1 评论 -
js动画与css3动画的区别
欢迎学习交流!!!持续更新中…文章目录JS动画(逐帧动画)css3(补间动画)总结JS动画(逐帧动画) 首先,在js动画是逐帧动画,是在时间帧上逐帧绘制帧内容,由于是一帧一帧的话,所以其可操作性很高,几乎可以完成任何想要的动画形式。但是由于逐帧动画的帧序列内容不一样,会增加制作负担,且资源占有比较大。 但它的优势也很明显:因为它相似与电影播放模式,很.原创 2021-11-12 15:43:50 · 1499 阅读 · 2 评论 -
JavaScript-垃圾回收机制
欢迎学习交流!!!持续更新中…文章目录JS的垃圾回收机制标记清除引用计数JS的垃圾回收机制 众所周知,应用程序在运行过程中需要占用一定的内存空间,且在运行过后就必须将不再用到的内存释放掉,否则就会出现内存的占用持续升高的情况,一方面会影响程序的运行速度,另一方面严重的话则会导致整个程序的崩溃。 JS不像C/C++,JS有自己的一套垃圾回收机制(Gar.原创 2021-11-02 20:13:08 · 100 阅读 · 2 评论 -
JavaScript - 展开运算符
欢迎学习交流!!!持续更新中…文章目录展开运算符展开运算符把对象或者数组里面的东西直接打开,一般多用于数组里面语法:...数组 或 ...对象作用:进行数组的拼接进行函数的参数传递基础用法let arr1 = [1,3,5,7,9]let arr2 = [2,4,6,8,10]console.log(...arr1); //展开一个数组let arr3 = [...arr1,...arr2] //连接数组console.log(arr3)函数.原创 2021-09-28 20:13:05 · 169 阅读 · 1 评论 -
JavaScript-ES6新特性
文章目录原创 2021-08-01 23:33:13 · 2091 阅读 · 19 评论 -
史上最全 jQuery 知识点小结(下)
文章目录jQuery属性操作jQuery内容文本值jQuery元素操作(遍历、创建、添加、删除)jQuery尺寸、位置操作jQuery尺寸jQuery位置jQuery事件jQuery事件注册jQuery事件处理on()绑定事件off()解绑事件## jQuery(动画)效果### 显示与隐藏效果语法规范 | 说明------|-------show([speed,[easing],[fn]]) | 显示hide([speed,[easing],[fn]]) | 隐藏toggle([spe原创 2021-07-29 22:35:16 · 179 阅读 · 4 评论 -
史上最全 jQuery 知识点小结(上)
文章目录jQuery概述JavaScript库jQuery概念jQuery的入口函数jQuery的顶级对象$jQuery对象和DOM对象jQuery常用APIjQuery选择器基础选择器层级选择器jQuery概述JavaScript库JavaScript库:即 library,是一个封装好的特定的集合(方法和函数)。从封装一大堆函数的角度理解库,就是在这个库中,封装了很多预先定义好的函数在里面,比如动画animate、hide、show,比如获取元素等。简单理解: 就是一个JS 文件,里面对原生j原创 2021-07-27 21:22:26 · 697 阅读 · 11 评论 -
JavaScript-正则表达式
文章目录概述在JavaScript中的使用创建正则表达式测试正则表达式 test特殊字符正则表达式的组成模块修饰符边界符字符类量词符【案例】用户名验证括号总结预定义类替换概述正则表达式( Regular Expression )是描述字符串规则的表达式。用于匹配字符串中字符组合的模式。在 JavaScript中,正则表达式也是对象。正则表通常被用来检索、替换那些符合某个模式(规则)的文本,例如验证表单:用户名表单只能输入英文字母、数字或者下划线, 昵称输入框中可以输入中文(匹配)。此外,正则表达式原创 2021-07-20 22:21:16 · 196 阅读 · 1 评论 -
JavaScript-BOM
文章目录BOM概述BOM和DOM区别BOM构成windows对象的常见事件定时器函数JS执行队列location对象navigator对象history对象BOM概述BOM(Brower Object Model):浏览器对象模型。核心对象是window,因为它提供了独立内容而与浏览器窗口进行交互BOM和DOM区别DOMBOM文档对象模型浏览器对象模型DOM 就是把「文档」当做一个「对象」来看待把「浏览器」当做一个「对象」来看待DOM 的顶级对象是 docu原创 2021-06-17 21:57:47 · 384 阅读 · 3 评论 -
JavaScript-事件进阶
文章目录事件进阶事件对象鼠标事件键盘事件事件进阶注册事件删除事件DOM事件流事件对象什么是事件对象事件对象的使用事件对象的常见属性和方法鼠标事件鼠标事件的常用方法鼠标事件对象案例:图片跟随鼠标移动键盘事件键盘事件的常用方法键盘事件对象案例:文本框提示信息...原创 2021-06-11 18:02:53 · 225 阅读 · 6 评论 -
JavaScript-节点操作
文章目录排他操作(算法)属性操作自定义属性节点基础节点操作事件进阶事件对象鼠标事件键盘事件排他操作(算法)如果有同一组元素,想要某一个元素实现某种样式, 需要用到循环的排他思想算法:所有元素全部清除样式(干掉其他人)给当前元素设置样式 (留下我自己)注意顺序不能颠倒,首先干掉其他人,再设置自己属性操作获取属性值设置属性值移除属性案例:Tab栏切换自定义属性设置属性值获取属性值节点基础什么是节点节点层级案例:下拉菜单节点操作创建节点添加和删除节点案例:简易留言板原创 2021-06-09 17:42:41 · 329 阅读 · 1 评论 -
JavaScript-Web API、DOM、获取元素、事件、操作元素和自定义属性
文章目录1. Web API简介2. DOM3. 获取文档中的元素3.1 根据id获取3.2 根据标签名获取3.3 根据name属性获取元素3.4 根据class类名获取元素根据选择器获取4. document对象的属性5. 事件6. 事件的类型7. 操作元素内容8. 操作元素的属性1. Web API简介JavaScript的组成部分:API:应用程序接口,已经编译好的一种函数,帮助开发者实现某种功能,无需理解内部工作机制细节,只需要知道如何使用在解决问题的过程中,先去看有没有可以帮助解决的AP原创 2021-06-04 23:45:15 · 392 阅读 · 8 评论 -
JavaScript-ES5新增方法
文章目录数组方法forEach()循环方法filter()筛选数组方法some()查找是否有满足条件的数组字符串方法数组方法迭代(遍历)方法:forEach()–>可以看做是增强版的for循环、map()、filter()、some()、every();map()和forEach()很相似,也是遍历数组every()和some()很相似,也是查询数组元素是否存在forEach()循环方法array.forEach(function(currentValue, index, arr))原创 2021-06-03 21:57:39 · 122 阅读 · 6 评论 -
JavaScript-this指向、继承(构造函数和原型对象)、URI和http(s)
文章目录this关键字案例:分析this指向更改this的指向this关键字构造函数中的this指的是新创建的对象,不代表这个类,指的是由类指针创建出来的对象直接通过函数名调用函数(普通函数),this指的是全局对象window(构造函数只能通过new运算符调用,不能直接显示调用)如果将函数作为对象的方法调用,this会指向该对象普通函数中加不加this都可以,默认this指向window案例:分析this指向function foo() { return this}var o =原创 2021-06-02 21:45:05 · 426 阅读 · 4 评论 -
JavaScript-构造函数和原型
文章目录构造函数和原型构造函数问题构造函数原型prototype对象原型 `__proto__`constructor构造函数构造函数、实例、原型对象三者之间的关系原型链成员查找机制原型对象this指向扩展内置对象构造函数和原型在典型的 OOP 的语言中(如 Java),都存在类的概念,类就是对象的模板,对象就是类的实例,但在 ES6之前, JS 中并没用引入类的概念。在 ES6之前 ,对象不是基于类创建的,而是用一种称为构建函数的特殊函数来定义对象和它们的特征。创建对象的三种方式:对象字面量原创 2021-06-02 00:00:35 · 197 阅读 · 12 评论 -
JavaScript-面向对象
文章目录1. 面向对象2. ES6中的类和对象2.1 类和对象2.2 构造函数1. 面向对象面向过程编程POP:就是分析出解决问题所需要的步骤,然后用函数把这些步骤一步一步实现,使用的时候再一个一个的依次调用。面向过程,就是按照分析好了的步骤,按照步骤解决问题。面向对象编程OOP:面向对象是把事务分解成为一个个对象,然后由对象之间分工与合作。面向对象是以对象功能来划分问题,而不是步骤。在面向对象程序开发思想中,每一个对象都是功能中心,具有明确分工。面向对象编程具有灵活、代码可复用、容易维护原创 2021-05-31 21:16:12 · 811 阅读 · 6 评论 -
JavaScript-对象和内置对象
文章目录1. 对象1.1 创建对象利用字面量创建对象利用new Object创建对象利用构造函数创建对象1.2 new关键字1.3 遍历对象属性小结1.4 变量、属性、函数、方法总结2. 内置对象2.1 查文档2.2 Math对象1. 对象在JS中,对象是一组无序的相关属性和方法的集合,所有事物都是对象,例如字符串、数值、数组、函数等。对象是具体的事物对象是由属性和方法组成的,是属性和行为的结合体属性:事物的特征,在编程中也叫成员变量、数据成员(常用名词)方法:事物的行为,用方法表示(常用动词)原创 2021-05-28 22:50:25 · 1529 阅读 · 18 评论 -
JavaScript-变量的作用域、闭包、预解析
文章目录变量的作用域闭包预解析变量的作用域通常来说,指一段代码中所用到的名字的可用性的代码范围就是该名字的作用域。(代码名字(变量)在某个范围内起作用和效果)作用域的使用提高了程序逻辑的局部性,增强了程序的可靠性,减少了名字冲突。JavaScript(es6前)中的作用域分为两种:全局作用域:作用于整个script标签或者是一个单独的js文件局部作用域(函数作用域):代码名字只在函数内部起作用和效果,跟函数有关系。JS没有块级作用域(在ES6之前):块作用域由 { } 包括,比如 if {原创 2021-05-25 10:29:57 · 201 阅读 · 7 评论 -
JavaScript-函数(调用、参数、return、arguments、匿名、回调、递归函数)、函数案例
文章目录1.函数1.1 定义/声明函数1.2 调用函数1.3 函数的参数1.3.1 函数形参和实参个数不匹配问题1.4 函数的返回值1.5 arguments的使用1.62. 函数的案例题return语句arguments的使用1.函数就是封装了一段可被重复调用执行的代码块,通过此代码块可以实现大量代码的重负使用1.1 定义/声明函数function 函数名 ([]) ---->中括号表示可选,可有可无{ 函数体语句}function是一个关键字,全部小写函数名:是一个标识符原创 2021-05-21 21:34:06 · 437 阅读 · 9 评论 -
JavaScript-数组(创建、访问、新增)、查找(二分法)、排序(冒泡、选择)、二维数组
文章目录1. 数组1.1 创建数组1.2 数组元素的访问1.3 新增数组长度1. 数组一组数据的集合,每个数据被称作元素,可以存放任意类型的元素。是一种将一组数据存储在单个变量名下的方式。1.1 创建数组利用new创建数组利用数组字面量创建数组<script>var 数组名 = new Array() ; // A要大写var arr = new Array(); // 创建一个新的空数组//1. 使用数组字面量方式创建空的数组var 数组名 = [];//2.原创 2021-05-18 21:26:18 · 277 阅读 · 2 评论 -
JavaScript-流程控制(if else、三元表达式、switch)、循环(for、while、continue break)
文章目录1. 流程控制1.1 顺序结构1.2 分支结构1.2.1 if语句1.2.2 if else语句(双分支结构)1.2.3 if else if语句(多分支语句)1.3 三元表达式1.4 分支流程控制 switch 语句1.5 switch语句和 if else if 语句的区别2. 循环2.1 for 循环2.2 while 循环2.3 do...while 循环2.4 continue break1. 流程控制主要有三种结构:顺序结构、分支结构和循环结构,代表三种代码执行的顺序1.1 顺序原创 2021-05-08 17:55:45 · 259 阅读 · 2 评论 -
JavaScript-变量、数据类型(基本、复杂、数据类型转换)、运算符(算术、递增/减、比较、逻辑、赋值、优先级)
文章目录1. JavaScript中的变量1.1 变量的本质1.2 变量的使用1.3 变量的语法拓展1.4 变量的命名规范2. JavaScript的数据类型2.1 弱类型2.2 基本数据类型2.3 引用数据类型(复杂/合数据类型)2.4 常见的数制转换2.5 数据类型转换3. JavaScript运算符3.1 算术运算符3.2 递增和递减运算符3.3 比较运算符3.4 逻辑运算符3.5 赋值运算符3.6 运算符优先级1. JavaScript中的变量1.1 变量的本质变量是程序在内存中申请的一块用来原创 2021-05-07 17:41:52 · 163 阅读 · 2 评论 -
计算机基础、JavaScript概述(作用、三者关系、浏览器执行JS、组成)、JS使用方法、JS语法规则、JS的输入输出
文章目录1. 计算机基础1.1 计算机组成1.2 数据存储单位1.3 程序运行1.4 编程语言2. JavaScript概述2.1 JS是什么2.2 JS作用2.3 HTML/CSS/JS关系2.4 浏览器执行JS简介2.5 JS的组成2.6 JS特点2.7 Web前端开发的常用工具3. JS的使用方法4. JS语法规则5. JS的输入输出1. 计算机基础1.1 计算机组成1.2 数据存储单位bit < byte < kb < GB < TB<…位(bit):原创 2021-05-06 16:21:46 · 344 阅读 · 2 评论