杉杉爱吃鱼

前言 在百度的学长，帮我内推了下简历。高兴还没有两秒，就接到通知面试的电话，瞬间压力山大。小公司也没怎么面，八股文背的也不利索，看到镜头里又秃又强的面试官的那一记得，有如看...

简介 本文介绍 Chrome DevTools Performance 面板的所有功能，以便使用其分析页面加载时/运行时性能，找出性能瓶颈。 功能面板概览 控制面板（红色区...

前言 SPA项目中，首屏加载速度都是老生常谈的问题了，首屏时间直接反应了用户多久能看到页面的主要内容，这决定了用户体验，本文聊一聊如何采集首屏时间，本文主要是单指正常记录首...

前言 在JavaScript中，资源提示符（Resource Hint）是一种使用<link>或<script>HTML标签来提示浏览器有关资源的方式。 我们正常开发中，对...

对于前端页面来说，静态资源的加载对页面性能起着至关重要的作用。本文将介绍浏览器提供的两个资源指令-preload/prefetch，它们能够辅助浏览器优化资源加载的顺序和时...

今天给大家介绍一个性能优化利器：Preload。...

前言 阮一峰老师es6 中Modul篇的记录中有以下这段话： ES6 模块的设计思想是尽量的静态化，使得编译时就能确定模块的依赖关系，以及输入和输出的变量。CommonJS...

这是一道字节面试题，大家第一眼看到这个面试题的时候，是不是脑瓜子嗡嗡的？有一种熟悉又陌生的感觉？我当时也一样的😭😭😭，接下来，让我们看看思路吧。...

上篇文章我们说过迭代器中的 next() 方法一般不接受参数，但是有个例外，就是生成器。本文就来介绍下 js 中的生成器相关内容，虽然有些许枯燥，但理解它可以帮助我们更好的...

注意 delete的key值在vue2.2以上版本中支持Array + index 即list[1]用法。 假如我们有一个商品列表，每个列表包含了商品名称、商品价格和用户购...

call和apply唯一的区别是传入参数的形式不同。 当调用函数时，Javascript解释器并不会计较形参和实参的数量、类型及顺序，在Javascript内部统一都是用数...

reduce是JavaScript中一个非常强大的数组方法，它可以用来对数组中的元素进行累计操作，从而得到一个单一的值。reduce的基本用法是接受一个回调函数和一个初始值...

最近，我对WebWorker和SharedWorker进行了深入的研究，并深信这两个技术将成为前端开发中的重要利器，帮助我们解锁更多的性能潜能。 💡 从一个问题开始 在我...

一张图结缘于SVG，从此对SVG的线条动画情有独钟。一文带你秒懂SVG，从此你也可以成为别人眼中的SVG大神。...

背景 (书接上回) 为了讨好ui妹妹，学习内存泄露，可是吧依旧不得ui妹妹的心。 我痛定思痛，终于明白了一个道理，那就是，人间舔狗无数，唯有舔者留其名，只要舔的好，世界你最...

前端开发，8年工作经验，一共呆了2家公司，一个是做积分兑换的广告公司。这是一个让我成长并快乐的公司，并不是因为公司多好，而是遇到了一群快乐的朋友，直到现在还依旧联系着。 另...

相同的功能采用不同的代码实现所需要的运行时间也不会相同，这里简单总结了10个JavaScript代码优化的小技巧，可以增加这么一nainai的运行速度...

我们需要注意代码风格的统一，遵循良好的命名规范，合理地管理代码结构、处理异常和记录日志，才能写出更加优美、高效和可维护的JavaScript代码。希望这篇文章对你有所帮助，...