![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
米卡小米
这个作者很懒,什么都没留下…
展开
-
js--定时器--匀速动画,缓动动画
js--定时器--匀速动画,缓动动画。原创 2022-08-01 10:07:42 · 336 阅读 · 1 评论 -
js--滚轮事件
啊啊啊原创 2022-07-06 11:02:41 · 613 阅读 · 0 评论 -
防抖,节流
<!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"> <title>防抖</ti.原创 2021-11-15 20:09:04 · 491 阅读 · 0 评论 -
js--BOM--ajax--get/post--get/post封装
AJAX即“Asynchronous Javascript And XML”(异步的JavaScript和XML),是指一种创建交互式网页应用的网页开发技术,用于浏览器和服务器之间进行数据交互。AJAX在浏览器与Web服务器之间使用异步数据传输(HTTP请求),这样就可使网页从服务器请求少量的信息,而不是整个页面。AJAX描述了一种主要使用脚本操作HTTP的Web应用架构,AJAX应用的主要特点是使用脚本操纵HTTP和Web服务器进行数据交换,不会导致页面重载。ajax应用1. 实例化...原创 2021-11-09 19:57:39 · 51 阅读 · 0 评论 -
js--BOM--系统对话框\location对象\ history对象
u 系统对话框 alert(),confirm(),prompt()方法可以调用系统对话框向用户显示消息。显示这些对话框的时候代码会停止执行,关掉这些对话框后代码又会恢复执行。 l alert() 该方法接受一个字符串并将其显示给用户。该对话框会包含指定的文本和一个"OK"按钮。主要用来显示警告信息 l confirm() 确认对话框,显示包含指定的文本和一个"OK"按钮以及"Cancel"按钮。该方法返回布尔值,true表示单击了OK,false表示单击cancel或者X按钮 l原创 2021-11-09 16:07:17 · 58 阅读 · 0 评论 -
js--BOM--超时调用、间歇调用
间歇调用和超时调用 javascript是单线程语言,但是可以通过超时值和间歇时间来调度代码在特定时刻执行 l setTimeout() 该方法返回一个数值ID,表示超时调用,这个超时调用ID是计划执行代码的唯一标识符通过它来取消超市调用。可以通过clearTimeout(ID); 参数: 1.要执行的代码 2.以毫秒表示的时间。 例如: 一秒后调用 var id = setTimeout(function(){ alert(1000); },1000)原创 2021-11-09 14:41:41 · 155 阅读 · 0 评论 -
js--事件--级联选择器
<!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"> <title>级联选择</t.原创 2021-11-09 14:24:25 · 1346 阅读 · 0 评论 -
js--事件--事件代理
<!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"> <title>事件代理</t.原创 2021-11-09 11:02:39 · 40 阅读 · 0 评论 -
js-事件-事件绑定--html绑定、dom0级、dom2级
<!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"> <title>事件绑定</t.原创 2021-11-09 10:37:37 · 116 阅读 · 0 评论 -
js--事件--阻止事件默认行为
<!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"> <title>阻止事件默认行为&l.原创 2021-11-09 10:22:26 · 103 阅读 · 0 评论 -
js--事件--事件流--事件冒泡、阻止事件冒泡
l 事件冒泡 (IE事件流) 事件开始由最具体的元素接收,然后逐级向上传播到不具体的节点 <html> <head></head> <body> <div>click me</div> </body> </html> 当点击了<div>元素,这个click事件会按照如下顺序传播 div->body->html->document Ø注意原创 2021-11-09 10:17:35 · 255 阅读 · 0 评论 -
js-文档对象模型
1. 文档对象模型,Document Object Model DOM是针对HTML和XML文档的一个API(应用程序编程接口),DOM描绘了一个层次化的节点树,允许开发人员添加,移除,修改页面的某一部分。1998年10月DOM1级规范成为W3C的推荐标准,为基本的文档结构以及查询提供了接口。但是要注意,IE中的所有DOM对象都是以COM对象的形式实现的。这意味着IE中的DOM对象与原生JavaScript对象的行为或活动特点并不一致。 DOM可以将任何HTML或XML文档描绘成一个由多层...原创 2021-11-09 09:22:30 · 263 阅读 · 0 评论 -
js--继承
function Animal(id){ this.id=id;}Animal.prototype.eat = function(){ console.log(this.id+"eat");}function Dog(id,name){ Animal.call(this,id);//借用构造函数 this.name=name;}//原型对象指向另一个实例对象//var a1 = new Animal(333);//Dog.prototype=a1;//原型链继承Dog.proto.原创 2021-11-08 16:23:45 · 40 阅读 · 0 评论 -
js--Math对象
l 比较方法 ü Math.min()//求一组数中的最小值 ü Math.max()//求一组数中的最大值 ü Math.min(1,2,19,8,6);//1 l 将小数值舍入为整数的几个方法 ü Math.ceil() 向上舍入 ü Math.floor() 向下舍入 ü Math.round() 四舍五入 Math.ceil(12.41); //13 Math.floor(12.41); //12 Math.round(12.3); //12 Math.r原创 2021-11-08 10:08:45 · 80 阅读 · 0 评论 -
js--基本包装类型--String 类型--String实例方法
length 属性,获取字符串的字符数量 charAt(i) 返回给定位置的字符 charCodeAt() 返回给定位置的字符的字符编码 //例如:var s = "helloworld";s.charAt(1);//es.charCodeAt(1); //101indexOf(); :从前往后查找指定字符所在位置 lastIndexOf(); 从后往前查找字符串所在位置,可以有第二个参数,代表从字符串中哪个位置开始查找。concat()...原创 2021-11-08 09:49:02 · 83 阅读 · 0 评论 -
js-基本包装类型-Boolean, Number, String--装箱与拆箱
认识基本包装类型//基本数据类型var str = "briup",num = 100,bool=false;console.log(typeof str,typeof num,typeof bool);//String Number Boolean 构造函数var os=new String("hello");var on=new Number(200);var ob=new Boolean(false);console.log(os,on,ob);console.log(原创 2021-11-08 09:17:33 · 130 阅读 · 0 评论 -
js--正则表达式
l 正则表达式对象的创建 构造函数 var pattern =new RegExp("正则表达式","修饰符") var pattern =new RegExp("abc","ig"); 正则表达式字面量 var pattern = /正则表达式/修饰符; var pattern = /abc/ig;修饰符 i ignore case 不区分大小写 g global 全局 m multiline 多行原...原创 2021-11-05 11:09:01 · 405 阅读 · 0 评论 -
js--冒泡排序、快速排序、插入排序
1.冒泡排序比较相邻的元素。如果第一个比第二个大,就交换它们两个; 对每一对相邻元素作同样的工作,从开始第一对到结尾的最后一对,这样在最后的元素应该会是最大的数; 针对所有的元素重复以上的步骤,除了最后一个; 重复步骤1~3,直到排序完成。function bubbleSort(arr) { var len = arr.length; for (var i = 0; i < len - 1; i++) { for (var j = 0; j < le转载 2021-11-04 19:08:10 · 125 阅读 · 0 评论 -
js--array--常用方法、方法重写
ECMAScript数组是有序列表,是存放多个值的集合。 有以下特性: 每一项都可以保存任何类型的数据。 数组的大小是可以动态调整。 数组的length属性:可读可写,可以通过设置length的值从数组的末尾移除项或向数组中添加新项1.初始化l 使用Array构造函数 var arr = new Array(); var arr = new Array(20); // 预先指定数组的大小 var arr = new Array...原创 2021-11-04 16:51:37 · 390 阅读 · 0 评论 -
js--array--底层原理
原创 2021-11-03 15:07:47 · 267 阅读 · 0 评论 -
js--闭包--菜单例子
<!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"> <title>Document&l.原创 2021-11-03 10:31:49 · 68 阅读 · 0 评论 -
javascript-- 递增递减操作符 -- ++,--
//一元运算符//前置:先做本体样式、后置:后做本体运算var a=3;var b=a++;//b=a=3 a=a+1=4var c=++a;//a=a+1=5 c=a=5var d=a--;//d=a=5 a=a-1=4var e=--a;//a=a-1=3 e=a=3console.log(a,b,c,d,e);//3 3 5 5 3原创 2021-10-19 17:02:30 · 71 阅读 · 0 评论