第5页

3.2.1 ES6 字符串

拓展的方法子串的识别ES6 之前判断字符串是否包含子串，用 indexOf 方法，ES6 新增了子串的识别方法。includes()：返回布尔值，判断是否找到参数字符串。startsWith()：返回布尔值，判断参数字符串是否在原字符串的头部。endsWith()：返回布尔值，判断参数字符串是否在原字符串的尾部。以上三个方法都可以接受两个参数，需要搜索的字符串，和可选的搜索起始位置索引。let string = "apple,banana,orange";string.includes(&quo...

ES6 教程 2019-06-19 290 ES6
3.1.2 ES6 Reflect 与 Proxy

概述Proxy 与 Reflect 是 ES6 为了操作对象引入的 API 。Proxy 可以对目标对象的读取、函数调用等操作进行拦截，然后进行操作处理。它不直接操作对象，而是像代理模式，通过对象的代理对象进行操作，在进行这些操作时，可以添加一些需要的额外操作。Reflect 可以用于获取目标对象的行为，它与 Object 类似，但是更易读，为操作对象提供了一种更优雅的方式。它的方法与 Proxy 是对应的。基本用法Proxy一个 Proxy 对象由两个部分组成： target 、 handler 。在通过 Pro...

ES6 教程 2019-06-19 301 ES6
3.1.1 ES6 Map 与 Set

Map 对象Map 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键或一个值。Maps 和 Objects 的区别一个 Object 的键只能是字符串或者 Symbols，但一个 Map 的键可以是任意值。Map 中的键值是有序的（FIFO 原则），而添加到对象中的键则不是。Map 的键值对个数可以从 size 属性获取，而 Object 的键值对个数只能手动计算。Object 都有自己的原型，原型链上的键名有可能和你自己在对象上的设置的键名产生冲突。Map 中的 keyke...

ES6 教程 2019-06-19 257 ES6
2.3 ES6 Symbol

概述ES6 引入了一种新的原始数据类型 Symbol ，表示独一无二的值，最大的用法是用来定义对象的唯一属性名。ES6 数据类型除了 Number 、 String 、 Boolean 、 Objec t、 null 和 undefined ，还新增了 Symbol 。基本用法Symbol 函数栈不能用 new 命令，因为 Symbol 是原始数据类型，不是对象。可以接受一个字符串作为参数，为新创建的 Symbol 提供描述，用来显示在控制台或者作为字符串的时候使用，便于区分。let sy = Symbol(&qu...

ES6 教程 2019-06-19 307 ES6
2.2 ES6 解构赋值

概述解构赋值是对赋值运算符的扩展。他是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。在代码书写上简洁且易读，语义更加清晰明了；也方便了复杂对象中数据字段获取。解构模型在解构中，有下面两部分参与：解构的源，解构赋值表达式的右边部分。解构的目标，解构赋值表达式的左边部分。数组模型的解构（Array）基本let [a, b, c] = [1, 2, 3];// a = 1// b = 2// c = 3可嵌套let [a, [[b], c]] = [1, [[2], 3]];// a = 1// b = 2...

ES6 教程 2019-06-19 289 ES6
2.1 ES6 let 与 const

ES2015(ES6) 新增加了两个重要的 JavaScript 关键字: let 和 const。let 声明的变量只在 let 命令所在的代码块内有效。const 声明一个只读的常量，一旦声明，常量的值就不能改变。let 命令基本用法:{ let a = 0; a // 0}a // 报错 ReferenceError: a is not defined代码块内有效let 是在代码块内有效，var 是在全局范围内有效:{...

ES6 教程 2019-06-19 250 ES6
1.2 ES6 环境搭建

目前各大浏览器基本上都支持 ES6 的新特性，其中 Chrome 和 Firefox 浏览器对 ES6 新特性最友好，IE7~11 基本不支持 ES6。以下是各大浏览器支持情况及开始时间:Chrome 58Edge 14Firefox 54Safari 10Opera 552017 年 1 月2016 年 8 月2017 年 3 月2016 年 7 月2018 年 8 月实例var a = 2;{ let a = 3; document.write(a); // 3}document.w...

ES6 教程 2019-06-19 284 ES6
1.1 ES6 教程

简介ES6，全称 ECMAScript 6.0 ，是 JavaScript 的下一个版本标准，2015.06 发版。ES6 主要是为了解决 ES5 的先天不足，比如 JavaScript 里并没有类的概念，但是目前浏览器的 JavaScript 是 ES5 版本，大多数高版本的浏览器也支持 ES6，不过只实现了 ES6 的部分特性和功能。你也可以先看 ECMAScript 6 简明教程来先快速了解。ECMAScript 的背景JavaScript 是大家所了解的语言名称，但是这个语言名称是商...

ES6 教程 2019-06-19 250 ES6
9款非常有意思的HTML5动画推荐

今天要推荐的是9款非常有意思的HTML5动画，这些动画有些是基于Canvas的，有些是SVG结合HTML5实现的，让我们一起来看看。1、HTML5梦幻特效可给任意元素添加魔幻效果我们之前介绍HTML5动画特效比较多的是HTML5 3D特效，今天我们来换一种风格，来分享一款看起来比较魔幻的HTML5特效。它可以给网页上任意元素（图片、文字等）添加这么一种效果，即鼠标滑过时，元素上就会出现非常魔幻的动画特效，什么特效呢？你可以点开demo链接查看。在线演示 &nbs...

资源共享 2019-06-19 262 HTML5动画
15个最受开发者亲睐的Android代码编辑器

如果你希望你的Android设备，如智能手机和平板电脑，在任何时间和任何地方都能够编写代码，那么，不妨看看下面我将介绍的15款Android代码编辑器，它们必将成为你的理想工具。1.Deuter IDE一款基于移动开发的文本编辑器，在线编译器，内置支持Android的集成开发环境。它的虚拟按键可提供常用的编程符号和语法高亮功能，并支持超过40种编程语言，从而能让你在旅途中写代码变得从未如此简单。官方网站：https://play.google.com/store/apps/details?id=com.didact...

资源共享 2019-06-19 334 Android 代码编辑器