js
文章平均质量分 87
遥岑.
谨以遥岑敬钱塘
展开
-
var、let、const之间的区别
目录变量varvar声明作用域变量提升let暂时性死区块级作用域for循环中的let声明const区别总结变量ECMAScript变量是松散类型的,也就是说变量可以用于保存任何类型的数据,每个变量只不过是一个用于保存任意值的命名占位符。有三个关键字可以声明变量:var let const,var在ECMAScript的所有版本中都可以使用,let和const只能在ECMAScript6及更晚的版本中使用。varvar message;这段代码声明了一个名为message的变量,可以用来保存任何原创 2022-04-22 17:44:36 · 1569 阅读 · 1 评论 -
ES6的新特性
原创 2022-03-09 14:58:04 · 846 阅读 · 0 评论 -
jQuery的操作及事件处理
jQuery的操作操作元素的属性获取元素的属性值$(selector).attr('属性名')设置元素的属性值以对象的方式设置属性值:$(selector).attr({'属性名':'属性值'}) 以key-value的方式设置属性值:$(selector).attr('属性名','属性值') 以回调函数的方式设置属性值$(selector).attr('属性名',function(){ return '值'})删除元素的属性$(selector)原创 2021-08-31 19:44:39 · 163 阅读 · 0 评论 -
jQuery概述及其选择器
目录jQuery的概述jQuery的使用方式jQuery的选择器基本选择器基本过滤选择器属性过滤选择器jQuery的概述jQuery:是JavaScript的一个函数库,是一个轻量级的“写的少,做的多”的JavaScript库。它对JavaScript的相关操作进行了封装,例如遍历HTML文档、操作DOM、事件处理、Ajax。jQuery的使用方式引入jQuery库<script src="jquery.js"> </script><script src="原创 2021-08-30 21:22:33 · 139 阅读 · 0 评论 -
JavaScript属性及正则表达式
目录offset、client、scroll属性offsetclientscroll正则表达式offset、client、scroll属性offsetoffset:偏移量,利用offset可以动态的获取元素在页面中的位置信息、大小信息。offsetLeft:返回元素相对其带有定位的父元素左边框的偏移offsetTop:返回元素相对其带有定位的元素上方的偏移offsetWidth:返回自身的宽度(包括padding、边框和内容区域的宽度),注意返回数值不带单位offsetHeight:返回自身原创 2021-07-17 21:48:58 · 342 阅读 · 19 评论 -
JavaScript中BOM简介及其对象、js执行机制
目录BOM简介什么是BOMDOM和BOM的区别BOM的构成Window对象的常见事件BOM简介什么是BOMBOM(Browser Object Model):浏览器对象模型,它提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window。BOM由一系列相关的对象构成,并且每个对象都提供了很多方法和属性。BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C,BOM最初是Netscape浏览器标准的一部分。DOM和BOM的区别DOM:文档对象模型原创 2021-06-18 17:32:37 · 265 阅读 · 4 评论 -
JavaScript事件进阶
目录注册事件传统注册方式事件监听方式删除事件(解绑事件)传统方式事件监听方式事件流事件对象(event)事件对象的使用事件对象的属性事件委托(代理、委派)常用的鼠标事件鼠标事件的常用方法鼠标事件对象常用的键盘事件键盘事件的常用方法键盘事件对象注册事件给元素添加事件,称为注册事件或者绑定事件。注册事件的两种方式:传统方式事件监听注册方式传统注册方式// 对象.事件名 = 事件处理程序对象名.onclick = function() { }同一个对象的同一个事件只能注册一个处理程序,后原创 2021-06-08 17:27:24 · 269 阅读 · 6 评论 -
JavaScript中DOM操作元素及节点操作
目录操作元素操作元素内容操作元素属性操作元素样式操作style属性(行内样式操作)操作className属性(类名样式操作)自定义属性操作获取属性值操作属性值移除属性值H5自定义属性设置H5自定义属性获取自定义属性节点操作操作元素JavaScript中的DOM操作可以改变网页内容、结构和样式,我们可以利用DOM操作元素来改变元素里面的内容、属性等。操作元素内容方法作用innerHTML设置或返回开始标签和结束标签之间的内容,包括html标签、空格、换行等格式字符inne原创 2021-06-08 14:44:48 · 627 阅读 · 10 评论 -
JavaScript中DOM简介、获取元素及事件基础
目录Web API简介与JavaScript的关系APIWeb APIDOM简介什么是DOMDOM树获取元素根据id获取元素根据标签名获取根据name获取元素HTML5新增的获取方式(根据选择器获取)document对象的属性(获取特殊元素)事件基础事件概述事件三要素执行事件的步骤常见的鼠标事件Web API简介与JavaScript的关系APIAPI(Application Programming Interface应用编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件原创 2021-06-07 16:24:42 · 249 阅读 · 10 评论 -
JavaScript流程控制
目录流程控制顺序结构分支结构单分支语句双分支语句if...else的嵌套多分支语句条件表达式构成的选择结构switch...case...break循环结构while循环do-while循环for循环循环嵌套流程控制通过控制代码的执行顺序来完成要实现的功能。流程控制有三种结构:顺序结构、分支结构、循环结构。顺序结构顺序结构是程序中最基本的流程控制,无特定语法结构,按照代码先后顺序依次执行。分支结构分支结构用于根据条件来决定是否执行某个分支代码。单分支语句if(条件表达式){原创 2021-05-13 10:33:22 · 111 阅读 · 0 评论 -
JavaScript简介及js中的变量、数据类型、常用运算符
目录JavaScript简介什么是js浏览器执行js简介js的组成js的使用方法js的语法规则js的输入输出js中的变量变量的使用变量的命名规范js的数据类型常用运算符算术运算符递增递减运算符比较运算符逻辑运算符位运算符赋值运算符三元运算符及表达式运算符的优先级js的类型转换JavaScript简介什么是jsJavaScript是世界上最流行的语言之一,是一种运行在客户端的脚本语言(Script是脚本的意思)。可以实现业务逻辑和页面控制,用来控制浏览器的行为。现在也可以基于Node.js技术进行服原创 2021-05-12 21:55:08 · 188 阅读 · 0 评论 -
JavaScript构造函数和原型、原型链及this指向
目录原型对象this关键字错误处理继承原型对象原型对象:每个构造函数都有一个原型对象存在,这个原型函数通过构造函数的prototype属性来访问。构造函数的原型对象:每个构造函数定义后都有一个prototype属性,代表的是该构造函数的原型。对象的原型对象:每个对象都有一个__proto__属性,这个属性指向了对象的原型对象。每个原型对象都有一个constructor属性,该属性指向构造函数。this关键字错误处理继承...原创 2021-06-05 00:21:03 · 589 阅读 · 2 评论 -
JavaScript面向对象
目录面向对象面向对象概述面向对象的优势面向对象的三大特征类class关键字构造函数普通成员函数继承继承super关键字静态成员和实例成员静态属性静态方法面向对象面向对象概述面向过程:面向过程就是分析出解决问题需要的步骤,然后用函数将这些步骤一个个实现,使用的时候依次调用,面向过程的核心是过程。面向对象:面向对象就是把需要解决的问题分解成一个个对象,建立对象不是为了实现一个步骤,而是为了描述每个对象在解决问题中的行为,面向对象的核心是对象。面向对象的优势模块化更深,封装性强更容易实现复杂的业务原创 2021-06-04 21:04:42 · 1305 阅读 · 8 评论 -
JavaScript对象及内置对象
目录对象什么是对象创建对象访问对象遍历对象对象什么是对象在JavaScript中,对象是一种数据类型,它是由属性和方法组成的一个集合。属性(数据成员)(成员变量):对象的静态特征。方法(函数):又称为行为,是对象的动态特征。创建对象非空对象var 对象名 = { 属性名:值 ... 方法名:function(参数){ 方法体语句 } ...}利用字面量创建对象对象的字面量就是用花括号“ { } ”来包裹对象中的成员,每个成员使用“key:value”的形式来保存原创 2021-06-03 18:58:17 · 230 阅读 · 12 评论 -
JavaScript分支结构的练习
目录分支结构的练习判断平/闰年判断成绩等级分支结构的练习判断平/闰年输入一个年份,判断该年份是平年还是闰年。平年、闰年的判断标准:年份能被400整除年份能被4整除,但不能被100整除var yea = prompt("请输入年份:")var year = parseInt(yea) //将字符串转化为数字型进行运算if(year%400==0||(year%4==0&&year%100!=0)){ console.log("闰年")}else{原创 2021-05-14 15:27:03 · 290 阅读 · 0 评论 -
JavaScript循环结构练习
目录循环结构的练习题1:输出1+2+3+...+100的值题2:输出1~100之间所有的奇数和、偶数和方法一方法二题3:水仙花数循环结构的练习题1:输出1+2+3+…+100的值var sum = 0var i = 1while(i<=100){ sum += i i++}console.log(sum)输出结果:题2:输出1~100之间所有的奇数和、偶数和方法一var sum1 = 0 //奇数和var sum2 = 0 //偶数和var i =原创 2021-05-25 18:12:29 · 379 阅读 · 1 评论 -
JavaScript数组及其练习
目录数组一维数组创建数组访问数组元素数组元素的操作二维数组创建数组访问数组元素数组数组是一组类型相同的数据的集合,其中的每个数据被称作元素,在数组中可以存放任意类型的元素。一维数组创建数组使用 new Array( ) 创建数组var arr = new Array(4)arr[0] = 1arr[1] = 2arr[2] = 3arr[3] = 4使用 [ ] 字面量来创建数组var arr = [1,2,3,4]访问数组元素数组元素的访问:通过索引(下标)来访问原创 2021-05-26 20:57:46 · 1259 阅读 · 2 评论 -
JavaScript实现排序算法及查找算法
目录排序算法冒泡排序选择排序查找算法顺序查找折半查找法排序算法冒泡排序冒泡排序(Bubble Sort):是一种最基础的交换排序。基本思想:从无序序列头部开始,数组元素依次进行两两比较,若两个元素存在大小关系就进行交换,直到数组有序。核心:通过两两比较交换位置,每一趟循环都将选出剩余无序列表里最大(小)的数据元素放在队尾。外循环:循环趟数,每一趟将最大(小)的数据元素放在队尾内循环:进行该趟的两两比较图例:图例实现(升序):var arr = [3,6,4,2,11,10,5]f原创 2021-05-27 14:43:26 · 202 阅读 · 13 评论 -
JavaScript函数、函数进阶、作用域及预解析
目录函数什么是函数使用函数函数的参数函数的返回值arguments的使用函数的进阶函数表达式回调函数递归函数作用域闭包函数预解析函数什么是函数函数:可以实现某种特定功能的代码块。在编写代码时,可能会出现非常多的相同代码或者功能类似的代码,这些代码可能需要大量重复使用,此时就可以使用函数。模块:模块就是从系统层次去分成不同的部分,每个部分就是一个模块。将大型系统的复杂问题,分成不同的小模块去处理问题内聚:块内联系,模块的功能强度的度量,一个模块内部各个元素彼此结合的紧密程度的度量。一个模块内各元原创 2021-05-28 20:42:09 · 168 阅读 · 11 评论