CodingWithAlice

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

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...

大量图片加载优化

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

防抖节流

防抖节流 总结: ​ 平时键盘抬起就会搜索,防抖后,间隔一段时间不输入才会搜索,节流后,在频繁触发的事件流中,函数以固定的频率执行。 1、 函数防抖 类似法师技能读条,还没读完条再按技能,会重新读条 防抖的原理就是:触发事件,但是我一定 在事件触发 n 秒后才执行,如果你在一个事件触发的 n 秒内又触发了这个事件,那我就 以新的事件的时间为准,n 秒后才执行,总之,...

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

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

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

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

数组扁平化(一层、全部展开、指定深度)

数组扁平化(一层、全部展开、指定深度) 参考文章:数组拍平连环问 - 只研究到第二问 reduce,没有再深入,一共七问 题目: 如何实现 flat 方法?多维数组=>一维数组 方法总结: 展开一层: 1、concat直接传一组参数:『[].concat(...arr) 』 2、concat通过apply/call传参数:[].concat...

204. 计数质数

204. 计数质数 题目: 统计所有小于非负整数 n 的质数的数量。 解答: 方法一:暴力遍历 - 超时 时间复杂度:O(n*sqrt(n)),空间复杂度:O(1) var countPrimes = function (n) { let times = 0; if (n < 2) { return 0 ...

9. 回文数

9. 回文数 题目: 给你一个整数 x ,如果 x 是一个回文整数,返回 true ;否则,返回 false 。 回文数是指正序(从左向右)和倒序(从右向左)读都是一样的整数。例如,121 是回文,而 123 不是。 进阶:你能不将整数转为字符串来解决这个问题吗? 解答: 方法一:转换成字符串处理 时间复杂度:O(n),空间复杂度:xx ...

70. 爬楼梯

70. 爬楼梯 题目: 假设你正在爬楼梯。需要 n 阶你才能到达楼顶。 每次你可以爬 1 或 2 个台阶。你有多少种不同的方法可以爬到楼顶呢? 注意:给定 n 是一个正整数。 解答: 方法一:自己想的 时间复杂度:O(n),空间复杂度:xx 主要逻辑:以 2 的个数作为概率计算的循环,引用了阶乘处理方法 参考函数如右概率计算公式 var climbStair...

344. 反转字符串

344. 反转字符串 题目: 编写一个函数,其作用是将输入的字符串反转过来。输入字符串以字符数组 char[] 的形式给出。 ​ 不要给另外的数组分配额外的空间,你必须原地修改输入数组、使用 O(1) 的额外空间解决这一问题。 ​ 你可以假设数组中的所有字符都是 ASCII 码表中的可打印字符。 解答: 方法一: 利用数组自带的 reverse 方法...