javascript
文章平均质量分 83
自己总结的jacascript
学不死就往死里学
这个作者很懒,什么都没留下…
展开
-
字符串方法、数组方法、对象方法、
在前端开发中经常会遇到类数组,但是我们不能直接使用数组的方法,需要先把类数组转化为数组。本节介绍 ES6 数组的新增方法,该方法用于将类数组对象(array-like)和可遍历的对象(iterable)转换为真正的数组进行使用。在程序中判断数组是很常见的应用,但在 ES5 中没有能严格判断 JS 对象是否为数组,都会存在一定的问题,比较受广大认可的是借助 toString 来进行判断,很显然这样不是很简洁。ES6 提供了方法更加简洁地判断 JS 对象是否为数组。在 ES5 中比较通用的方法是使用。原创 2023-07-16 19:16:49 · 215 阅读 · 0 评论 -
01. JS基础
一、JavaScript概要1. 什么是JavaScript官方解释:JavaScript 是一种跨平台的脚本语言。平台:一般指的是运行环境,这里指的是操作系统跨平台:就是在很多种操作系统中都可以运行脚本语言:特点是不能独立运行,需要依赖于网页。ps:JavaScript程序的运行离不开HTML,HTML的运行离不开浏览器。 JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。作为一个原创 2023-05-12 19:45:55 · 53 阅读 · 0 评论 -
2、js流程控制语句
if 语句是 JavaScript 中最常用的分支结构,它用于判断某个条件是否成立,如果成立,就执行指定的代码块。if(条件) {// 真区间:当条件为 true 时执行的代码 }其中()里面的条件是一个表达式,可以是任何能够返回 true 或 false 的值;如果是其他类型,会隐式转换为布尔型;如果条件返回 true,那么就会执行花括号内的代码块,返回false,则不执行;请使用小写的if。使用大写字母(IF)会生成 JavaScript 错误;原创 2023-05-12 20:02:49 · 36 阅读 · 0 评论 -
3、js数组
具有相同类型(或者不同类型)的数据有序集合,每个值叫做一个元素,而每个元素在数组中有一个位置,以数字表示,称为索引/下标。js的数组是无类型的,数组元素可以是任意类型,同一个数组中的不同元素可能是对象或数组。原创 2023-05-12 20:07:36 · 94 阅读 · 0 评论 -
4、JavaScript函数
console . log("i am 普通函数");console . log('谁在让我东张西望');} sum();原创 2023-05-12 20:11:17 · 62 阅读 · 0 评论 -
5、JavaScript对象、堆栈区别、call和apply、json、Math、正则
思考 :可以用什么数据类型描述一个东西的所有属性。eg:C老师的身高,体重和脚丫子大小。在真实的生活中的对象、属性和方法在真实生活中,汽车是一个对象。汽车有诸如车重和颜色等属性,也有诸如启动和停止的方法:所有汽车都拥有同样的属性,但属性值因车而异。所有汽车都拥有相同的方法,但是方法会在不同时间被执行。JavaScript 的设计是一个简单的基于对象的范式。对象由属性和方法组成,一个属性包含一个属性名和一个属性值,方法就是写在对象里面的函数。对象的属性是由键值对组成的。原创 2023-05-12 20:18:03 · 109 阅读 · 0 评论 -
1、DOM 获取元素
标签自定义属性,特指程序员自己给标签添加的自定义属性自定义属性两种格式H5规范要求所有自定义属性必须以data-**开始完全自己定义属性,没有任何的格式要求备注:标签本身自带的属性叫内置属性或标准属性 例如: class , id, name …自定义属性本质上也是一个键值对,用来保存数据通用方式标签设置自定义属性/标准属性// 1. 设置自定义属性 div . setAttribute('myage' , 18);原创 2023-05-12 21:25:35 · 591 阅读 · 0 评论 -
2、DOM事件
onmouseleave | 鼠标离开 | DOM对象.onmouseleave = function() {} || onmousewheel | 鼠标滚轮 | DOM对象.onmousewheel = function() {} || onmousemove | 鼠标移动 | DOM对象.onmousemove = function() {} || onmouseout | 鼠标移除 | DOM对象.onmouseout = function(){} |//a) 先判断当前函数有几个参数?原创 2023-05-12 21:26:11 · 83 阅读 · 0 评论 -
3、DOM节点操作
DOM标签对象.childNodes[1].nodeName 输出结果为 #comment。DOM标签对象.childNodes[0].nodeName 输出结果为 #text。DOM标签对象.childNodes[1].nodeType 输出结果为8。// 1. 高版本浏览器可以正常获取,ie低版本浏览器为undefined。// 说明是低版本浏览器,如果父元素中第一个是注释节点。// 当前是低版本浏览器, lastChild。// 说明当前是高版本浏览器。// 当前是高版本浏览器。原创 2023-05-12 21:27:56 · 35 阅读 · 0 评论 -
4、DoM事件流 事件委托、绑定事件
DOMLO绑定事件高低版本浏览器之间不存在任何的差异事件冒泡事件捕获处理程序(事件执行的代码)dom0事件及低级浏览器的dom2事件(没有第三个参数)都是只有冒泡,以后我们用的最多的也是冒泡,捕获几乎不用,高级浏览器的dom2事件可以根据第三个参数选择是捕获还是冒泡,一般我们都不写,默认是冒泡低版本浏览器DOML0事件写法中,阻止a标签默认行为通过 return false实现, 不支持preventDefault()原创 2023-05-12 21:28:28 · 807 阅读 · 0 评论 -
5、BOM
window,顾名思义,窗口对象。它表示整个浏览器窗口,主要用来操作浏览器窗口。同时, window对象还是 ECMAScript 中的 Global 对象,因而所有全局变量和全局函数都是它的属性,且所有原生的构造函数及其他函数也都存在于它的命名空间下。var123;原创 2023-05-12 21:30:08 · 40 阅读 · 0 评论 -
JavaScript基础总结
Number数值型的范围(最大值:;三个特殊值(infinity-infinityNaNisNaN–用来判断一个变量是否为非数字的类型,返回truefalseisNaN(x)如果x为数字,则返回falseisNaN(x)如果x不为数字,则返回true。转载 2023-05-12 20:45:33 · 76 阅读 · 0 评论 -
javascript基础总结1.0
【代码】javascript基础总结1.0。原创 2023-05-25 13:53:49 · 35 阅读 · 0 评论 -
WebAPI---DOM
element.属性获取属性值element.getAttribute(‘属性’);区别:element.属性获取的是元素本身自带的属性element.getAttribute(‘属性’);主要是获取自定义的属性h5规定自定义属性以data-开头作为属性名并且赋值< div data-index = " 1 " > 或者使用js设置< div data-index = " 1 " > 或者使用js设置。转载 2023-05-12 21:09:08 · 114 阅读 · 0 评论 -
WebAPI---BOM
大小对比作用返回自身包括padding、边框、内容去的宽度,返回数值不带单位返回自身包括padding、内容区的宽度,不含边框,返回数值不带单位返回自身实际的宽度,不含边框,返回数值不带单位他们主要用法:1.offset系列 经常用于获得元素位置 offsetLeft offsetTop2.client经常用于获取元素大小 clientWidth clientHeight3.scroll 经常用于获取滚动距离 scrollTop scrollLeft。转载 2023-05-12 21:18:40 · 66 阅读 · 0 评论 -
获取鼠标位置信息、获取元素大小、获取元素位置、定时器
s = parseInt(总秒数%60);// 计算当前秒数。d = parseInt(总秒数/ 60/60 /24);m = parseInt(总秒数 /60 %60 );h = parseInt(总秒数/ 60/60 %24) // 计算小时。document.documentElement.scrollTop = 值。setInterval(function(){}, 时间间隔)setTimeOut(function(){}, 延迟时间)原创 2023-05-15 09:52:47 · 602 阅读 · 0 评论 -
webAPI的DOM和BOM总结
自定义属性内置实现(标准属性): 标签本身就支持的属性 class id value …自定义属性: 在标签身上自定义的属性DOM对象.dataset.自定义属性名DOM对象.dataset.自定义属性名 = 值DOM对象.getAttribute('属性名')DOM对象.setAttribute('属性名', 值)作用: 保存数据。原创 2023-05-25 12:48:51 · 88 阅读 · 0 评论 -
JavaScript 异步之宏队列与微队列
微队列永远是先执行的,如果微队列里有宏队列,那么将这个宏队列放到宏队列中进行排队等待。结果:1 7 2 3 8 4 6 5 0。先把所有的同步执行完再看微队列里的。执行结果为:25341。原创 2023-06-06 20:29:13 · 249 阅读 · 0 评论