![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ES6
林中明月间。
努力又平庸 ,自卑又内敛 。
展开
-
Ts 学习记录
在浏览器运行 TStsc --watch index.ts原创 2021-07-05 21:32:09 · 164 阅读 · 0 评论 -
reduce()用法总结,二维数组转一维数组,多维数组转一维数组,求数组最大值、最小值
链接:https://zhuanlan.zhihu.com/p/65235741定义reduce()方法对数组中的每个元素执行一个由您提供的reducer函数(升序执行),将其结果汇总为单个返回值。语法为:array.reduce(function(accumulator, currentValue, currentIndex, arr), initialValue);/* accumulator: 必需。累计器 currentValue: 必需。当前元素 current转载 2021-07-03 16:07:13 · 1003 阅读 · 0 评论 -
axios请求中怎么传数组、id[]:[1]
后端需要转载 2021-06-08 15:45:40 · 1003 阅读 · 0 评论 -
JS合并数组对象中重复数据
https://www.jianshu.com/p/c50515d369c4var oldData = [ {a:1,b:2,c:3,d:2,e:1}, {a:1,b:2,c:3,d:3,e:2}, {a:1,b:2,c:3,d:4,e:3}, {a:1,b:2,c:3,d:5,e:4} ] var oldDataRule = [] oldData.forEach(el => { var oldObj = {.转载 2020-10-14 21:35:58 · 1781 阅读 · 0 评论 -
this详解
变量接受this:<div id="box">div</div> <script type="text/javascript"> var box = document.getElementById('box'); box.onclick = function(){ var _this = this; setTimeout(function(...原创 2018-09-06 21:53:35 · 247 阅读 · 0 评论 -
ES6...扩展操作符骚操作\传参
https://www.jianshu.com/p/7414dc5537a5复制和合并数组变得更为简洁。不需要使用 concat() 方法或 slice() 方法,一个 ... 操作符已经足够:const arr1 = [10, 20, 30];const copy = [...arr1];console.log(copy); // → [10, 20, 30]const arr2 = [40, 50];const merge = [...arr1, ...arr2];c转载 2020-09-02 17:14:00 · 377 阅读 · 0 评论 -
call apply bind函数
<script type="text/javascript"> //bind call apply /* 三个方法相同点: 目标函数被调用时,改变this的指向为指定的值 三个方法都是函数的方法,挂载在Function.prototype上 */ /* 三个方法不同点: 目标函数调用call和apply后,会直接被执行 目标函数调用bind后,不会立即执行,而是返回一个新的函数 调用新函数才会执行目标函数 */ func.原创 2020-06-25 22:34:16 · 262 阅读 · 0 评论 -
web 前端面试题目
1. 谈谈你对js闭包的理解:使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污染,缺点是闭包会常驻内存,会增大内存使用量,使用不当很容易造成内存泄露。闭包三个特性: ①:函数嵌套函数; ②:函数内部可以引用外部的参数和变量; ③:参数和变量不会被垃圾回收机制回收2. 谈谈你对C转载 2017-11-28 15:03:53 · 435 阅读 · 0 评论 -
async/await的用法
https://segmentfault.com/a/1190000015488033https://segmentfault.com/a/1190000019006291?utm_source=tag-newest介绍:同步代码编写方式:Promise使用then函数进行链式调用,一直点点点,是一种从左向右的横向写法;async/await从上到下,顺序执行,就像写同步代码一样,更.........转载 2019-12-14 11:35:24 · 9558 阅读 · 4 评论 -
小米面试问题解答
udp和tcp:https://www.cnblogs.com/steven520213/p/8005258.htmlTCP和UDP是OSI模型中的运输层中的协议。TCP提供可靠的通信传输,而UDP则常被用于广播和细节控制交给应用的通信传输UDP(User Datagram Protocol) UDP不提供复杂的控制机制,利用IP提供面向无连接的通信服务。并且它是将应用程序...原创 2019-09-09 20:43:26 · 445 阅读 · 0 评论 -
var let const 的区别
var let const 的区别var let const 的区别转载 2019-06-25 17:17:48 · 249 阅读 · 0 评论 -
es6 promise 静态方法async+promise.all等待其他函数执行完再执行、等一个接口加载完成以后再处理
<script> /* var p = new Promise((res,rej)=>{ res() }) p .then(()=>{ return new Promise((res,rej)=>{res()}) }) // ...原创 2019-06-10 22:58:31 · 2032 阅读 · 1 评论 -
es6 模块化import、export、export default、import
参考语法网址:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/exporthttps://blog.csdn.net/qq_36657291/article/details/81327423import ... from和import {} from 的区别https://www....原创 2019-06-12 21:20:05 · 900 阅读 · 1 评论 -
es6 对象新增 ...的运用和说明 Object.keys\Object.values
var attrname = "height";//读取变量的值 var obj3 = { [attrname]:150 }console.log(obj3)//height:150//////////////////////////////////// var obj = { a:1, b:2 ...原创 2019-06-08 00:06:43 · 973 阅读 · 0 评论 -
es6 promise的使用\Promise的链式调用
<script> // 异步编程 // [[PromiseStatus]]:"pending","resolved","rejected" 进行中、成功、失败 3种状态 var p = new Promise((resolve,reject)=>{ //成功、失败 状态 console.log("实例化")...原创 2019-06-09 22:37:34 · 488 阅读 · 0 评论 -
es6 class 类静态方法和继承
<script> // 基类、父类 class person{ constructor(name,age){ this.name = name; this.age = age; } // 静态方法 static isHuman(obj){ // console.log("静态"...原创 2019-06-03 21:13:49 · 1079 阅读 · 0 评论 -
es6 Set
<script type="text/javascript"> var s = new Set(["a","b","c"]); // s.add(1) // console.log(s);//添加 ["a","b","c","1"] // s.delete("b"); // console.log(s) // var res = s.delete("b");//删除 t...原创 2019-05-30 21:44:15 · 473 阅读 · 0 评论 -
Object.defineProperty Vue双向数据绑定的原理
<script type="text/javascript"> //使用数据的时候,要先对数据进行劫持 //使用Object.defineProperty劫持数据,把属性转换成访问器的方式 //Object.defineProperty 定义属性,也可在原有属性上描述 /* getter 获取属性触发的 setter 设置属性触发 */ var data = { ...原创 2019-01-24 21:46:56 · 168 阅读 · 0 评论 -
扩展运算符和操作数组的assign、map、filter、find ,reduce方法
<script type="text/javascript"> var o ={a:1} var o1 ={b:2} var o2 ={c:3} //Object.assign(target,要合并的对象1,要合并的对象2) var a1 = Object.assign(o,o1,o2);// = Object.assign({}, o, o...原创 2018-12-25 17:32:18 · 1504 阅读 · 1 评论 -
ES6箭头函数和函数默认值
<script type="text/javascript"> //箭头函数 // 语法() =>{} function fn(){} //传统 var f = () =>{ console.log(123); } f();//123 //var fn = (参数1,参数2) => 运算; 调用:fn(a,b) var add = ()=>...原创 2018-12-25 16:05:12 · 839 阅读 · 0 评论 -
ES6解构赋值和模板字符串
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <script type="text/javascript"> /*let...原创 2018-12-24 16:24:35 · 446 阅读 · 0 评论 -
es6 Symbol
<script> var s = Symbol("a"); console.log(s)//Symbol() console.log(typeof s)//symbol var s2 = Symbol("b"); console.log(s2)//Symbol() console.log...原创 2019-06-03 21:36:10 · 303 阅读 · 0 评论 -
es6 字符串新增includes数组、字符串包含、数组新增、Array.fill()的用法
字符串新增<script> Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。 var str = "woaini"; console.log(str.indexOf("ww"))//0 返回第一次出现的位置 //es6 新增 str.includes("i")//......原创 2019-06-05 21:59:59 · 1195 阅读 · 1 评论