![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习之路
envoke.
学习漫漫,望各位大佬多指教
展开
-
ES6部分源码重写 -1(ES5-构造函数解析)
ES6部分源码重写 -1剖析ES5中对象的使用剖析ES5中对象的使用创建一个飞机的对象该对象具有以下属性和方法名称血量飞行方法此处将方法定义在飞机的原型上,从效率的角度来看更低 Plane.prototype.fly = function(){ console.log("fly"); } function Plane(){ this.name = name || "...原创 2019-04-21 17:10:18 · 230 阅读 · 2 评论 -
h5-worker多线程js
h5-worker多线程jsworker阐述worker阐述在我们的印象当中,js都是单线程的,或者更多的是类似ajax这种异步加载的伪多线程(这里的伪多线程指的ajax发送请求,采用回调的方法,回调成功以后还是在主线程的队列中去执行回调)h5提供的worker构造器提供的是另外一个线程,也就是另外的一个队列,真正的达到多线程的情况。经过刚才的描述,有木有觉得这是一个很牛逼的东西,然而,暂...原创 2019-04-30 16:10:36 · 450 阅读 · 0 评论 -
H5-locaStorage解析
H5-locaStorage解析浅谈cookie浅谈localStorage深入解析localStorage浅谈sessionStoragecookie, loaclStorage,sessionStorage的区别我们在谈谈什么是同一个域我们先说说localStorage是做什么用的用来存取数据,是一种缓存结构,说到缓存我们之前不是有cookie了吗,为什么还要用localStorage?...原创 2019-04-30 10:21:42 · 362 阅读 · 0 评论 -
ES6-...(spreed&rest)运算符
ES6-...收集/展开运算符...运算符的作用...运算符分类:读和写,ES6和ES7ES6中写的场景ES6中读的操作(spreed)ES7 ...运算符对于对象的处理…运算符的作用简化书写长度,提升开发效率…运算符分类:读和写,ES6和ES7读的场景var arg = [1,2,3]; console.log(…arg); -展开作用写的场景function test (…a...原创 2019-04-29 15:19:21 · 751 阅读 · 0 评论 -
ES6-let,const解析
ES6-let,const解析我们先看看ES5中var变量的缺点ES6-let 解析ES6-const解析我们先看看ES5中var变量的缺点var会使变量提升(即下面声明的上面也可以使用) console.log(a); var a = 10;变量可重复定义,也不会报错 var a = 10; var a = 20;var声明的变量会挂载到window上,会使wind...原创 2019-04-29 12:06:43 · 254 阅读 · 0 评论 -
ES6-babel工具的使用
ES6-babel工具的使用babel简介babel使用的条件babel下载与安装babel简介当ES6及ES6以后的迭代版本,可能浏览器不支持,或者node环境不完全支持的情况下,使用babel工具将语言降级为ES5,使浏览器可以支持在线babel工具 https://babeljs.io用于学习是进行对比、查询 https://www.babeljs.cnbabel使用的条件...原创 2019-04-29 11:35:51 · 576 阅读 · 0 评论 -
ES6-简介
ES6简介ES6简介ES6缺点语言迭代目的为什么要学习ES6:ES6简介ES2015年推出的JavaScript新版本也叫ES2015现在已经有ES7(2016)、 ES8(2017)、 ES9(2018)很多新增内容仍是提案ES5到ES6的转变位: 迈向大型企业化开发普遍使用的依然是ES6、ES7部分内容ES7及后面版本浏览器或node环境未完全支持,但已有babel工具可对其进行...原创 2019-04-29 11:23:32 · 3358 阅读 · 0 评论 -
ES6- Map-1介绍及常用api
ES6- Map-1介绍及常用apiMap简介Map对象的创建Map-api介绍1. add() 往Map中添加键值对2. get() 根据key取value3. delete() 根据key删除键值对4. keys() 获取所有的key5. values() 获取所有的value6. has() 判断map是否具有某个key7.clear() 清空Map8.size() 获取Map的长度9...原创 2019-04-24 00:12:21 · 589 阅读 · 0 评论 -
ES6- Set-2之去重—并集—交集—差集
ES6-Set -2 常规用法单个数组去重如何实现并集如何实现交集如何实现差集单个数组去重我们先来看一下再ES5中。我们数组去重的方法 let arr = [1, 2, 3, 4, 5, 6, 5, 4, 3, 2, 1]; let obj = {}; let newArr = []; for(var i = 0; i < arr.length; i++){ if(!ob...原创 2019-04-23 23:06:31 · 259 阅读 · 0 评论 -
ES6- Set-1之使用方法
ES6-Set -1简单介绍Set简介特点用途Set的删除方法遍历Set的第一种方法(forEach循环,参数代表循环里的单个值)数组转换成Set的方式Set转换成数组的两种方式(...运算符也是具有迭代接口就可以使用)==字符串拆分成数组的方法==Set简介ES6提供的构造函数,是一种新的存储结构特点只有属性值,成员值唯一(不能重复)用途可以转换为数组,本身具备去重,交集,并集,差集...原创 2019-04-23 21:52:29 · 602 阅读 · 0 评论 -
ES6部分源码重写 -4(1-classES7中的扩展)
ES7class新增填的属性使用ES7需要使用babel插件对语言进行降级,否则会报错1. 添加构造方法的静态属性2. 添加比ES6简单的私有属性书写方法3. 装饰器在理解了装饰器的前提下,我们来看看ES5中的一个案例使用ES7需要使用babel插件对语言进行降级,否则会报错首先需要下载babel插件(前提是已经安装了node.js)babel的安装教程在之前的ES6中已经学习,现在需要补上...原创 2019-04-22 01:36:22 · 166 阅读 · 0 评论 -
ES6部分源码重写 -3(ES6-ES5的方式来手写部分源码)
ES6中的多出的功能对象必须要new的方式才能出来定义原型上的方法和静态方法添加原型上的方法和静态方法子类继承父类到此还有一个小问题需要注意主要完成一下几个功能对象必须要new的方式才能出来创建对象这里创建对象的方法采用立即执行函数,封闭作用域,避免将私有变量暴露因为使用了立即执行函数,执行后就销毁,所以需要将构造函数返回给Plane这个变量 var Plane =...原创 2019-04-22 00:17:22 · 287 阅读 · 0 评论 -
ES6部分源码重写 -2(ES6-构造函数初步解析)
ES6中的class上一篇讲解了ES5中的对象的创建和继承,使用ES5的时候有一些要求和限制现在使用ES6来搞class Plane{ static rotated(){ console.log("rotate"); } constructor(name){ this.name = name || '普通飞机'; th...原创 2019-04-21 22:42:12 · 226 阅读 · 0 评论 -
h5-history解析
h5-history解析这是一个不太常用的api,但有一些场景比较适用,比如说,某用户填写了一个很复杂的表单,点了一下回退,就回退了一个网页,那用户的填写的所有信息都没了,那么,history就可以派上用场了我们来看一下这个实例把 <input type="text" id="search"/> <button id="btn"></button> ...原创 2019-04-30 15:47:07 · 756 阅读 · 0 评论