cnailili的博客

标题ES6——数据劫持Proxy今天的学习先从一个简单需求说起：假设后端传给前端数据XXX，我们必须将数据XXX渲染到页面上，但是由于后端的数据不停的改变，我们能否实现前端的页面的数据XXX跟着后端数据一起同步改变呢？这里我们用input输入框输入的不同结果来模拟后端不停数据的改变；用一个div模拟前端数据的展示；<input id='input' type="text" name="" > //注意：仅作为模拟后端数据改变使用<div id='div'></

ES6——Promise源码（原生javascript全部实现）： function MyPromise (func) { var self = this; self.status = 'pending'; //进来时就先定义一个'pending'状态；等待调用时改变状态； self.resolveValue = ...

箭头函数：作用：箭头函数，只能作为函数使用，不能new，没有原型，目的指向性方更强，可读性更好，简化代码，提高开发效率；①写法：//demo1：// function sum (a, b){ //ES5写法；// return a + b;// }const sum = (a, b) => { //箭头函数写法，使用时，形参变量不能重复； ...

ES6——之数据存储结构 Set、Map基本使用及实现原理使用时必须要new：1、Set：是ES6提供给我们的构造函数，能构造出一种新的储存数据的结构；特点：只有属性值，成员值唯一（不重复）用途：可以转换成数组，进行去重、取交集、并集、差集等操作；Set的基本使用：创建时可传[]、’'等迭代数据；const oS = new Set([1,2,false,1]); //自带去重方法...

ES6——异步编程Promise学习（.then( )回调问题）异步编程：开发中无论是在浏览器环境中还是在Node环境中，我们都会使用JavaScript我完成各种异步操作（定时器、事件、ajax、读取文件、事件等），伴随着异步编程就避免不了回调机制的产生；会产生很多问题；异步编程问题：产生回调地狱，难于维护和扩展；try catch只能捕获同步代码中的异常；同步并发的异步会存在一定的问题；...

ES6——promise化：//先看一个用Pronmise方法读取一个文件时： const fs1 = require('fs'); function readFile (path) { return new Promise( (resolve, reject) => { fs1.readFile(path, ...

ES6——Iterator原理及使用方法：先了解一下Symbol：（第七种数据结构）特点：唯一、可作为对象的属性，有静属性Symbol.iterator；demo：const os = Symbol(‘abc’); //赋值；const os2 = Symbol(‘abc’);const prop = ‘name’; const obj = {[prop]...