CodingWithAlice

我的一方小天地，如果对你有帮助，那真的太好了

十进制转任意进制(JS)

十进制转任意进制(JS) 题目来源：美团一面题目：输入数字M和进制数N，写一个方法得到M换算成N进制的结果 function solve(M, N) { let res = []; // 注意这里要 = 号 while(M >= N) { res.push(M % N); M = Math.floor(M / N); ...

Posted by CodingWithAlice on September 22, 2021

Object属性排序、与Map的区别

Object属性排序、与Map的区别 1、Object 中各属性排序规则非负整数会最先被列出，排序是从小到大的数字顺序正数字 > 字符串 > 负整数 > 浮点数 > Symbol，顺序是根据插入的顺序隐式字符串化：当对象的键也被设置为属性时，会字符串化一个对象 - [object Object]; 2、JSON 默认不支持 Map...

Posted by CodingWithAlice on September 9, 2021

onLoad & onReady

onload & onready 浏览器加载的步骤：解析html结构；加载外部 js 脚本和样式表文件；（预扫描）解析并执行 js 脚本； dom树构建完成 - html 解析完毕（完成后触发 onready -> 即 DOMContentLoaded）； DOMContentLoaded 定义：当纯HTML被完全加载以及解析时，...

Posted by CodingWithAlice on August 9, 2021

柯里化函数 / 反柯里化函数实现

柯里化函数 / 反柯里化函数实现柯里化：把接受多个参数的函数变换成接受一个单一参数的函数，并且返回接受余下的参数而且返回结果的新函数 / 将一个多参数函数转换为一系列单参数函数的过程别名：部分求值常见错误点：让直接实现一个 add(1)(2)(3) 的函数，其实就是柯...

Posted by CodingWithAlice on July 21, 2021

常见Webpack问题

常见Webpack问题总结： webpack的几个核心概念理解：Chunk、Module、plugin 2、常见配置项：entry、output、module、resolve等自定义 loader 怎么配置？ Code Splitting 和 Tree Shaking 的区别？懒加载怎么实现？ ...

Posted by CodingWithAlice on July 20, 2021

babel 作用+原理+补丁

babel 作用+原理+补丁总结：作用：已知 babel 用于将 es6 语法转换成浏览器普遍支持的 es5 语法，使开发能够使用便捷的 es6 进行开发工作原理：先将 ES6 源码转换为 AST，然后再将 ES6 语法的 AST 转换为 ES5 语法的 AST，最后利用 ES5 的 AST 生成 JavaScript 源代码解析（Parsing-...

Posted by CodingWithAlice on July 20, 2021

Uglify - 代码压缩原理

Uglify - 代码压缩原理参考文章：[从一个误写的逗号谈开去——JS代码是如何被压缩的](https://www.h5w3.com/19480.html) 核心要点记录：代码压缩原理示例：原始代码 code：var a;var x = { b: 123 };a = 123,delete x; 压缩后 code：var a,x={b:123};a=123,del...

Posted by CodingWithAlice on July 20, 2021

大量图片加载优化

大量图片加载优化大量图片带来的问题 1、并发数量限制带来的排队时间：浏览器对于同一个域名，最多支持 6 个请求的并发（HTTP/1.1限制），其他的请求将会推入到队列中等待或者停滞不前，直到六个请求之一完成后，队列中新的请求才会发出 2、某些图片体积大，下载慢解决方案 1、针对非首屏视口需要的资源延迟加载； 2、域名切分，同时期可以发起更多的并发请求； ...

Posted by CodingWithAlice on July 11, 2021

bind、apply/call三者异同+apply/call实现bind

bind、apply/call三者异同+apply/call实现bind 共同点改变函数执行时的上下文 this 『第一个参数 **如果不传，则默认为全局对象 `window`**』区别 apply/call 立即执行；bind 方法的返回值是函数，需要再次调用，才会执行第二个参数：call -...

Posted by CodingWithAlice on July 8, 2021

怎么判断数组类型？4种方法

怎么判断数组类型？4种方法 Array.isArray，instanceof，constructor，Object.prototype.toString.call()，typeof ① Array.isArray方法【最靠谱】 MDN：它不检查值的原型链，也不依赖于它所附加的 Array 构造函数。对于使用数组字面量语法或 Array 构造函数创建的任何值，它都会返回 tru...

Posted by CodingWithAlice on July 8, 2021