在 Web 项目开发过程中，我们经常会遇到重复请求的场景，如果系统不对重复的请求进行处理，则可能会导致系统出现各种问题。

如今几乎所有的视频网站都有弹幕功能，那么今天我们就自己用原生 JavaScript 封装一个弹幕类。这个类希望有如下属性和实例方法： 引入JavaScript文件之后，我们希望如下使用，先采取默认配置。 通过getComputedStyleapi计算出盒子的宽高，这里用来计算容…

前言最近开始重学前端，学习过程中将笔记跟大家分享，希望对大家有所帮助，共同成长，文章中有不对的地方请大家指正。本文简单列举了ES6+中的一些新特性，部分知识点涉及面过大，本文将一带而过，后面将会另起一

前两天项目中有个小需求：前端下载后台小哥返回的二进制流文件。 然后非IE的通过URL.createObjectURL()将Blob(Blob是啥？不知道？没关系，我下面会具体装逼讲解的)构建为一个object URL对象、指定文件名&文件类型、创建a链接模拟点击实现下…

众所周知，以下代码就是 vue 的一种直接上手方式。通过 cdn 可以在线打开 vue.js。一个文件，一万行源码，是万千开发者赖以生存的利器，它究竟做了什么？让人品味。 源码cdn地址：https://cdn.jsdelivr.net/npm/vue/dist/vue.js，…

对象是一种数据类型，js中的数据类型分为 原始类型 和 引用类型，原始类型也叫基本类型或值类型。 上面提到了 Undefined、Null 这两种数据类型，他俩是比较奇葩的只有一个唯一值的数据类型值分别是 undefined、null，从逻辑角度来看 null 值表示一个空对象…

10年前，亚马逊分享一个例子，每100毫秒的延迟都会是他们损失1%的销售收入，即在全年中，每增加1秒钟的加载时间将使该公司损失约16亿美元。同样，谷歌发现搜索页面的生成时间增加500毫秒，访问量将减少20%，潜在的广告收入也将减少五分之一。 我们中很少人可以像谷歌和亚马逊一样去…

过完年马上又要到金三银四面试季了，想必很多同学已经跃跃欲试，提前开始准备面试了，本文就列举了面试过程中一些常见的手写代码实现供参考。或许很多人会问，这些手写代码实现意义何在，社区已经有很多poly-fill或者函数库供选择，何必要自己费力去折腾呢？我的理解是，在真实业务开发场景…

最近在研究页面渲染及web动画的性能问题，以及拜读《CSS SECRET》（CSS揭秘）这本大作。 本文主要想谈谈页面优化之滚动优化。 主要内容包括了为何需要优化滚动事件，滚动与页面渲染的关系，节流与防抖，pointer-events:none 优化滚动。因为本文涉及了很多很多…