前端
未读
ES6 学习笔记（十三）promise的简单使用
1、什么是promise 在JavaScript中，我们经常会用到回调函数，而回调函数的使用让我们没法使用return，throw等关键字。JS引用promise正好解决了这个问题。 promise单词意思是承诺，代表未来的某个事情或者是行为。promise是一个容器，包含了异步操作。因此我们认为p
前端
未读
ES6 学习笔记（十二）代理器Proxy的简单使用
1、前言 以前在学习react时做了个仿手机端的QQ音乐项目。当时的数据是通过proxy代理的QQ音乐数据接口，直接写在package.json里面。Proxy 对象（Proxy）是 ES6的特性，只是不太常用。 2、基本内容 2.1 含义 正如MDN上所说，Proxy 对象用于创建一个对象的代理，
前端
未读
ES6 学习笔记（十一）迭代器和生成器函数
1、前言 JavaScript提供了许多的方法来获取数组或者对象中的某个元素或者属性（迭代）。从以前的for循环到之后的filter、map再到后来的for...in和for...of的迭代机制。只要具有iterator接口的都可被迭代。 2、迭代器 Iterator 2.1 含义 迭代器（iter
前端
未读
ES6 学习笔记（十）Map的基本用法
1 基本用法 Map类型是键值对的有序列表，而键和值都可以是任意类型。可以看做Python中的字典（Dictionary）类型。 1.1 创建方法 Map本身是一个构造函数，用来生成Map实例，如： let m1 = new Map()
1.2 初始化 Map构造函数可以接收一个数组作为参数，该数
前端
未读
ES6 学习笔记（九）Set的基本用法
1 基本用法 set类似于数组，它的成员是唯一的，当有多个相同的值，只会保留一份。 1.1 创建方法 Set本身是一个构造函数，用来生成Set实例，如： const s = new Set()
let arr = [2, 3, 4, 5, 6, 2, 2]
arr.forEach(x => s.ad
前端
未读
ES6 学习笔记（八）基本类型Symbol
1、前言 大家都知道，在ES5的时候JavaScript的基本类型有Number、String、Boolean、undefined、object、Null共6种，在es6中，新增了Symbol类型，用于表示独一无二的值。之后又提出了bigInt类型（前面提到过），这里简要的总结Symbol的一些基本
前端
未读
JS 学习笔记 (七) 面向对象编程OOP
1、前言 创建对象有很多种方法，最常见的是字面量创建和new Object()创建。但是在需要创建多个相同结构的对象时，这两种方法就不太方便了。 如：创建多个学生信息的对象 let tom = {
name: "Tom",
age: 20,
sex: "boy",
h
前端
未读
JS 学习笔记 (六) 函数式编程
1、函数闭包 1.1 概述 JavaScript采用词法作用域，函数的执行依赖于变量作用域，这个作用域是在函数定义时决定的，而不是函数调用时决定的。 为了实现这种词法作用域，JavaScript函数对象的内部状态不仅包含函数的代码逻辑，还必须引用当前的作用域链。 函数对象可以通过作用域链相互关联起来
前端
未读
JS 可编辑表格的实现(进阶)
1、前言 在普通的可编辑表格的基础上，改进可编辑表格。数据来自外部的json（模拟服务端），通过json数据生成可编辑表格。根据实际情况，表格没有新增数据功能。表格的可编辑列，计算的列，每列的数据大小，以及是否删除都可进行配置，在修改单元格内容和删除行数据都会映射到相应数据集中。 实现效果： 2、设
Vue 实现小小记事本
1、实现效果 用户输入后按回车，输入的内容自动保存，下方会显示记录的条数，鼠标移动到文字所在div上，会显示删除按钮，点击按钮，相应记录会被删除，下方的记录条数会相应变化，点击clear，所有记录会被删除。效果如下： 2、实现思路 先写出记事本的基本样式，在vue实例中的data对象里定义list数