前端小愤青

arr =[1,2,3,[7,9],[8,9,[10,1]]] 使用 flat函数本身 arr.flat(Infinity) 采用 数组字符串特性 arr.join().split(',').map(Number) 采用 迭代 const flatten=arr=>{ const result=[] while(arr.some(item=>Array.isAr...

原文地址 传送门 这是今天在 Advanced-Frontend组织 看到一个比较有意思的题目。 主要是讲JS的映射与解析 早在 2013年, 加里·伯恩哈德就在微博上发布了以下代码段: ['10','10','10','10','10'].map(parseInt); // [10, NaN, 2, 3, 4] parseInt parseInt() 函数解析一个字符串参数，并返回一个指定基数...

方式一 set function unique(arr) { return [...new Set(arr)] }; 方式二 indexof function unique(arr) { let res = []; arr.forEach(item => { if (res.indexOf(item) === -1) { ...

描述: 统计 1 -10000中所有0 比如 100 有两个零， 该题主要考察对字符串api使用。 方法一 使用 Array.from 生成数字数组,在转换字符串匹配0 function getZeroCount(num){ return Array.from({length:num},(v,i)=>i+1).join('').match(/0/g).length; } ...

科普 斐波那契数列是以下一系列数字： 0, 1, 1, 2, 3, 5, 8, 13, 21, 34,… 在种子0和1之后，后续的每一个数字都是前面两个数字之和。 实现 正常递归版本(*) function fibonacci(n){ if(n==0||n==1){ return n; } return fibonacci(n-1)+fibonacci(...

入门 async 前言: 本文只是对async 一些基础用法，和一些误区的总结，若你已经是一个熟练的高手就可以 break 啦。 async 函数是Generator函数的语法糖，在函数内部使用await来表示异步。 特点: async 函数 返回一个promise对象 如何返回的不是Promsie对象则会被Promise.resolve() 包装返回 async 函数可以优雅的处理then链 ...

文章目录浏览器渲染什么DOCTYPE及作用浏览器渲染过程重排Reflow触发器条件？Repaint触发条件?js 运行机制 浏览器渲染 浏览器根据渲染树布局，计算css样式 什么DOCTYPE及作用 使用来声明文档类型和规范,告诉浏览器是什么文档类型。 html5写法 html4.01有两种 strict模式和loose模式 浏览器渲染过程 解析HTML生成DOM树 解析CSS生成CSSOM...

构建函数与 操作符 new 构造函数或简言之，就是常规函数，但构造函数有个共同的约定，命名它们首字母要大写。 构造函数只能使用 new 来调用。这样的调用意味着在开始时创建空的 this，并在最后返回填充的对象。 当一个函数作为 new Fn(…)如何执行? 它执行以下步骤: 一个新的空对象被创建并分配给this 函数体执行，通常它会修改this,为其添加新的属性 function Peo...

目录 1、实现call、apply及bind函数 call方法的实现： apply方法的实现 bind方法的实现 2、解释0.1+0.2!=0.3 3、new的原理是什么? 通过字面量和new创建对象的区别? 4、instanceof的原理及实现 5、Promise的特征是什么? Promise构造函数执行和then函数执行的区别? 6、实现一个简单的Promise 7.as...

参考地址:https://yuchengkai.cn/docs/zh/frontend/#%E9%98%B2%E6%8A%96 参考地址:https://mp.weixin.qq.com/s/Vkshf-nEDwo2ODUJhxgzVA 目录 防抖  延迟的防抖动函数: 改进版(立即执行的防抖动函数) 节流 使用时间戳的节流方案 使用时间戳+定时器版的节流方案 防抖 当持续触发...