- 博客(10)
- 收藏
- 关注
原创 前端AJAX学习笔记——XMLHttpRequest Level2
旧版XMLHttpRequest缺点:只支持文本数据传输,无法读取上传文件 请求和响应时,只提示有没有完成,没有显示进度XMLHttpRequest Level2新特性:可以设置HTTP请求时限 可以使用FormData对象管理表单数据 可以上传文件 可以获取数据传输的进度1.设置HTTP请求时限可以设置请求等待时限,请求超过了这个时限就会自动停止,还可以设置配套的timeout事件指定回调函数。xhr.timeout = 3000; //请求最多等待3秒xhr.on
2022-03-20 19:18:45
181
原创 前端AJAX学习笔记——数据交换格式XML与JSON
一、XMLXML中文全称“可扩展标记语言”,和HTML一样都是标记语言,但和HTML没什么关系。HTML是网页内容的载体,XML是数据的载体。<student> <name>张三</name> <sex>男</sex> <age>19</age></student>这是一段XML数据的示例,可以看到它的一个缺点是格式比较臃肿,标签比数据本身还多,传输效率低,它还有一个缺点是
2022-03-18 15:36:07
1011
转载 setInterval、setTimeout越来越快的解决方法
最近在练习的时候发现一个问题,多次运行setInterval、setTimeout时它们的间隔会越来越短,找资料时查到@fineline的这篇解答——javascript中setInterval越来越快的问题解决方法,马一下。博主给出了两种方法var timerfunction do(){ //clearInterval要放在方法开始,不然的话,下面的代码还没运行到clearInterval,又开始了循环了。 clearInterval(timer) //do something...
2022-03-15 09:36:04
1703
原创 关于nth-of-type、nth-child选择失败的问题
最近在做练习的时候发现,使用伪类选择器nth-of-type、nth-child时无法选到想要的元素,研究了一下发现是对这类伪类选择器的理解有点问题,下面先直接看代码html代码<style type="text/css"> div{ width: 50px; height: 50px; background-color: aqua; margin: 20px auto; }</style><body> <div class="d
2022-03-14 11:19:33
2389
1
原创 前端JS学习笔记——本地存储
在HTML5之前浏览器存储数据一般只能存储在Cookie中,但是Cookie的限制是4096字节,这就要求网站存储的数据尽量精简,复杂的、关系型的用户数据就根本不可能存储了。为了在本地存储大量数据,HTML5提出了新的本地存储技术sessionStorage和localStorage。...
2022-03-11 15:50:04
1236
原创 前端JS学习笔记——Web API简介
JS的组成Web APIs是W3C的标准,属于JS独有的部分,这部分内容主要学习页面的交互那么Web API和APi又有什么不同呢?APl(Application Programming Interface,.应用程序程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。Web API是浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM)。Web API很多都是方法(函数),一般都有
2022-03-11 09:38:33
1561
原创 前端JS学习笔记——内置对象Math、Date 、Array、String
一、什么是内置对象JavaScript中的对象分3种:自定义对象、内置对象、浏览器对象自定义对象就是我们自己定义的对象,如var obj = { } ,浏览器对象是JS独有的,后面说到JS API再具体说内置对象是JS自带的对象,提供了一些常用的属性和方法供开发人员使用,便于我们快速开发JS提供的内置对象有:Math、Date 、Array、String等Math常用方法 //求最大最小值 console.log(Math.max(10,20)); //2...
2022-03-07 16:48:22
918
原创 前端JS学习笔记——构造函数创建对象
JS的对象除了可以用字面量、new的方法创建,还可以用构造函数创建使用场景:字面量和new的方法一次只能创建一个对象,当有多个同类的对象需要创建时,这两种方法的代码就会比较冗余,如果使用构造函数把对象里相同的属性和方法封装到函数里,在需要时就可以便捷地创建对象function Person(name,age,sex){ this.name = name; this.age = age; this.sex = sex; this.skill = function(skill){ con
2022-03-06 11:53:13
563
原创 前端JS学习笔记——JavaScript预解析
1、什么是JS预解析JS代码是由浏览器的JS解析器来执行的,JS解析器在执行JS代码的步骤:预解析和代码执行预解析:JS解析器将JS里面的 var 变量 和 function 提升到所在作用域的最前面,也就是变量提升和函数提升代码执行:从上往下执行代码2、具体说说预解析变量提升:把所有的变量声明提升到它的作用域的最前面,注意只提示变量声明,如果该变量已被赋值,那么它的值不会被一起提升console.log(num); //会输出 undefindvar num = 1;//经过
2022-03-05 23:57:46
382
原创 前端JS学习笔记——全局变量和局部变量中的小坑
根据作用域不同变量分全局变量和局部变量一般来说声明在最外面的是全局变量,声明在函数里面的是局部变量但要注意的是,for循环里面定义的变量是全局变量<SCript> var num1 = 1;//全局变量 for(var i=0;i<3;i++){ var num3 = 5;//全局变量 } console.log(i);//for循环的i也算全局变量 console.log(num3);</SCript>输出结果
2022-03-05 17:51:13
438
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人