摘要: 什么是Vuex Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 这个状态我们可以理解为在data中的属性,需要共享给其他组件使用的部分。 也就是说,是我们需要共享的data,使用vuex进行 阅读全文
posted @ 2021-09-02 20:44 我係死肥宅 阅读(68) 评论(0) 推荐(0) 编辑
摘要: 概述 历史上,JavaScript 一直没有模块(module)体系,**无法将一个大程序拆分成互相依赖的小文件,再用简单的方法拼装起来。**其他语言都有这项功能,比如 Ruby 的require、Python 的import,甚至就连 CSS 都有@import,但是 JavaScript 任何这 阅读全文
posted @ 2021-09-02 19:16 我係死肥宅 阅读(115) 评论(0) 推荐(0) 编辑
摘要: 浏览器加载 传统方法 HTML 网页中,浏览器通过<script>标签加载 JavaScript 脚本。 <!-- 页面内嵌的脚本 --> <script type="application/javascript"> // module code </script> <!-- 外部脚本 --> <s 阅读全文
posted @ 2021-09-02 19:16 我係死肥宅 阅读(288) 评论(0) 推荐(0) 编辑
摘要: 简介 类的由来 JavaScript 语言中,生成实例对象的传统方法是通过构造函数。下面是一个例子。 function Point(x, y) { this.x = x; this.y = y; } Point.prototype.toString = function() { return `($ 阅读全文
posted @ 2021-09-02 19:15 我係死肥宅 阅读(164) 评论(0) 推荐(0) 编辑
摘要: 简介 Class 可以通过extends关键字实现继承,这比 ES5 的通过修改原型链实现继承,要清晰和方便很多。 class Point { } class ColorPoint extends Point { } 上面代码定义了一个ColorPoint类,该类通过extends关键字,继承了Po 阅读全文
posted @ 2021-09-02 19:15 我係死肥宅 阅读(166) 评论(0) 推荐(0) 编辑
摘要: 简介 类的由来 JavaScript 语言中,生成实例对象的传统方法是通过构造函数。下面是一个例子。 function Point(x, y) { this.x = x; this.y = y; } Point.prototype.toString = function() { return `($ 阅读全文
posted @ 2021-09-02 16:38 我係死肥宅 阅读(59) 评论(0) 推荐(0) 编辑
摘要: Promise 的含义 Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现,ES6 将其写进了语言标准,统一了用法,原生提供了Promise对象。 所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个 阅读全文
posted @ 2021-09-02 16:00 我係死肥宅 阅读(67) 评论(0) 推荐(0) 编辑
摘要: 概述 Reflect对象与Proxy对象一样,也是 ES6 为了操作对象而提供的新 API。Reflect对象的设计目的有这样几个。 (1) **将Object对象的一些明显属于语言内部的方法(比如Object.defineProperty),放到Reflect对象上。**现阶段,某些方法同时在Ob 阅读全文
posted @ 2021-09-02 15:07 我係死肥宅 阅读(102) 评论(0) 推荐(0) 编辑
摘要: 概述 Proxy 用于修改某些操作的默认行为,等同于在语言层面做出修改,所以属于一种“元编程”(meta programming),即对编程语言进行编程。 Proxy 可以理解成,**在目标对象之前架设一层“拦截”,外界对该对象的访问,都必须先通过这层拦截,因此提供了一种机制,可以对外界的访问进行过 阅读全文
posted @ 2021-09-02 14:42 我係死肥宅 阅读(287) 评论(0) 推荐(0) 编辑
摘要: 指数运算符 ES2016 新增了一个指数运算符(**)。 2 ** 2; // 4 2 ** 3; // 8 这个运算符的一个特点是右结合,而不是常见的左结合。多个指数运算符连用时,是从最右边开始计算的。 // 相当于 2 ** (3 ** 2) 2 ** 3 ** 2; // 512 上面代码中, 阅读全文
posted @ 2021-09-02 13:23 我係死肥宅 阅读(82) 评论(0) 推荐(0) 编辑
摘要: Object.is() ES5 比较两个值是否相等,只有两个运算符:相等运算符(==)和严格相等运算符( )。它们都有缺点,前者会自动转换数据类型,后者的NaN不等于自身,以及+0等于-0。JavaScript 缺乏一种运算,在所有环境中,只要两个值是一样的,它们就应该相等。 ES6 提出“Same 阅读全文
posted @ 2021-09-02 13:09 我係死肥宅 阅读(55) 评论(0) 推荐(0) 编辑
摘要: 对象的扩展 对象(object)是 JavaScript 最重要的数据结构。ES6 对它进行了重大升级,本章介绍数据结构本身的改变,下一章介绍Object对象的新增方法。 属性的简洁表示法 ES6 允许在大括号里面,直接写入变量和函数,作为对象的属性和方法。这样的书写更加简洁。 const foo 阅读全文
posted @ 2021-09-02 11:03 我係死肥宅 阅读(58) 评论(0) 推荐(0) 编辑
摘要: 扩展运算符 含义 扩展运算符(spread)是三个点(...)。它将一个数组转为用逗号分隔的参数序列 console.log(...[1, 2, 3]) // 1 2 3 console.log(1, ...[2, 3, 4], 5) // 1 2 3 4 5 [...document.queryS 阅读全文
posted @ 2021-09-02 09:43 我係死肥宅 阅读(37) 评论(0) 推荐(0) 编辑