huijie_0716-CSDN博客

在JavaScript中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串，数值，数组，函数等对象是由属性和方法组成的创建对象(object)的三种方法对象字面量：就是花括号{}里面包含了表达这个具体事物(对象)的属性和方法{}里面采取键值对的形式表示对象的调用变量属性函数方法的区别利用new Object创建对象利用构造函数创建对象构造函数：是一种特殊的函数，主要用来初始化对象，即为对象成员变量赋初始值，它总与new运算符一起使用，我们可以把对象

2022-06-23 20:53:44 120

原创 JavaScript作用域和预解析

通常来说，一段程序代码中所用到的名字并不总是有效和可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。变量作用域在JavaScript中，根据作用域的不同，变量可以分为两种：全局变量和局部变量作用域链只要是代码，就至少有一个作用域写在函数内部的局部作用域如果函数中还有函数，那么在这个作用域中就又可以诞生—个作用域根据在内部函数可以访问外部函数变量的这种机制，用链式查找决定哪

2022-06-23 19:51:34 119

原创 arguments

利用函数求任意个数的最大值利用函数翻转任意数组 reverse 翻转利用函数冒泡排序 sort 排序利用函数判断闰年用户输入年份，输出当前年份2月份的天数

2022-06-23 19:11:11 86

原创 JavaScript——函数

函数：就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用函数的使用函数的参数在声明函数时，可以在函数名称后面的小括号中添加一些参数，这些参数被称为形参，而在调用该函数时，同样也需要传递相应的参数,这些参数被称为实参。参数的作用:在函数内部某些值不能固定，我们可以通过参数在调用函数时传递不同的值进去。函数的返回值函数返回值注意事项...

2022-06-22 20:51:45 82

原创 JavaScript——数组

数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。遍历：就是把数组中的每一元素从头到尾访问一次计算数组的和以及平均值求数组最大值数组转换为分割字符串数组新增元素通过修改length长度新增数组元素通过修改数组索引新增数组元素新建一个数组，里面存放10个整数(1~10)筛选数组删除指定的数组元素翻转数

2022-06-21 21:49:57 999

原创 while循环

