m0_64355119的博客

原创 jQuery jq常见方法

原创 jQuery jq事件绑定

jQuery已经很多年没有更新过了，因此ES6新增的一些事件和箭头函数等，它是不支持的。

原创 jQuery Dom对象和jQuery对象的区别

3、需要使用对方方法的时候，需要互相转换。dom对象和jquery对象的区别。2、互相之间不能使用对方的方法。1、获取的方式不一样。

原创 jQuery jq选择器

css里面可以怎么写 这里面就可以怎么写。

原创 jQuery $符号

作用3：可以创建jQuery对象(可以理解是以前dom对象)作用2：获取jquery对象(可以理解是以前dom对象)作用4：可以讲dom对象转换成jQuery对象。作用1：可以当做入口函数来使用。$ === jQuery函数。

原创 jQuery 体验jQuery

原创 ES6 模块化

模块化：让每一个文件都成为一个独立文件，不受其他文件的影响。

原创 ES6 事件循环完整流程

看当前任务是宏任务（ajax setTimeout 定时器相关 事件回调）还是微任务（promise.then.和.catch）)就会从里面取出来到执行栈里面去执行,取任务时候（取宏任务之前需要将微任务清空掉）完成以后会去事件队列里面不断的循环查找是否有可以执行的代码,如果说有了。(异步模块同时处理,看这个异步任务是否可以可以被执行（有时间判断时间）执行栈在执行代码的时候，会从上往下执行，当碰到异步代码时候，会将异步代码交给浏览器的异步模块去处理，主线继续执行，当执行。

原创 ES6 事件循环笔试题

【代码】ES6 事件循环笔试题。

原创 ES6 使用async和await发送天气预报

原创 ES6 async和await

asycn关键字：放在函数的前面，该函数就是async函数，默认会返回一个成功的promise，内部的返回值会成为.then回调函数中的结果，如果我们主动给它返回一个promise 那么这个asycn，函数的返回promise状态由我们返回的promise。awiat：使用await必须在当前函数前面加async，await后面跟的基本上是一个promise，await后面的promise有结果了以后会将resolve里面的值 返回给await前面的变量。

原创 ES6 Axios插件使用

axios 请求是基于promise的，它会返回一个promise，请求成功了就会执行 promise.then 失败就执行.catch，axios再返回数据的时候对后端返回的数据又进一步的进行包装 添加了一些内容进去。文档地址：https://www.axios-http.cn/

原创 ES6 Promise的静态方法

如果说promise全部成功了 那么执行.then 并且会将所有promise处理的结果封装成一个数组传入then的参数里面,如果说promise全部成功了 那么执行.then 并且会将所有promise处理的结果封装成一个数组传入then的参数里面。即使其中的一个失败了，它会继续处理其余的promise ，直到所有的promise全部处理完了返回结果。Promise.all([p3,p4]) 会同时处理多个promise，在最短的时间内返回结果,会同时处理多个promise，在最短的时间内返回结果。

原创 ES6 使用Promise解决异步回调

原创 ES6 Promise

Promise的参数：必须有一个参数 是一个函数 这个函数会立马执行，这个函数里面有两个参数，分别是 resolve 和 reject 这两个参数是函数。实例对象身上有两个方法，分别是 .then 和 .catch，只能传一个参数，该参数是一个回调函数。返回的是失败的promise就会执行它实例身上的.catch()的回调函数。返回的是成功的promise就会执行它实例身上的.then()的回调函数。Promise：异步回调的一种解决方案，Promise是一个构造函数。1、等待状态 pending。

原创 ES6 class实现面向对象计步器

【代码】ES6 class实现面向对象计步器。

原创 ES6 class

【代码】ES6 class。

原创 ES6 ES6新增的方法

【代码】ES6 ES6新增的方法。

原创 ES6 map集合

map集合：的集合，存储数据的。

原创 ES6 set集合

的集合，类似于数组的容器。

原创 ES6 Symbol

用来显示在控制台或者作为字符串的时候使用，，为新创建的 Symbol。

原创 ES6 箭头函数this案例

原创 汇总：this 指向的情况 *

3、构造函数中的 this 指向该构造函数创建出来的实例对象。4、箭头函数中的 this 指向上一层函数中的this。5、严格模式下的 this 是 undefined。1、函数看谁调用的里面 this 就是谁。2、没人调用 就是 window。

原创 ES6 箭头函数

3、箭头函数中是没有this,那么它在使用this的时候，看上一层this是谁它里面的this就是谁。2、如果说箭头函数的函数体只有一句话的时候可以省略大括号 并且会自动将这个结果当做返回值返回。1、如果说箭头函数只有一个参数的时候可以省略小括号，没有参数或者多个参数不能省略小括号。4、箭头函数不能当作构造函数来使用 原因就是它没有this。5、箭头函数不能修改this指向 原因就是它没有this。

原创 ES6 三点运算符

.. 表示的展开运算符，只能展开迭代对象 Symbol(Symbol.iterator)

原创 ES6 函数的默认参数

原创 ES6 对象简写和解构赋值案例

原创 JS高级 Swiper轮播图使用

Swiper官网：https://www.swiper.com.cn/

原创 Ajax 封装一个Ajax发请求函数

【代码】Ajax 封装一个Ajax发请求函数。

原创 Ajax jsonp处理跨域

2.前端定义一个函数，后端将数据传到这个函数里面。2.必须和后端配合使用，接口后端支持才能使用。去发送请求时，不会存在跨域的问题。1.只能处理get请求。

原创 Ajax 发送post请求

post请求设置请求头xhr.setRequestHeader('Content-type',"application/x-www-form-urlencoded")

原创 Ajax 天气预报API案例

【代码】Ajax 天气预报API案例。

原创 Ajax 降低浏览器的安全等级

3.在目标后面敲一个空格 将 -disable-web-security --user-data-dir=C:\MyChromeDevUserData 放进去。2.鼠标右键-属性-快捷方式-目标。1.多创建一个浏览器的快捷方式。

原创 Ajax ajax的基本使用

304：告诉客户端请求成功了，但是这个资源不是由服务器提供的，而是客户端本地缓存中的资源，节省传输开销，性能优化。301：永久重定向，表示访问的www.baidu.com 但是最终跳转到了 www.baidu.cn这个地址。200：表示服务器响应成功，也就是找到了客户端请求的内容，并且返回给了客户端。3：服务器开始处理数据了 并且会返回数据（这个阶段 返回的数据是不完整的）二、告诉对象去哪个服务器请求,并且以什么方式去请求 ,需要携带什么参数。500：表示服务器有问题了，服务器关闭了，服务器代码出错了。

原创 Ajax 同源策略

https://www.baidu1.com:3000 //不可以请求数据（域名不同）http://www.baidu.com:3000 //不可以请求数据（协议不同）https://www.baidu.com:80 //不可以请求数据（端口不同）https://www.baidu.com:3000 //可以请求数据。服务器的地址：https://www.baidu.com:3000。完整的域名：https://www.baidu.com:80。www.baidu.com：域名。

原创 Ajax post和get

1、get 提交的时候参数是显示在地址栏的 速度比较快 参数携带是有限的。2、post 提交参数不会显示在地址栏 速度比较慢 参数可以携带更多。

原创 Ajax 测试API

天气预报：http://www.tianqiapi.com/index/doc?

原创 JS高级 Loadsh里面的节流函数

第一次点击的时候是立马触发事件还是延时触发，true立马触发，false延时触发。最后一次点击是否继续执行事件，true 执行，false 不再执行。

原创 JS高级 节流函数 throttle

然后函数就return出去了，并不会开启新的定时器，当定时器执行完成后，flag会被赋值为false，在定时器没有触发之前，flag一直都是true，那么一进入点击事件，就会进入到if里面去，：定义一个flag，给它赋值false，一点击，就会给flag赋值为true，并开启定时器，当新的时间戳减去旧的时间戳大于一定时间的时候，才去发送请求，：先定义一个旧的事件变量，在点击按钮一个，再声明一个新的事件变量，场景：点击一下按钮，就会发送一次请求，点得越快，发送得越快，现在希望点得不管多快，都匀速发送请求。

原创 JS高级 Loadsh里面的防抖函数