![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ES6
自律自强的鱼
不爱吃米饭
展开
-
Js-ES6类的使用,ES5原型和继承
Ⅰ- 壹 - 类类 是抽象的 对象是真实存在的 。对象就是类的实例化体现,类就是对象的抽象化表现基类(BaseClass)基础的类别父类子类超类(SuperClass) 子类的父类 唯一的上一层一 创建class obj{ a=1;//es7支持 //构造函数 没有参数可以不写 constructor(elem) { //this 指向 obj console.log(elem) } //方法 tow(){ cons原创 2020-08-15 11:20:18 · 316 阅读 · 0 评论 -
Js-set和get访问器属性
1.基础作用:使你可以快速获取或设置一个对象的数据2.对数据的访问限制:a.value是对value变量的getter方法调用,如果在getter方法实现中跑出异常,可以阻止对value变量的访问。3.对dom变量进行监听:window.name是一个跨域非常好的dom属性,如果覆盖window.name的setter实现则可以实现跨页面的内存异步通信。用法1.对象中var obj={...原创 2020-02-18 21:17:39 · 1082 阅读 · 2 评论 -
Js-对象的原型和原型链及原型对象方法
Ⅰ- 壹 - 对象的原型和原型链一 对象简介什么是对象,其实就是一种类型,即引用类型。而对象的值就是引用类型的实例。在 ECMAScript 中引用类型是一种数据结构。用于将数据和功能组织在一起,它也常被称做为类,但 ECMAScript 中却没有这种东西。虽然 ECMAScript 是一门面向对象的语言。却不具备传统面向对象语言所拥有的类和接口等基本结构。万物皆对象,除了数字,字符,布尔这种绝对值以外的所有都是对象;对象是类的实例化体现,类是对象的抽象体现;对象是一个个体,他具备自身类的所有原创 2020-02-17 21:48:04 · 981 阅读 · 0 评论 -
Js-this指向问题、call()、apply()、bind()改变this指向
0-零 - this几种指向在全局中this:指向window。对象方法中this:this指向该对象本身。回调函数中this:指向window。事件回调中this:指向e.currentTarget,给谁添加的事件监听就指向那个元素。箭头函数中this:指向箭头函数外层的this。类中this:指向实例化对象,哪个对象调用这个方法、this就指向哪个对象;静态方法和静态属性中:this指向这个类。call()、apply()、bind()中:将函数中this的指原创 2020-07-22 21:27:58 · 614 阅读 · 0 评论 -
Ajax这一篇足矣
Ⅰ- 壹 - 什么是AjaxAjax = 异步 JavaScript 和XML。Ajax 不是新的编程语言,而是一种使用现有标准的新方法。通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。Ajax技术核心是XMLHttpRequest对象(简称XHR)XHR对象可以直接实例化XMLHttpRequest即可。一 存在以下缺点:受同源策略的限制,不能发送跨域请求;不能发送二进制文件(如图片、视频、音频原创 2020-02-11 20:50:44 · 339 阅读 · 0 评论 -
Cookie和webstorage本地储存
Ⅰ- 壹 - Cookie一 什么是Cookiecookies是由网络服务器存储在你电脑硬盘上的一个txt类型的小文件,它和你的网络浏览行为有关,所以存储在你电脑上的cookies就好像你的一张身份证,你电脑上的cookies和其他电脑上的cookies是不一样的;cookies不能被视作代码执行,也不能成为病毒,所以它对你基本无害。cookies的作用主要是,当你访问了某些网页,并且对网页的一些设置进行修改,cookies就能跟踪并记录到这些修改,当你下一次访问这个网页的时候,这个网页会分析你电脑上的原创 2020-02-12 16:15:38 · 272 阅读 · 0 评论 -
案例-放大镜效果(面向对象)
一.HTML:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq...原创 2020-01-15 17:43:29 · 418 阅读 · 0 评论 -
async和await、宏任务和微任务
Ⅰ- 壹 - async和awaitasync 函数执行后返回一个Promise对象await只能写在async函数中(async和await必须要一起使用。)await 只能处理promise对象的异步等待,在用去其他的异步方法时候无效,async 函数中使用return返回的内容可以通过then来获取从本质上讲,await函数仍然是promise,一 基本使用用法:首先在 function 前面加 async 用来说明这个函数是一个异步函数然后在async里面写a原创 2020-01-11 20:34:01 · 1104 阅读 · 0 评论 -
Premise解决回调地狱和Premise的方法
异步函数函数式编程解决了回调地狱,地址更改 重新执行premise 异步 解决回调地狱then:生成用法配合函数使用链式调用异步调用过程中严格要求只能执行一个 成功或者失败状态为进行中就执行封装 promise 未完成all使用静态方法完成预加载 用链式加载完成异步的过程 按顺序打印list是所有promise的then中resolve参数的集...原创 2020-02-11 19:43:25 · 751 阅读 · 0 评论 -
案例 - 无缝轮播图面向对象两种写法
单例模式预加载涉及知识点:单例模式:currentTarget与targetcurrentTarget始终是监听事件者,即 直接调用addEventlistener那个节点而target是事件的真正发出者, 即 触发事件的节点,在click事件中就是被点击的节点。constructor 属性返回对创建此对象的数组函数的引用。用法1判断类型parent.constructor===...原创 2020-01-19 20:39:11 · 408 阅读 · 0 评论 -
Js-ES6-Set和Map
0- 零 - 前言一 数组和对象对比数组的优点1、有顺序2、紧密型3、有关联缺点1、速度慢,查询,添加,删除2、有重复3、判断值时,必须遍历数组对象的优点1、有键值对,查询快,插入和删除也很快2、键唯一3、多重集合缺点1、没有关联2、按照添加顺序遍历(顺序无法改变)3、 如果需要查询属性时,需要遍历Ⅰ- 壹 - Setset列表,插入、添加、删除速度快,无重复,只要值得列表(不能有键), 没有索引,不能使用for循环,也不能用下标直接修改或者获取。没有重原创 2020-07-24 20:49:22 · 415 阅读 · 0 评论 -
JS-ES6-严格模式、letconstES6字符串扩展方法
1.严格模式use strict" -变量必须声明后再使用函数的参数不能有同名属性,否则报错不能使用with语句不能对只读属性赋值,否则报错不能使用前缀 0 表示八进制数,否则报错不能删除不可删除的属性,否则报错不能删除变量delete prop,会报错,只能删除属性delete global[prop]eval不会在它的外层作用域引入变量eval和arguments不能被重新...原创 2020-01-10 22:38:49 · 259 阅读 · 0 评论