
javascript
文章平均质量分 93
꒰ঌsnail໒꒱
这个作者很懒,什么都没留下…
展开
-
【JQuery--学习小结】
(1)在页面文件中导入jQuery.js文件(2)在script标签中编写js代码简写(推荐):完整写法:4、jQuery的基本选择器(1)id选择器:#id(1):first:选择第一个元素(2):last:选择最后一个元素(3)not(selector):不是指定的某个元素(4):even:索引为偶数的元素(5):odd:索引为奇数的元素(6):eq(index):索引等于index的元素(7):gt(index):索引大于index的元素(8):lt(index):索引原创 2022-06-27 16:57:18 · 237 阅读 · 0 评论 -
【ES6的新特性-箭头函数&类的定义&模块化】
(2)箭头函数☀️举例如下:☀️举例如下:☀️举例如下:d、在箭头函数中若要使用隐式返还的功能返回一个对象,则必须用“()”括起来☀️举例如下:ES5类的创建:先定义构造方法,在构造方法中封装类的功能,使用new运算符创建类的对象。ES6类的创建:在ES6中提供了class关键字来定义类,在写法上更简洁,语义化更强。说明:类的成员包括成员变量(属性)和成员方法。A、ES5定义静态成员的方法:a、静态属性:构造方法名.属性名 //该属性是静态的,为所有对象共享b、静态方法原创 2022-06-27 10:17:19 · 226 阅读 · 0 评论 -
【ES6的新特性-Set集合和Map集合】
Set集合:是一种数据结构,结构类似于数组,且没有重复的值。主要用于数组去重,字符串去重。(1)创建集合:new Set()1.2 操作方法方法含义add()添加值,返回Set结构本身delete()删除值,返回一个boolean表示是否删除成功has()判断该值是否存在,并返回一个booleanclear()清除所有值,没有返回值集合的遍历:set集合中的key和value是相同的,所有key()和values()是一样的。Wea原创 2022-06-23 22:15:29 · 248 阅读 · 0 评论 -
【JavaScript程序的执行机制--详解】
首先看一段代码:就比如这个函数,要想打印出来那个2,需要等到上面那个函数执行完才能执行,不过等一秒还好,你要是设为十秒,一百秒,谁愿意等待呢,是不是?此时我们就引出了以下的概念:☀️看个案例:JS的异步是通过回调函数实现的。一般而言,异步任务有以下三种类型:☀️举个例子:你可以理解为:在执行过程中,主车道上的车正常行驶,那个故障的车(回调函数)需要到应急车道上面维修(异步任务),修好了,才能到主车道上继续行驶。在JavaScript中,任务被分为两种,一种叫宏任务(MacroTask)也叫Task原创 2022-06-22 19:55:18 · 455 阅读 · 0 评论 -
【ES6的新特性-模板字符串&新增数据类型symbol】
ECMAScript 6.0(以下简称ES6)是Javascript语言的下一代标准,已经在2015年6月正式发布了。ECMAScript是Javascript的语法规定,JavaScript是ECMAScript的实现。(1)let和const:两种新的声明方式问题如下:对象的内部对象不能被冻结解决办法:(2)临时死区(3)循环中let和const的使用问题代码段如下:var提升作用域导致输出的i都是5.方法:用let来声明变量(4)解构赋值:rest操作符(…)例1:可以看到,原创 2022-06-21 17:30:34 · 362 阅读 · 0 评论 -
【JavaScript的执行机制简述及BOM的对象-学习小结】
6、执行机制:☀️举个例子:协议://主机名:端口号/路径?参数(1)http://localhost:8089/findAll?id=1002&name=张三(2)http://www.hao123.com—>http://www.hao123.com:80/index.html点击跳转按钮,跳转到所填写的链接页面:form表单页面:index.html模拟服务器页面:往form表单输入值后,用location.search属性在控制台输出url中"?"之后的部分(query部分)也就是参数原创 2022-06-21 16:27:13 · 130 阅读 · 0 评论 -
【Js-正则表达式】
(1)创建正则a、字面量方式:b、使用RegExp的构造函数(2)调用相关的方法进行正则模式匹配a、test()方法:检测字符串是否符合正则的规则返回值:☀️举个例子:由这个例子可以看出,用字面量创建的正则,必须完全一样,才能匹配成功。以’\'开头的字符字符组合:☀️案例展示(用户名验证):☀️案例演示:(1)改变限定符的范围(2)分组十五位满足条件:十六位不满足条件:............原创 2022-06-20 11:24:23 · 113 阅读 · 0 评论 -
事件捕获方式和冒泡方式—它们的区别是什么?
😄看一个document代码段:你看我点一下里面的div,它就会一个冒泡事件,但是这个冒泡事件我们是看不到的,但是它是按这个顺序发生的:从最里面依次沿着上层触发,再看一下模型图:事件捕获:事件捕获实际上是为了在事件到达最终目标 前拦截事件,顾名思义就是捕获某个东西。😄看这个document代码段:同样的图,但是它们的触发顺序却不同,如下:可以看出它是从最外面开始触发的,直到捕获到你点击的div为止,模型图如下:事件冒泡:一个由里到外,冒泡,向上层延申。事件捕获:一个由外到里,前往捕获,形成向下趋..原创 2022-06-13 21:52:45 · 467 阅读 · 0 评论 -
【DOM进阶及BOM-学习小结】
BOM:浏览器对象模型,独立于内容与浏览器进行交互的对象,核心是Windows对象。(1)DOM():文档对象模型。把文档看做对象,顶级对象(核心对象)是documnet。(2)BOM():浏览器对象模型,把浏览器看作对象,顶级对象(核心对象)是window。(1)事件源:触发事件的对象。(2)事件类型:触发了什么样类型的事件。(3)事件处理程序:事件被触发后执行的函数(程序段)。①传统方式:注册的事件具有唯一性(同一个元素同一个事件只能设置一个处理函数),若同一个元素同一个事件设置多个处理函数,则最原创 2022-06-13 20:13:52 · 300 阅读 · 0 评论 -
DOM中的节点,NodeList集合和HTMLCollection集合的区别?
下图可以很好的理解:看一段代码:不同点:相同点:原创 2022-06-10 12:02:45 · 262 阅读 · 0 评论 -
【抽象基类继承、DOM、事件 - 学习小结】
(1)有些类不能实例化,专门用于其他类的继承,这样的类称为抽象基类。我们可以看到Person、Animal都是抽象基类,实例化没有实际意义,专门用于派生子类在抽象基类中定义的方法,在其子类中会被覆盖(重写),通常抽象基类中的方法没有具体的实现。(2)Javascript中实现抽象类:在js中没有专门支持抽象类的语法,但是可以通过new.target来实现。A、super可以在派生类的构造方法中使用(调用基类的构造方法)。B、在派生类中可以通过super调用基类的成员方法。C、在类的构造方法中,不能原创 2022-06-03 22:00:29 · 226 阅读 · 0 评论 -
【原型对象和原型链 (特别特别重要!!!!)&this指针&javascript代码错误处理&类的继承与实例化】
☀️举个例子:☀️上述的例子中的一段代码,可以看到后面的输出是true,可以知道原型对象共享方法。图形解释,使理解更加深刻:输出为true所以说,p1和p2对象它两共享了一个方法,因为原型对象共享方法,他俩的值一样,地址也一样,所以相等。☀️举个例子:图解如下,使理解更加透彻:(1)构造方法名.prototype.constructor☀️举个例子:(2)对象名.constructor☀️举个例子:(3)引申:object是个基类,所有类是从它继承而来(1)获取原型对象的原型对象:原创 2022-06-01 20:02:20 · 292 阅读 · 0 评论 -
【JS(ES6,ES5类的创建及继承)】
一、ES6的面向对象的语法1.面向过程(了解)核心是过程。即分析出解决问题的步骤,用函数将这些过程一一实现,然后依次调用。2、面向对象核心是对象。将需要解决的问题分解成一个个对象,这些对象不是解决问题的步骤。对象只是描述了在解决问题的过程中行为是什么(干了哪些工作)。优点:(1)封装性更强,模块化更深(2)更容易实现复杂的业务逻辑(3)容易维护、模块的复用率高3、面向对象的特征(1)封装性:对象是属性和行为的结合体(2)多态性:同一个消息被不同的对象接收后,会产生不同的效果(3)原创 2022-05-30 21:22:23 · 971 阅读 · 0 评论 -
【Javascript对象-学习小结】
目录一、初始对象1.什么是对象2、面向对象编程3、对象的定义4、创建空对象二、内置对象1. Math对象2.日期对象3.数组对象4.字符串对象5.值类型与引用类型一、初始对象1.什么是对象在JavaScript中,对象是一.种数据类型,它是由属性和方法组成的一个集合。属性是指事物的特征,使用“对象.属性名”访问;方法是指事物的行为,使用“对象.方法名()”进行访问。2、面向对象编程面向对象是一种工程的思想.3、对象的定义通过字面量"{}“进行定义,”{}“中包裹的是对象的成员(属原创 2022-05-27 17:38:48 · 339 阅读 · 0 评论 -
【JavaScript中for、for...in、for...of、forEach的区别和用法】
1.for循环基本语法格式:for(初始化变量;条件表达式;操作表达式){ 循环体语句; }普通for循环在Array和Object中都可以使用。for循环中可以使用return、break等来中断循环。//遍历数组 var arr = [1,2,3,4,5]; for(var i=0;i<arr.length;i++){ console.log(arr[i]); }//遍历对象原创 2022-05-27 15:59:57 · 243 阅读 · 0 评论 -
【Javascript中的预解析】
一、预解析是什么?预解析:就是提前解析代码JS代码的执行是由浏览器中的JS解析器(可以理解为浏览器)来执行的。JS解析器执行JS代码的时候,分为两个过程:预解析过程和代码执行过程。预解析就是:在当前作用域中,JavaScript代码执行之前,浏览器首先会默认的把所有带var和function声明的变量进行提前的声明或者定义。二、var预解析//关于变量的预解析// 没有声明变量,直接输出会报错console.log(num);var num;// 声明变量,没有赋值,此时这个变量原创 2022-05-25 18:25:11 · 597 阅读 · 0 评论 -
【DOM(简介、节点、获取元素)】
总结一、DOM二、节点1.元素节点2.属性节点3.文本节点三、获取元素1.getElementById()2.getElementsByTagName()3.getElementsByClassName()四、小结一、DOM文档(Document):DOM中的“D”,当创建一个网页并把它加载到Web浏览器中时,它把编写的网页文档转换为一个文档对象。对象(Object):DOM中的“O”,对象是一种自给自足的数据集合。与某个特定对象相关联的变量被称为这个对象的属性,只能通过某个特定对象去调用的函数被称为原创 2022-05-25 17:23:51 · 357 阅读 · 0 评论 -
【Javascript函数-相关知识总结】
知识总结一、初始函数1、定义2、调用3、函数分类(1)根据有无返回值分(2)根据函数有无参数分4、 关于函数的参数二、函数进阶1、利用函数求任意数组中的最大值2、利用return提前终止函数3、利用return返回数组4、利用函数对反转数组元素5、函数表达式6、回调函数7、函数的递归调用一、初始函数函数:可以实现某种功能的程序代码块(重复使用)。1、定义 function 函数名([参数]) { 函数体语句 }(1)function是关键字。(2)‘函数名’是标原创 2022-05-19 12:07:46 · 483 阅读 · 0 评论 -
【JS冒泡、选择、插入排序算法】
前言相信排序对于每一个程序员来说都不会陌生,本节,我们一起来探讨一下三个经典排序算法:冒泡、选择和插入排序。思考我们都知道,在分析一个算法的好坏的时候,我们第一反应就是分析它们的时间复杂度,好的算法时间复杂度自然会低,此外,空间复杂度也是衡量它们好坏的标准,好的算法的确也会在空间复杂度上做的比较好。诚如上述,时间复杂度、空间复杂度基本是衡量算法的标准,但是对于排序算法来说,我们还需要考虑一个因素,那就是排序算法的稳定性。排序算法的稳定性是指,在排序过程中,值相同的元素间的相对位置跟排序前的相对原创 2022-05-18 18:07:50 · 307 阅读 · 0 评论 -
【算法中的时间复杂度,空间复杂度】
前言一、认识算法二、时间复杂度三、空间复杂度一、认识算法1.算法算法(Algorithm)是指用来操作数据、解决程序问题的一组方法。对于同一个问题,使用不同的算法,也许最终得到的结果是一样的,但在过程中消耗的资源和时间却会有很大的区别。衡量不同算法之间的优劣主要是通过「时间」和「空间」两个维度去考量:时间维度:是指执行当前算法所消耗的时间,我们通常用「时间复杂度」来描述。空间维度:是指执行当前算法需要占用多少内存空间,我们通常用「空间复杂度」来描述通常会遇到一种情况,时间和空间维度不能够兼原创 2022-05-17 16:07:42 · 217 阅读 · 0 评论 -
【Javascript数组-相关知识总结】
数组知识点总结一、数组(1)创建数组(2)访问数据元素(3)数组遍历二、排序算法1.冒泡排序2、选择排序一、数组数组:是内存中一块连续的存储单元(1)创建数组创建数组的两种常见方式的用法:使用‘new Array()”创建数组。使用“[]”字面量来创建数组。 <script> //使用new Array()创建数组 var arr1 = new Array(); //使用字面量来创建数组 var arr1 = []; </script>原创 2022-05-10 11:20:06 · 301 阅读 · 0 评论 -
【Javascript循环-相关知识总结】
基础知识点总结一、循环结构1.for循环2、break语句3、continue语句一、循环结构重复结构(迭代),根据条件重复执行部分代码1.for循环for(表达式1;表达式2;表达式3){ 循环体语句 }流程图助于理解:注意:①在没有"{}"的时,循环的控制范围到期后的第一条语句②三个表达式都可以省略,但是分号不能省略(表达式省略会出现死循环) for(;;){ 循环体语句 }算法所要了解的两个小知识:原创 2022-05-09 17:02:21 · 458 阅读 · 0 评论 -
【javascript的语法总结】
javascript进一步学习总结1、基本的语法规则2、注释符号3、输入输出语句4、变量5、变量的数据类型6、算术运算符1、基本的语法规则(1)严格区分大小写(2)对空格、换行、缩进不敏感,一条语句可以多行写(3)一条语句结束后可以是用分号,也可以不用分号2、注释符号(1)单行注释符:以 '//‘开始,到所在行结束.快捷键:ctrl+/(2)多行朱师符:以’/‘开始,以’/'结束,中间可以包含多行.快捷键:shift+alt+a3、输入输出语句用于实现网页和页面的交互(1)输出语原创 2022-05-04 14:18:11 · 1456 阅读 · 0 评论 -
【初学Javascript并在画布上绘图】
初学js的有关知识1.Javascript是一种什么语言?2.页面中引入JavaScript的三种方式(1)行内式(2)页面嵌入式(3)外部链接式3.document文档对象4.变量5.画布有关知识。6.绘制线条1.绘制线的方法2.线的样式3.线的路径1.Javascript是一种什么语言?JavaScript:是一个脚本语言(嵌入页面中,通过浏览器解析运行)2.页面中引入JavaScript的三种方式(1)行内式行内式:写在标签的属性中①代码段展示:<body> <原创 2022-05-03 16:30:20 · 2313 阅读 · 0 评论