![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 72
huijie_0716
新的前端工程师
展开
-
JavaScript对象
在JavaScript中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串,数值,数组,函数等对象是由属性和方法组成的创建对象(object)的三种方法对象字面量:就是花括号{}里面包含了表达这个具体事物(对象)的属性和方法{}里面采取键值对的形式表示对象的调用 变量属性函数方法的区别利用new Object创建对象利用构造函数创建对象 构造函数:是一种特殊的函数,主要用来初始化对象,即为对象成员变量赋初始值,它总与new运算符一起使用,我们可以把对象原创 2022-06-23 20:53:44 · 128 阅读 · 0 评论 -
JavaScript作用域和预解析
通常来说,一段程序代码中所用到的名字并不总是有效和可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性,增强了程序的可靠性,减少了名字冲突。变量作用域 在JavaScript中,根据作用域的不同,变量可以分为两种:全局变量和局部变量 作用域链 只要是代码,就至少有一个作用域 写在函数内部的局部作用域 如果函数中还有函数,那么在这个作用域中就又可以诞生—个作用域 根据在内部函数可以访问外部函数变量的这种机制,用链式查找决定哪原创 2022-06-23 19:51:34 · 137 阅读 · 0 评论 -
arguments
利用函数求任意个数的最大值 利用函数翻转任意数组 reverse 翻转利用函数冒泡排序 sort 排序利用函数判断闰年 用户输入年份,输出当前年份2月份的天数原创 2022-06-23 19:11:11 · 108 阅读 · 0 评论 -
JavaScript——函数
函数:就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用函数的使用函数的参数 在声明函数时,可以在函数名称后面的小括号中添加一些参数,这些参数被称为形参,而在调用该函数时,同样也需要传递相应的参数,这些参数被称为实参。参数的作用:在函数内部某些值不能固定,我们可以通过参数在调用函数时传递不同的值进去。 函数的返回值函数返回值注意事项...原创 2022-06-22 20:51:45 · 86 阅读 · 0 评论 -
JavaScript——数组
数组是指一组数据的集合,其中的每个数据被称作元素,在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。遍历:就是把数组中的每一元素从头到尾访问一次计算数组的和以及平均值 求数组最大值数组转换为分割字符串 数组新增元素 通过修改length长度新增数组元素 通过修改数组索引新增数组元素 新建一个数组,里面存放10个整数(1~10)筛选数组 删除指定的数组元素翻转数原创 2022-06-21 21:49:57 · 1029 阅读 · 0 评论 -
while循环
while循环案例1、打印人的一生,从1岁到100岁2、 计算 1 ~ 100 之间所有整数的和3、 弹出一个提示框, 你爱我吗? 如果输入我爱你,就提示结束,否则,一直询问。do-while循环 2、 计算 1 ~ 100 之间所有整数的和3、 弹出一个提示框, 你爱我吗? 如果输入我爱你,就提示结束,否则,一直询问。continue关键字 continue关键字 用于立即跳出本次循环,继续下一次循环(本次循环体中continue之后原创 2022-06-21 20:30:50 · 405 阅读 · 0 评论 -
JavaScript——for循环案例
2、求1-100的平均值3、 求1-100之间所有偶数和奇数的和4、求1-100之间所有能被3整除的数字的和 5、求学生成绩案例 6、一行打印五个星星7、双重for循环 循环嵌套是指在一个循环语句中在定义一个循环语句的语法结构,例如在for循环语句中,可以再嵌套一个for循环,这样的for循环语句我们称之为双重for循环 打印五行五列的星星打印n行n列的星星 打印倒三角形 九九乘法表.........原创 2022-06-18 16:23:09 · 1060 阅读 · 0 评论 -
JavaScript——for循环
目录循环JS中的循环for循环1、语法结构 2、执行过程3、断点调试 4、for循环重复执行相同的代码5、 for循环重复执行不同的代码 6、 for循环重复某些操作循环的目的:可以重复执行某些代码for循环主要用于把某些代码循环若干次,通常跟计数有关系。其语法结构如下: 2、执行过程3、断点调试 断点调试是指自己在程序的某一行设置一个断点,调试时,程序运行到这一行就会停住,然后你可以一步一步往下调试,调试过程中可以看各个变量当前的值,出错的话,调试到出错的代码行即显示借误,停下。原创 2022-06-18 15:16:17 · 2897 阅读 · 0 评论 -
流程控制-分支
目录流程控制顺序流程控制分支流程控制1、分支结构 2、if分支语句3、if else分支语句 4、判断闰年5、if else if 语句(多分支语句) 6、判断成绩语句在一个程序执行的过程中,各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。简单理解︰流程控制就是来控制我们的代码技照什么结构顺序来执行流程控制主要有三种结构,分别是顺序结构、分支结构和循环结构,这三种结构代表三种代码执行的顺序。顺序结构是程序中最简单、最基本的流程控制,它没有特定原创 2022-06-18 14:24:37 · 318 阅读 · 0 评论 -
JavaScript——运算符
运算符也被称为操作符,是用于实现赋值,比较和执行算术运算等功能的符号概念:算术运算使用的符号,用于执行两个变量或值的算术运算 2、表达式和返回值 表达式:是由数字、运算符、变量等以能求得数值的有意义排列方法所得的组合递增和递减运算符1、前置递增 2、后置递增口诀:先返回原值,后加1 4、递增运算符5、递增和递减的小结 前置递增和后置递增运算符可以简化代码的编写,让变量的值 +1 比以前写法更简单 单独使用时,运算结果相同 与其他代码联用时,执行结果会不同原创 2022-06-18 10:37:44 · 162 阅读 · 0 评论 -
JavaScript——数据类型
在计算机中,不同的数据所需占用的存储空间是不同的,为了便于把数据分成所需内存大小不同的数据,充分利用存储空间,于是定义了不同的数据类型。简单来说,数据类型就是数据的类别型号。比如姓名“张三”,年龄18,这些数据的类型是不一样的.变量是用来存储值的所在处,它们有名字和威据类型。变量的数据类型决定了如何将代表这些值的位存储到计算机的内存中。JavaScript是一种弱类型或者说动态语言。这意味着不用提前声明变量的类型,在程序运行过程中,类型会被自动确定。 在代码运行时,变量的数据类型是由JS引擎根据=右边变量原创 2022-06-17 21:16:21 · 202 阅读 · 0 评论 -
初识JavaScript
一、JavaScript是什么二、 JavaScript的作用三、 浏览器执行js简介浏览器分成两部分:渲染引擎和JS引擎浏览器本身并不会执行S代码,而是通过内置JavaScript引擎(解释器)来执行JS代码。JS引擎执行代码时逐行解释每一句源码(转换为机器语言),然后由计算机去执行,所以JavaScript语言归为脚本语言,会逐行解释执行。......原创 2022-06-15 21:58:48 · 1428 阅读 · 0 评论 -
JavaScript
1、输入框:prompt('弹出输入框');2、输出框:alert('弹出警示框'); console.log('控制台输出,程序员看到的') 类似我们酒店的房问,一个房问就可以看做是一个变量。变呈在使用时分为两步:1.声明变量2赋值 var是一个JS关键字,用来声明变量( variable变量的意思)。使用该关健字声明变量后,计算机会自动为变量分配内存空间,不需要程序员管age是程序员定义的变量名,我们要通过变量名来访问内存中分配的空间=用来把右边的值赋给左边的变量空间中此处代表赋值的意思原创 2022-06-16 12:47:56 · 70 阅读 · 0 评论 -
迭代器和生成器
一、for in二、for of三、 迭代器 四、可迭代的数据结构 一、定义生成器生成器 一定是 迭代器二、使用生成器 为 对象 提供 迭代接口三、 大数据产生的 优化方法 按需产生数据四、 使用生成器 实现 异步执行程序方式...原创 2022-06-08 17:45:13 · 87 阅读 · 0 评论 -
函数和箭头函数
一、 函数分类: 1、有参数 有返回 var x=string.split(','); 2、无参数 有返回 var x=string.trim(); 3、有参数 无返回 forEach(function(){}) 4、无参数 无返回 没有二、 函数的返回值返回值的作用:返回上级调用者三、最大值和最小值四、 一、 匿名函数:1、立即执行;2、方法参数,事件回调 二、点击三、 箭头函数 是匿名函数的原创 2022-06-08 17:29:07 · 99 阅读 · 0 评论 -
map结构
一、map对象的创建二、 增加/添加三、 修改四、 查找五、删除六、遍历七、 keys /values /entries八、 map转换key与值的关系原创 2022-06-08 15:11:36 · 246 阅读 · 0 评论 -
set集合
一、声明set集合二、 增加数据三、 删除数据四、 查找五、 修改(替换)六、 遍历七、keys /values /entries八、 是否相等九、相加数据原创 2022-06-08 13:02:22 · 215 阅读 · 0 评论 -
node 安装调试
一、node安装win+r打开命令提示符 http://localhost:3000/跑起来 http://192.168.13.4:3000/day15/task1.html出现页面二、ngrok下载ngrok - Online in One Line下载解压安装连接您的帐户原创 2022-06-08 11:40:46 · 91 阅读 · 0 评论 -
jQuery-文档处理
一、内部插入追加到父元素的内部最后 jquery对象.append(参数) 在jquery对象的内部最后追加参数里的内容 参数:字符串/jquery对象$("button").click(function () { $(".box").append("world"); var $span = $("<span></span>"); var $span = $("<span>"); /...原创 2022-05-17 19:15:07 · 222 阅读 · 1 评论 -
jQuery入门
一、jQuery概括jQuery由美国人John Resig于2006年初创建,至今已吸引了来自世界各地的众多javascript高手加入其team。jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。“写的更少,做的更多” 的轻量级 Ja原创 2022-05-13 16:34:59 · 71 阅读 · 0 评论 -
JavaScript--正则
一、语法var reg=/表达式/附加参数;字面量 var reg = /hello/g; //字面量var reg=new RegExp("表达式","附加参数"); var reg = new RegExp("hello", "gi"); //g全局匹配 i忽略大小写,执行对大小写不敏感的匹配二、test()用于检测一个字符串是否匹配某个模式,如果字符串中含有匹配的文本,则返回 true,否则返回 false。regobj.test(参数)参数:字符串返回值:布尔值三、R原创 2022-05-10 09:35:44 · 73 阅读 · 0 评论 -
JavaScript--事件
1、事件模型JavaScript有三种事件模型:内联模型、脚本模型和DOM2模型2、处理的事件类型JavaScript可以处理的事件类型为:鼠标事件、键盘事件、HTML事件3、事件组成所有的事件处理函数都会都有两个部分组成,on + 事件名称,例如click事件的事件处理函数就是:onclick。4、键盘事件keydown:当用户按下键盘上任意键触发,如果按住不放,会重复触发。 document.onkeydown = function (e) { a...原创 2022-05-09 14:21:14 · 328 阅读 · 0 评论 -
JavaScript--dom
1、offsetLeft 属性获取指定对象相对于版面/文档或由 offsetParent 属性指定的父坐标的计 算左侧位置2、offsetTop 属性获取指定对象相对于版面/文档或由 offsetParent 属性指定的父坐标的计 算顶端位置注意:1. 区分大小写2. offsetParent:布局中设置position属性(Relative、Absolute、fixed)的父容器,从最近的父节点开始,一层层向上找,直到HTML的body...原创 2022-04-28 18:05:13 · 142 阅读 · 0 评论 -
JavaScript--dom
1.谈谈this对象的理解this总是指向函数的直接调用者如果有new关键字,this指向new出来的实例对象在事件中,this指向触发这个事件的对象IE下attachEvent中的this总是指向全局对象Window2、this总是指向函数的直接调用者var obj = { name: "热巴", dance: function () { console.log(this); console.log(this.na...原创 2022-04-25 18:15:36 · 1934 阅读 · 0 评论 -
JavaScript--DOM对象
一、查看元素节点节点类型:元素节点、属性节点、文本节点节点关系:父子关系、同级关系DOM接口:Core DOM(核心DOM),适用于各种结构化文档;XML DOM,专用于XML文档;HTML DOM,专用于HTML文档;二、元素节点var oDiv = document.getElementsByTagName("div")[0]; console.log(oDiv.nodeName); //节点名称 DIV console.log(oDiv.tagName原创 2022-04-24 20:07:41 · 982 阅读 · 0 评论 -
JavaScript--全选
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> &...原创 2022-04-22 14:55:39 · 1206 阅读 · 0 评论 -
JavaScript--选项卡
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> &...原创 2022-04-21 22:59:27 · 205 阅读 · 0 评论 -
JavaScript--二级菜单
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> &...原创 2022-04-21 22:58:22 · 220 阅读 · 0 评论 -
JavaScript--DOM对象
一、获取对象1、getElementById()按元素的ID名称来访问2、getElementsByTagName()通过标签名获取元素对象 集合3、 getElementsByClassName()getElementsByClassName(“类名”)通过类名来获取元素对象 集合4、 getElementsByName()getElementsByName(“name值”)通过name值获取元素对象 集合5、 querySelector()que原创 2022-04-22 20:26:08 · 769 阅读 · 0 评论 -
window对象
一、screen属性window.screen 对象包含有关用户屏幕的信息screen.availWidth 屏幕宽度screen.availHeight 屏幕高度二、history对象forward() 方法可加载历史列表中的下一个页面back() 方法可加载历史列表中的前一个页面(如果存在)go(参数) 方法可加载历史列表中的某个具体的页面参数可以是数字,使用的是要访问的页面在 History 的页面列表中的相对位置。go(0) 刷新本页面...原创 2022-04-20 19:49:27 · 483 阅读 · 0 评论 -
JavaScript--json
一、JSON结构:数据在名称/值对中数据由逗号分隔花括号保存对象方括号保存数组二、JSON值:数字(整数或浮点数) 字符串(在双引号中) 逻辑值(true 或 false) 数组(在方括号中) 对象(在花括号中) null三、JSON.parse(str)把字符串转换为json数据(js对象) 反序列化var arr = JSON.parse(str); d...原创 2022-04-20 14:38:33 · 341 阅读 · 0 评论 -
JavaScript--数组
一、filter()filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。注意:filter() 不会对空数组进行检测。 filter() 不会改变原始数组。 var arr = [70, 59, 80, 100, 50]; var res = arr.filter((item) => item <= 60); console.log(res);二、去重// 第一种去重; ...原创 2022-04-15 17:07:43 · 226 阅读 · 0 评论 -
JavaScript---数组
一、数组数组是可以在内存中连续存储多个元素的结构数组的下标索引从0开始.通过length可获取数组的总长度。数组的上下界 [0 , myarr.length-1]二、新建数组1. var arr = [];//创建一个空数组2. var arr=new Array( n );//新建一个长度为N的数组3. var arr=new Array( 元素1,元素2,元素3,…);//新建一个指定长度的数组,并赋值4. var myarr=[数值1,数值2]; //直接输入...原创 2022-04-14 20:50:51 · 164 阅读 · 0 评论 -
字符串对象
一、fromCharCode()var n = String.fromCharCode(65);输出结果:A二、toLowerCase()该字符串中的字母被转换为小写字母三、toUpperCase()该字符串中的所有字母都被转化为大写字母 var str = "Hello World"; console.log(str.toLowerCase());//转换小写字母 console.log(str.toUpperCase());//转换大写字.原创 2022-04-13 16:27:02 · 95 阅读 · 0 评论 -
字符串对象
一、setTimeout() 方法setTimeout(参数1,参数2);延迟参数2时间,执行参数1里的代码 参数1:待执行的js代码串 或 调用的函数 参数2:延迟时间 单位:毫秒ms var i = 10,t = null; function box(){ console.log(i); i--; t = setTimeout(box,1000); if(i <= 0){ ...原创 2022-04-12 18:20:57 · 495 阅读 · 0 评论 -
JavaScript--日期对象
一、Date();var mydate=new Date();//返回当前日期和时间console.log(mydate);参数格式:MM DD,YYYY,hh:mm:ss二、Date方法toLocaleDateString(); //以本地日期字符串显示 2022/4/8toLocaleTimeString();//以本地时分秒字符串显示 11:17:54toLocaleString();//以本地日期字符串显示 2...原创 2022-04-08 18:15:05 · 60 阅读 · 0 评论 -
JavaScript
一、getElementById var n = document.getElementById("box"); console.log(n); alert(n);document 文档 get 获取 得到 Element 元素 By 通过 Id二、预编译(1)预编译什么时候发生预编译分为全局预编译和局部预编译全局预编译发生在页面加载完成时执...原创 2022-04-07 20:03:18 · 803 阅读 · 0 评论 -
JavaScript-----函数
一、函数特点:封装代码,代码的重用性强!二、函数分为两种:自定义函数系统函数(内置函数)三、系统函数里还包括预定义函数。四、预定义函数是指不属于任何对象,他们的使用也不需要通过任何对象来应用。全局的函数五、eval();可以把字符串当作js脚本来执行 // 'alert("hello")'; // alert("1+1");//"1+1" // alert(eval("1+1"));//2...原创 2022-04-06 18:03:16 · 909 阅读 · 0 评论 -
switch语句 while循环 do-while循环
一.switch语句switch (表达式) { case 常量 1: 语句; break; case 常量 2: 语句; break; default: 语句;}遇到break关键词,它会跳出 switch 代码块。default关键词规定不存在 case 匹配时所运行的代码:练习var level = +prompt("请输入令...原创 2022-03-31 19:22:37 · 1377 阅读 · 0 评论 -
数据转换 分支结构
一.数据类型转换(1) var a = "hello" ; var b = 12; var c = false; var d = null; var e = undefined; console.log(typeof a); console.log(typeof b); console.log(typeof c); console.log(typeof d)原创 2022-03-30 19:01:12 · 867 阅读 · 0 评论