随笔分类 -  js/es6/es7

上一页 1 2 3 下一页
javascript总for of和for in的区别？
摘要：for in是ES5标准,for of是ES6标准; for in是遍历对象属性,for of是遍历对象元素。 for of兼容性还不够,移动端安卓微信浏览器貌似不支持，苹果的可以;web端IE支持也不够，chrome可以。 先说结论： 推荐在循环对象属性的时候，使用for...in,在遍历数组的时 阅读全文
posted @ 2017-12-13 16:45 年少的你如此美丽 阅读(193) 评论(0) 推荐(0)
es6 --数组--Array.from() 、Array.isArray()、Array.of()、find()、findIndex()、fill()、entries() 、keys() ，values()
摘要：将两类对象转为真正的数组 Array.from（）方法用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可遍历（iterable）的对象（包括ES6新增的数据结构Set和Map）。 一个转换类数组对象到数组的一个示例： 上面代码中，querySelectorAll方 阅读全文
posted @ 2017-12-13 15:50 年少的你如此美丽 阅读(1186) 评论(0) 推荐(0)
es6 Number.isFinite()、Number.isNaN()、Number.isInteger()、Math.trunc()、Math.sign()、Math.cbrt()、Math.fround()、Math.hypot()、Math 对数方法
摘要：ES6在Number对象上，新提供了Number.isFinite()和Number.isNaN()两个方法，用来检查Infinite和NaN这两个特殊值。 Number.isFinite()用来检查一个数值是否非无穷（infinity）。 Number.isNaN()用来检查一个值是否为NaN。 阅读全文
posted @ 2017-12-13 14:59 年少的你如此美丽 阅读(293) 评论(0) 推荐(0)
es6 String.raw()
摘要：模板字符串可以是原始的： ES6还为原生的String对象，提供了一个raw方法。 若使用String.raw 作为模板字符串的前缀，则模板字符串可以是原始(raw)的。反斜线也不再是特殊字符，\n 也不会被解释成换行符： 阅读全文
posted @ 2017-12-13 14:40 年少的你如此美丽 阅读(193) 评论(0) 推荐(0)
es6 模板字符串
摘要：模板字符中，支持字符串插值： 模板字符串可以包含多行： 阅读全文
posted @ 2017-12-13 14:29 年少的你如此美丽 阅读(115) 评论(0) 推荐(0)
es6 repeat() 原字符串重复
摘要：repeat()返回一个新字符串，表示将原字符串重复n次。 阅读全文
posted @ 2017-12-13 14:28 年少的你如此美丽 阅读(990) 评论(0) 推荐(0)
indexOf()、includes()、startsWith()、endsWith()
摘要：是否包含字符串三种新方法 传统上，JavaScript只有 indexOf 方法，可以用来确定一个字符串是否包含在另一个字符串中。ES6又提供了三种新方法。 includes()：返回布尔值，表示是否找到了参数字符串。 startsWith()：返回布尔值，表示参数字符串是否在源字符串的头部。 en 阅读全文
posted @ 2017-12-13 14:02 年少的你如此美丽 阅读(254) 评论(0) 推荐(0)
es6 const let
摘要：一、const 1、const 声明的是常量，一旦声明，值将是不可变的； 2、const也具有块级作用域； 3、不能变量提升（必须先声明后使用）； 4、const 不可重复声明 5、const 指令指向变量所在的地址，所以对该变量进行属性设置是可行的（未改变变量地址），如果想完全不可变化（包括属性） 阅读全文
posted @ 2017-12-13 13:53 年少的你如此美丽 阅读(168) 评论(0) 推荐(0)
String()和.toString()的区别
摘要：一、相同点：都可以转为字符串类型； 二、不同点： 1、.toString() :null.toString()和undefined.toString() 程序报错误; 2、.toString(): .toString(2) //二进制 .toString(8) //八进制 .toString(16) 阅读全文
posted @ 2017-12-12 11:15 年少的你如此美丽 阅读(1336) 评论(0) 推荐(0)
搭建es6运行环境
摘要：npm init 生成 package.json文件； npm install --save-dev babel-cli babel-polyfill babel-preset-es2015 babel-preset-stage-0 阅读全文
posted @ 2017-11-30 17:54 年少的你如此美丽 阅读(153) 评论(0) 推荐(0)
js 克隆数据 （数组的深浅拷贝）
摘要：var a1 = [1,2,3]; var a2 = a1; a2[0] = 90; console.log(a1[0]) //90 解析：数组是复合的数据类型，直接复制的话，只是复制了指向底层数据结构的指针，而不能克隆一个全新的数据； 上面的代码中，a2并不是a1的克隆，而是指向同一分数据的另一个 阅读全文
posted @ 2017-11-30 17:47 年少的你如此美丽 阅读(7419) 评论(0) 推荐(0)
js ----- push
摘要：定义和用法 push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。 语法 返回值 把指定的值添加到数组后的新长度。 说明 push() 方法可把它的参数顺序添加到 arrayObject 的尾部。它直接修改 arrayObject，而不是创建一个新的数组。push() 方法和 pop( 阅读全文
posted @ 2017-11-30 16:19 年少的你如此美丽 阅读(192) 评论(0) 推荐(0)
babel转码神器babel-preset-env
摘要：简介 现如今不同的浏览器和平台chrome, opera, edge, firefox, safari, ie, ios, android, node, electron 不同的模块 "amd" ， "umd" ， "systemjs" ， "commonjs" 这些es运行环境对es6,es7,e 阅读全文
posted @ 2017-11-30 16:00 年少的你如此美丽 阅读(213) 评论(0) 推荐(0)
babel6的babel-plugin-add-module-exports插件
摘要：干什么的 在 babel 5 时代， export default {}; 除了会被转译成 exports.default = {};，还会加一句 module.exports = exports.default，这样就是楼主想要的整个模块，但在 babel6 时代做了一个区分，后面这句不再添加。这 阅读全文
posted @ 2017-11-30 15:54 年少的你如此美丽 阅读(4474) 评论(0) 推荐(0)
babel ---- presets字段设定转码规则
摘要：presets字段设定转码规则，官方提供以下的规则集，你可以根据需要安装。 然后，将这些规则加入.babelrc。 阅读全文
posted @ 2017-11-30 15:38 年少的你如此美丽 阅读(594) 评论(0) 推荐(0)
Babel6.x的安装过程
摘要：1、首先安装babel-cli（用于在终端使用babel） 2、然后安装babel-preset-es2015插件 注：Babel5版本默认包含各种转换插件，然而Babel6.x相关转换插件需要自己下载，如transform-es2015-arrow-functions、transform-es20 阅读全文
posted @ 2017-11-30 15:25 年少的你如此美丽 阅读(204) 评论(0) 推荐(0)
es6 ---- babel
摘要：babel-polyfill是ES6的补丁，由于babel只支持ES6语法部分的编译，对于新增的类我们还需要安装额外的polyfill，虽然现在Chrome和Firefox都已经添加了Promise等新增的类，但为了兼容旧版本的浏览器; babel-preset-stage-0是为了支持async/ 阅读全文
posted @ 2017-11-30 11:42 年少的你如此美丽 阅读(133) 评论(0) 推荐(0)
在js中为对象添加和删除属性
摘要：对于一个普通的js对象: 如果我们要对它添加新属性的话可以使用下列方式： 删除属性，需要使用delete方法: 阅读全文
posted @ 2017-10-21 11:23 年少的你如此美丽 阅读(1318) 评论(0) 推荐(0)
js中window.location.search的用法和作用
摘要：用该属性获取页面 URL 地址： window.location 对象所包含的属性 如图就是取出url中的参数。 js 脚本捕获页面 GET 方式请求的参数？其实直接使用 window.location.search 获得，然后通过 split 方法结合循环遍历自由组织数据格式。 大概处理如下： 阅读全文
posted @ 2017-08-31 00:05 年少的你如此美丽 阅读(440) 评论(0) 推荐(0)
解析JavaScript事件冒泡机制
摘要： 阅读全文
posted @ 2017-08-01 22:34 年少的你如此美丽 阅读(119) 评论(0) 推荐(0)

上一页 1 2 3 下一页