while循环案例1、打印人的一生，从1岁到100岁2、计算 1 ~ 100 之间所有整数的和3、弹出一个提示框，你爱我吗？如果输入我爱你，就提示结束，否则，一直询问。do-while循环 2、计算 1 ~ 100 之间所有整数的和3、弹出一个提示框，你爱我吗？如果输入我爱你，就提示结束，否则，一直询问。continue关键字 continue关键字用于立即跳出本次循环，继续下一次循环(本次循环体中continue之后

2022-06-21 20:30:50 388

原创 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 1025

原创 JavaScript——for循环

目录循环JS中的循环for循环1、语法结构 2、执行过程3、断点调试 4、for循环重复执行相同的代码5、 for循环重复执行不同的代码 6、 for循环重复某些操作循环的目的：可以重复执行某些代码for循环主要用于把某些代码循环若干次，通常跟计数有关系。其语法结构如下： 2、执行过程3、断点调试断点调试是指自己在程序的某一行设置一个断点，调试时，程序运行到这一行就会停住，然后你可以一步一步往下调试，调试过程中可以看各个变量当前的值，出错的话，调试到出错的代码行即显示借误，停下。

2022-06-18 15:16:17 2837

原创流程控制-分支

目录流程控制顺序流程控制分支流程控制1、分支结构 2、if分支语句3、if else分支语句 4、判断闰年5、if else if 语句（多分支语句） 6、判断成绩语句在一个程序执行的过程中，各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。简单理解︰流程控制就是来控制我们的代码技照什么结构顺序来执行流程控制主要有三种结构，分别是顺序结构、分支结构和循环结构，这三种结构代表三种代码执行的顺序。顺序结构是程序中最简单、最基本的流程控制，它没有特定

2022-06-18 14:24:37 303

原创 JavaScript——运算符

运算符也被称为操作符，是用于实现赋值，比较和执行算术运算等功能的符号概念：算术运算使用的符号，用于执行两个变量或值的算术运算 2、表达式和返回值表达式：是由数字、运算符、变量等以能求得数值的有意义排列方法所得的组合递增和递减运算符1、前置递增 2、后置递增口诀：先返回原值，后加1 4、递增运算符5、递增和递减的小结前置递增和后置递增运算符可以简化代码的编写，让变量的值 +1 比以前写法更简单单独使用时，运算结果相同与其他代码联用时，执行结果会不同

2022-06-18 10:37:44 152

原创 JavaScript——数据类型

在计算机中，不同的数据所需占用的存储空间是不同的，为了便于把数据分成所需内存大小不同的数据，充分利用存储空间，于是定义了不同的数据类型。简单来说，数据类型就是数据的类别型号。比如姓名“张三”，年龄18，这些数据的类型是不一样的.变量是用来存储值的所在处，它们有名字和威据类型。变量的数据类型决定了如何将代表这些值的位存储到计算机的内存中。JavaScript是一种弱类型或者说动态语言。这意味着不用提前声明变量的类型，在程序运行过程中，类型会被自动确定。在代码运行时，变量的数据类型是由JS引擎根据=右边变量

2022-06-17 21:16:21 191

原创 JavaScript

1、输入框：prompt('弹出输入框');2、输出框：alert('弹出警示框'); console.log('控制台输出，程序员看到的') 类似我们酒店的房问，一个房问就可以看做是一个变量。变呈在使用时分为两步:1.声明变量2赋值 var是一个JS关键字，用来声明变量( variable变量的意思)。使用该关健字声明变量后，计算机会自动为变量分配内存空间，不需要程序员管age是程序员定义的变量名，我们要通过变量名来访问内存中分配的空间=用来把右边的值赋给左边的变量空间中此处代表赋值的意思

2022-06-16 12:47:56 62

原创初识JavaScript

一、JavaScript是什么二、 JavaScript的作用三、浏览器执行js简介浏览器分成两部分:渲染引擎和JS引擎浏览器本身并不会执行S代码，而是通过内置JavaScript引擎(解释器)来执行JS代码。JS引擎执行代码时逐行解释每一句源码（转换为机器语言），然后由计算机去执行，所以JavaScript语言归为脚本语言，会逐行解释执行。......

2022-06-15 21:58:48 1400

原创迭代器和生成器

一、for in二、for of三、迭代器四、可迭代的数据结构一、定义生成器生成器一定是迭代器二、使用生成器为对象提供迭代接口三、大数据产生的优化方法按需产生数据四、使用生成器实现异步执行程序方式...

2022-06-08 17:45:13 81

原创函数和箭头函数

一、函数分类： 1、有参数有返回 var x=string.split(','); 2、无参数有返回 var x=string.trim(); 3、有参数无返回 forEach(function(){}) 4、无参数无返回没有二、函数的返回值返回值的作用：返回上级调用者三、最大值和最小值四、一、匿名函数:1、立即执行；2、方法参数，事件回调二、点击三、箭头函数是匿名函数的

2022-06-08 17:29:07 90

原创 map结构

一、map对象的创建二、增加/添加三、修改四、查找五、删除六、遍历七、 keys /values /entries八、 map转换key与值的关系

2022-06-08 15:11:36 237

原创 set集合

一、声明set集合二、增加数据三、删除数据四、查找五、修改(替换)六、遍历七、keys /values /entries八、是否相等九、相加数据

2022-06-08 13:02:22 202

原创 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 77

原创 jquery-属性操作

一、attr()方法$(selector).attr(attribute)设置或获取被选元素的属性值console.log($(".box").attr("a")); $(".box").attr("b", 20); $(".box").attr({ b: 20, title: "这是一个div" }); $(".box").removeAttr("a");二、prop()方法console.log($(".box").prop("a")); //undefinedc

2022-05-18 19:45:53 106

原创 jQuery-文档处理

一、内部插入追加到父元素的内部最后 jquery对象.append(参数) 在jquery对象的内部最后追加参数里的内容参数：字符串/jquery对象$("button").click(function () { $(".box").append("world"); var $span = $("<span></span>"); var $span = $("<span>"); /...

2022-05-17 19:15:07 212 1

原创下拉、淡入淡出

下拉<!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" /> &l.

2022-05-16 20:41:38 213

原创 jQuery--选项卡

<!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" /> <tit.

2022-05-16 20:39:31 470

原创 jQuery选择器

一、兄弟选择器1、查找下一个兄弟元素 $(".box+span").css("color", "#f00");// $(".box").next().css("background-color", "#00f");// $(".box").next("span").css("background-color", "#0ff");2、查找上一个兄弟元素$(".box").prev().css("color", "#f0f"); // $(".box").prev("s

2022-05-16 20:38:04 1093

原创 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 64

原创 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 69

原创 JavaScript--事件

1、事件模型JavaScript有三种事件模型：内联模型、脚本模型和DOM2模型2、处理的事件类型JavaScript可以处理的事件类型为：鼠标事件、键盘事件、HTML事件3、事件组成所有的事件处理函数都会都有两个部分组成，on + 事件名称，例如click事件的事件处理函数就是：onclick。4、键盘事件keydown：当用户按下键盘上任意键触发，如果按住不放，会重复触发。 document.onkeydown = function (e) { a...

2022-05-09 14:21:14 323

原创 JavaScript--dom

1、offsetLeft 属性获取指定对象相对于版面/文档或由 offsetParent 属性指定的父坐标的计算左侧位置2、offsetTop 属性获取指定对象相对于版面/文档或由 offsetParent 属性指定的父坐标的计算顶端位置注意:1. 区分大小写2. offsetParent：布局中设置position属性(Relative、Absolute、fixed)的父容器，从最近的父节点开始，一层层向上找，直到HTML的body...

2022-04-28 18:05:13 134

原创 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 1861

原创 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 973

原创 JavaScript--DOM对象

一、获取对象1、getElementById()按元素的ID名称来访问2、getElementsByTagName()通过标签名获取元素对象集合3、 getElementsByClassName（）getElementsByClassName（“类名”）通过类名来获取元素对象集合4、 getElementsByName（）getElementsByName（“name值”）通过name值获取元素对象集合5、 querySelector（）que

2022-04-22 20:26:08 754

原创 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 1199

原创 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 194

空空如也

空空如也