ES6
不想加班的虎砸
这个作者很懒,什么都没留下…
展开
-
【ES6】第一节:什么是ES6?新手该如何理解
ECMAScript 是什么转自:公众号—— web前端教程 ECMAScript 是什么很多初学者都很困惑,ECMAScript是什么?它跟JavaScript有什么关系?别急,这篇是专门给公众号中初学的伙伴们带来的。 还记得吗,在公众号中“我要做题”习题中,其中第12期的习题就考到这个小知识。题目是这样的: 第12期:JavaScript由3部分组成,分别是:...转载 2018-07-30 17:44:26 · 728 阅读 · 2 评论 -
【ES6】第十二节:ES6 Proxy代理 和 去银行存款有什么关系?
转自:微信公众号—— web前端教程 ES:给开发者提供了一个新特性:Proxy,就是代理的意思。也就是我们这一节要介绍的知识点。 以前,ATM还没有那么流行的时候(暴露年纪),我们去银行存款或者取款的时候,需要在柜台前排队,等柜台工作人员帮我们办理业务,这也是一种代理,我们自己无法修改我们银行账户上的数据,需要代理给柜员,帮我们办理存钱或者取现...转载 2018-08-02 10:17:04 · 153 阅读 · 0 评论 -
【ES6】第十三节:易学又实用的新特性:for...of
转自:微信公众号—— web前端教程 前面几节的内容稍微偏长,代码也不少,估计有基础的同学才会跟得上,不知道大家有没有看懵了。这节来点简单但又很实用的知识,没错,就是for...of。 for...of 是什么 for...of 一种用于遍历数据结构的方法。它可遍历的对象包括数组,对象,字符串,set和map结构等具有iterator 接口的数据结...转载 2018-08-02 10:20:05 · 164 阅读 · 0 评论 -
【ES6】第十四节:ES6的 Iterator 遍历器到底是什么?
转自:微信公众号—— web前端教程 for...of为啥不遍历Object对象 第十三节我们讲了简单又实用的for...of,我们可以使用它来遍历数组,字符串,Set和Map结构,但是有没有发现,我们并没有说它可以遍历Object对象,为什么不试试用它来遍历Object对象呢? 我们试试看: //定义一个...转载 2018-08-02 10:22:58 · 179 阅读 · 0 评论 -
【ES6】第十五节:有一种特殊的函数叫:Generator函数
转自:微信公众号—— web前端教程 今天我们来学习ES6给我们带来的一种新函数,在学习它之前,前端君希望你已经阅读并初步了解了上一节的内容:iterator遍历器。因为本节的内容,是建立在iterator遍历器知识的基础上。 如果是新来的童鞋,或者您还未了解iterator遍历器,我希望你可以先学习上一节的内容,点击可查看:第十四节iterator...转载 2018-08-02 10:26:33 · 159 阅读 · 0 评论 -
【ES6】第十六节:ES6新增的 Set 和 WeakSet 是什么东西?
转自:微信公众号—— web前端教程 题外话:往后的章节,跟前面的章节联系越来越紧密,很多知识的讲解建立在前面章节的学习基础上,如果是新来的同学,建议从第一节学起。如果是忘记了前面的内容,前端君也会在适当的时候,加上跳转链接。 什么是Set结构 Set是ES6给开发者带来的一种新的数据结构,你可以理解为值的集合。我们平时见到的数组Array也...转载 2018-08-02 10:31:41 · 215 阅读 · 0 评论 -
【ES6】第十七节:ES6新增的Map和WeakMap 又是什么东西?
转自:微信公众号—— web前端教程 上节介绍了Set和WeakSet,这节咱就讲Map和WeakMap是什么?当然,两者之前并没什么必然的联系,仅仅是用法类似。 什么是Map 介绍什么是Map,就不得不说起Object对象,我们都知道Object对象是键值对的集合: //Object对象 {"name":"前端君","g...转载 2018-08-02 10:37:38 · 304 阅读 · 0 评论 -
【ES6】第十八节:教你如何使用ES6的Promise对象
转自:微信公众号—— web前端教程 Promise对象,ES6新增的一个全新特性,今天我们要好好学习一下它。 Promise的设计初衷 首先,我们先一起了解一下,为什么要设计出这么一个玩意儿,用它是为了解决什么问题? 带着这个问题,我们来回想一下日常开发中,经常需要用到ajax请求数据,拿到数据后,再进...转载 2018-08-02 10:42:05 · 265 阅读 · 0 评论 -
【ES6】第十九节:终于,JavaScript也有了类(class)的概念
转自:微信公众号—— web前端教程 类class这个概念,在其他编程语言中很早就实现了,而JavaScript语言并没有实现,一直以来,开发者都是使用函数function和原型prototype来模拟类class实现面向对象的编程。 接下来的学习,前端君默认大家都了解传统的模拟类的写法,如果你已经忘记了,ES6系列的第九节有介绍JavaScript的...转载 2018-08-02 10:44:58 · 272 阅读 · 0 评论 -
【ES6】第二十节:一个缺失已久的特性 — module模块
转自:微信公众号—— web前端教程 在ES6之前,Javascript还不支持原生的模块化。如果要实现模块化,我们要借助一些框架,比如:requireJS或者seaJS等;什么?没用过也没听过这些框架?没关系,它们不是我们今天要讲的重点。 今天的主角是:ES6自带的模块化。模块化的初衷 也许你要问了,好端端的,为什么要模块化?...转载 2018-08-02 10:48:52 · 141 阅读 · 0 评论 -
【ES6】第十一节:JavaScript有了一种全新的数据类型:Symbol
转自:微信公众号—— web前端教程 连续连载了几篇《ES6对xxx的扩展》,本节咱们换换口味,介绍一种全新的数据类型:Symbol,中文意思为:标志,记号。音标:[ˈsɪmbəl]。数据类型 在介绍Symbol之前,我们简单介绍一下JavaScript的数据类型: JavaScript有6中数据类型,分别是: ...转载 2018-07-31 16:01:07 · 175 阅读 · 0 评论 -
【ES6】第十节(补课):函数的扩展 — 箭头函数的this使用
转自:微信公众号—— web前端教程 有2位童鞋在第十节留言说,关于箭头函数的this的使用有必要介绍一下。 在这里,前端君对2位同学表示感谢,相信很多初学者也一样会感谢你们的提醒。 那么,接下来我们就学习一下,究竟这个箭头函数的this有什么不一样的地方,让大家这么重视? 用一句话概括:箭头函数中的th...转载 2018-07-31 16:01:01 · 132 阅读 · 0 评论 -
【ES6】第二节:ES6新增了let关键字,干嘛用的?
转自:微信公众号—— web前端教程 ES6 给开发者带来很多令人激动的特性,其中let关键字就是其中之一。 那么,let关键字是什么东西? let 的用途 我们回想一下,我们平时在写代码的时候,用var来声明一个变量,除此之外,好像也没用其他的关键字了,不管我们声明的是字符串类型、数组类型还是数字类型等,都用一个var...转载 2018-07-30 17:48:35 · 399 阅读 · 0 评论 -
【ES6】第三节:ES6中另一个不得不说的关键字const
转自:微信公众号—— web前端教程 上一节讲了let关键字,它是用来声明一个变量,只在块级作用域起作用。这一节我们来学习ES6新增的另一个关键字const。 const 的作用 const是constant(常量)的缩写,const和 let一样,也是用来声明变量的,但是const是专门用于声明一个常量的,顾名思义,常量的值是不可改变的。以前用var声明的变量,...转载 2018-07-30 17:52:21 · 251 阅读 · 0 评论 -
【ES6】第四节:教你如何快速让浏览器兼容ES6特性
转自:微信公众号—— web前端教程 写在正文前,本来这一节的内容应该放在第二节更合适,因为当时就有同学问ES6的兼容性如何,如何在浏览器兼容ES6的特性,这节前端君会介绍一个抱砖引玉的操作案例。 为什么ES6会有兼容性问题? 由于广大用户使用的浏览器版本在发布的时候也许早于ES6的定稿和发布,而到了今天,我们在编程中如果使用了ES6的新特性,浏览器若没有更新版本...转载 2018-07-30 18:00:19 · 1091 阅读 · 0 评论 -
【ES6】第五节:一个令人兴奋的ES6新特性:解构赋值
转自:微信公众号—— web前端教程 学完了前4节,今天我给大家带来的是一个令人兴奋的特性:解构赋值。这个章节代码片段有点偏多,不过可以放心,一点都不烧脑,还是老样子:简单易懂。 什么是解构赋值什么是 按照一贯的套路,接下来的内容是解释:什么是解构赋值? 来看看官方的解释: ES6允许按照一定模式,从数组和对象中提取值,对变量进行...转载 2018-07-30 18:09:54 · 178 阅读 · 0 评论 -
【ES6】第六节:ES6为字符串String带来哪些好玩的特性?
转自:微信公众号—— web前端教程 学过上一节的解构赋值就知道,ES6确实给我们带来不少方便,但是ES6的方便之处远不止这些,今天又带来一个很实用的东西:字符串的扩展。 字符串的扩展 简答说,ES6对字符串新增了一些函数和操作规范,使得开发者对字符串的操作更加方便,以往需要借助其他javascript代码才能实现的效果,现在利用这些函数即可快速实现。...转载 2018-07-30 18:19:52 · 200 阅读 · 0 评论 -
【ES6】第七节:ES6为数值做了哪些扩展?
转自:微信公众号—— web前端教程 上一节和大家学习了字符串的扩展,这一节轮到了数值,我们一起来学习数值的扩展。 这几天公众号都收到了很多同学问,什么时候出下一节,大家的期待和学习热情如此高涨,前端君也不会怠慢,继续更新。剧透一下,这一节并不会很烧脑,都是介绍类的知识讲解,理解性的东西不多,初学者们也可以愉快地看完。 传统的写法 在介绍数...转载 2018-07-30 18:26:07 · 133 阅读 · 0 评论 -
【ES6】第八节:ES6为数组做了哪些扩展?
转自:微信公众号—— web前端教程 前面讲了字符串和数值的扩展,今天要讲的是:数组的扩展。不知道大家能否跟得上这个节奏,你们在阅读中对讲解有存在疑惑,记得留言提出来,要真正地理解,否则白白浪费阅读时间就得不偿失了。 写过javascript代码的同学都知道数组是一个很常用的数据结构,能给我们带来很多方便。如今,ES6对数组进行进一步的扩展,为我们带来更多的特性,开...转载 2018-07-30 18:31:27 · 195 阅读 · 0 评论 -
【ES6】第九节:ES6为对象做了哪些扩展?
转自:微信公众号—— web前端教程 ES6不仅为字符串、数值和数组带来了扩展,也为对象带来了很多新特性。这一节,我们来一起学习一下对象的扩展。对象的传统表示法 我们回顾一下,对象的传统表示法: let person = { "name":"张三", "say":function(){ ...转载 2018-07-31 16:00:45 · 153 阅读 · 0 评论 -
【ES6】第十节:ES6为函数做了哪些扩展?
转自:微信公众号—— web前端教程 ES6一路扩展,字符串、数组、数值、对象无一“幸免”,ES6说要雨露均沾,函数也不能落下,今天,就来讲解ES6对函数的扩展。 姿势准备好了吗?前方高能,第10节开讲...... 参数的默认值 在开发中,给函数的参数指定默认值,是很普遍很常见的一个需求,我们先来回顾一下传统的实现方式,对比着看更好理...转载 2018-07-31 16:00:53 · 171 阅读 · 0 评论 -
【vue.js】vue的十个常用指令
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>十个指令</title> <script src="vue.js"></原创 2018-08-03 14:58:08 · 265 阅读 · 0 评论