在类电商类项目，往往存在大量的图片，如 banner 广告图，菜单导航图，美团等商家列表头图等。图片众多以及图片体积过大往往会影响页面加载速度，造成不良的用户体验，所以进行图片懒加载优化势在必行。 我们先来看一下页面启动时加载的图片信息。 如图所示，这个页面启动时加载了几十张图…

Web 页面性能是前端开发特别需要关注的重点，评判前端 Web 页面性能的指标有很多，页面的流畅度是其中的一种，如何让页面变得 “柔顺丝滑”，要讨论起来可就是个相当有料的话题了。之前开发移动端 H5 页面的时候，就遇到过一个有趣的性能问题 —— 某个卖场页面在 IOS 手机上出…

你盼世界，我盼望你无bug。Hello 大家好！我是霖呆呆！ 时隔一周不见，霖呆呆我终于更新文章了，小声嘀咕说想我了... 呸... 咳咳，其实我一直在隐忍准备来一发大的好不。 这不，这一章节就是整理了45道Promise的笔试题让大家爽一爽 😁。 另外查了很多关于Promi…

这篇文章封装的axios已经满足如下功能： 无处不在的代码提示； 灵活的拦截器； 可以创建多个实例，灵活根据项目进行调整； 每个实例，或者说每个接口都可以灵活配置请求头、超时时间等。

最大安全数字：Number.MAX_SAFE_INTEGER = Math.pow(2, 53) - 1，转换成整数就是 16 位，所以 0.1 === 0.1，是因为通过 toPrecision(16) 去有效位之后，两者是相等的。 在两数相加时，会先转换成二进制，0.1 和…

WeakMap的引用是弱引用，gc的时候会忽略这种引用。即如果一个对象只有这种弱引用的时候， 会直接被垃圾回收掉。 从Map这个例子可以看出来，obj被map一直引用着，那么垃圾回收器处理时认为{ name: 'fedaily' }还有其他引用，就不会回收它。如果需要彻底删除它…

图一 Foo 对象由于同时被 f 和 Map 对象所引用，其引用计数为 2，而图二中因为是被 WeakMap 对象引用，是弱引用，不计入引用计数，所以值为 1。 如果我们断开 f 对 Foo 对象的引用，则 Foo 对象由于引用计数为 0，会被垃圾回收器回收掉。 如果就这样结束…

我们先从 WeakMap 的特性说起，然后聊聊 WeakMap 的一些应用场景。 1. WeakMap 只接受对象作为键名 2. WeakMap 的键名所引用的对象是弱引用 翻译过来应该是 WeakMaps 保持了对键名所引用的对象的弱引用。 只有当我们手动设置 obj = n…

今天对工作室的前端组实习成员进行了每周一次的突击考察，考察他们对JS基本功的掌握程度。我出了这样一道题： 按照这样一个分析思路：第一行通过new调用JS的内置函数实例化了一个对象并赋给bool。所以第二行打印出来应该是一个对象。在条件语句中，由于bool是一个对象，所以!boo…