随笔分类 - js
摘要：reduce方法 1 // 累加 2 const result = [1, 2, 3].reduce((pre, cur) => pre + cur); 3 4 // 找最大值 5 const result = [1, 2, 3, 2, 1].reduce((pre, cur) => Math.ma
阅读全文
摘要：作用：不重新加载整个页面，却能获取到新的网页所需的数据和更新部分网页内容 调用方式 var xhr; if(window.XMLHttpRequest){ xhr = new XMLHttpRequest(); }else{ xhr = new ActiveXObject('Microsoft.XM
阅读全文
摘要：exp.js export let a = 10; export let person = {name:'lily'} export function test(){console.log("hello");} export class Animal{ } index.js import {a} f
阅读全文
摘要：// es5的继承 function Animal(name,color){ this.name = name; this.color = color; } Animal.prototype.eat = function(){ console.log(this.name + ' is eating'
阅读全文
摘要：功能1.页面加载成功后，会随机的出现一定数量的div2.div的大小，color,position随机3.鼠标悬停时，div变大，并浮动到最前面 Card.js class Card{ //构造函数 /* x:横坐标 y:纵坐标 */ constructor(x,y,width,height,col
阅读全文
摘要：1.定义 // es5封装一个对象 function Person(name,age){ this.name = name; this.age = age; } Person.prototype.run = function(){ console.log(this.name+" is running
阅读全文
摘要：//async函数的基本语法 function getData(code){ return new Promise((resolve,reject)=>{ setTimeout(()=>{ console.log(code); },1000) }) } //async函数定义 /* async函数的
阅读全文
摘要：eg.先获取商品详情，在获取商品评论 // es6 Promise let pro = new Promise((resolve,reject)=>{ $.ajax({ url:'http://localhoset:3000/goos_detail', data:{id:2}, dataType:'
阅读全文
摘要：1.Generator函数详解 作用：1.延迟执行的异步函数；2.与Symbol.iterator的关系；3.状态机 定义一个Generator函数 function* myGenerator(){ console.log('开始'); let res = yield "暂停一"; console.
阅读全文
摘要：1.promise的基本使用 1.作用：分解异步操作，避免回调函数的嵌套2.使用：1.创建promise,2.调用then方法3.状态：等待 成功、失败4.高级应用 创建promise实例、需要一个回调函数promise--约定，打赌 resove:成功做什么 reject:失败做什么 let pr
阅读全文
摘要：for-in:key,适用于objectfor-of:value,用于Array,string,set,map let obj = { name: 'wuxiaodi', age: 18, }; for (let i in obj) { console.log(i)//name age } for
阅读全文
摘要：proxy代理指定对象的常规操作 let person = { name:'tom', age:18 } 参数1：被代理对象 参数2：handle() let personProxy = new Proxy(person,{ get:function(target,key){ console.log
阅读全文
摘要：1.Iterator的作用：对不同的数据进行遍历2.Symbol.iterator的部署3.for of能遍历的数据：数组，字符串，argument，set，map let arr = ['tom','mickey','minnie']; for(let value of arr){ console
阅读全文
摘要：1.symbol概念:数据类型，不是函数，表示不会重复的值2.for和keyFor3.symbol作用 定义 let s1 = Symbol('first'); let s2 = Symbol('second'); console.log(s1 s2) console.log(s1,s2) //重复
阅读全文
摘要：1.容器的学习2.保存数据的形式3.set4.map //set使用 //实例化容器 let mSet = new Set(['张三','李四']); let mSet = new Set(); //存储数据、添加数据 mSet.add("tom"); mSet.add("mickey"); mSe
阅读全文
摘要：1.对象的简洁表示2.属性表达式3.扩展运算符4.super关键字5.Object新增方法 1.对象的简洁表示 es5 var name = "name"; var age = 18; var person_es5 = { name:name, age:age, //定义方法 intro:funct
阅读全文
摘要：1.三点运算符 //三点运算实现rest可变参数 /* 计算可变个数整数的和 */ function addAll(){ let res = 0; /*for(let i=0;i<arguments.length;i++){ res += arguments[i]; }*/ //arguments不
阅读全文
摘要：1.二进制和八进制 console.log("二进制",0b101); //5 console.log("八进制",0o007); //7 2.Number 是否有限 console.log(Number.isFinite(Infinity)) //false console.log(Number.
阅读全文
摘要：三点运算：rest参数，将一个数组转化为逗号分隔的序列 let arr1 = [1,2,3]; let arr2 = [4,5,6]; //把数组转换成一个用逗号连接的序列 let arr3 = [...arr1,...arr2]; console.log(arr3) //[1, 2, 3, 4,
阅读全文
摘要：Json:是一种为了传输数据的对象JSON.parse();string-->jsonJSON.stringify();json-->string window.onload = function(){ console.log("a"); } //onload=等randerTree加载完成 doc
阅读全文
浙公网安备 33010602011771号