web_ding的博客

30个ES6—ES12 新功能 ECMAScript是一种由 Ecma 国际通过 ECMA-262 标准化的脚本程序设计语言，这种语言被称为 JavaScript 。简单来说，ECMAScript 是 JavaScript 的标准与规范，JavaScript 是 ECMAScript 标准的实现和扩展。 自2015年开始，ECMAScript发布的版本如下： 发布时间 正式名称 版本名称 名称缩写 2015 ECMAScript2015 ECMAScri.

全局环境下 在全局环境下，this 始终指向全局对象（window）, 无论是否严格模式 console.log(this.document === document); // true // 在浏览器中，全局对象为 window 对象： console.log(this === window); // true this.a = 37; console.log(window.a); // 37 函数上下文调用 函数直接调用 普通函数内部的this分两种情况，严格模式和非严格模式。 非严

1.相同点： fdfdf 目录 1.相同点：

前置知识： 由于传统的 JavaScript对象只能用字符串当做键，给开发带来很大限制，ES6增加 Map数据结构，使得各种类型的值(包括对象)都可以作为键。 Maps 和 Objects 的区别 一个 Object 的键只能是字符串或者 Symbols，但一个 Map 的键可以是任意值。 Map 中的键值是有序的（FIFO 原则），而添加到对象中的键则不是。 Map的键值对个数可以从 size 属性获取，而Object的键值对个数只能手动计算。 Object 都有自己的原型，原型链上的...

前置知识： Set对象是值的集合，你可以按照插入的顺序迭代它的元素。 Set中的元素只会出现一次，即 Set 中的元素是唯一的。 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Set 1.常用方法： add: set对象尾部添加元素 const set1 = new Set([1,2,3]); //array转set set1.add(4); //添加元素 has: 是否包含某

原因： 你的站点上动态渲染的任意HTML可能会非常危险，因为它很容易导致XSS攻击。请只对可信内容使用HTML插值，绝不要对用户提供的内容插值。 解决办法： 使用<pre>标签替换掉<div>标签。 利用的就是<pre>标签的这个功能：被包围在<pre>元素中的文本通常会保留空格和换行符，并且文本也会呈现为等宽字体。 注意： pre标签使用的时候会出现不自动换行的问题，而且存在一些默认样式。 一下是解决自动换行的办法：...

场景：在vue中使用es6语法的箭头函数无法正常的使用this下面的方法 原因：计算属性computed不应该使用箭头函数来定义计算属性 因为箭头函数绑定了父级作用域的上下文，所以 this 将不会按照期望指向Vue 修改前： computed: { isShowDialog: () => { return this.$store.getters.isShowDialog; } }, 修改后： computed: { isShowDialog: f

在看这文章前你要对es6 promise 有一定的了解哦 async 和 await 在干什么 任意一个名称都是有意义的，先从字面意思来理解。async 是“异步”的简写，而 await 可以认为是 async wait 的简写。所以应该很好理解 async 用于申明一个 function 是异步的，而 await 用于等待一个异步方法执行完成。 另外还有一个很有意思的语法规定，await ...