豪学长

页面是一帧一帧绘制出来的，当每秒绘制的帧数（FPS）达到 60 时，页面是流畅的，小于这个值时，用户会感觉到卡顿。 1s 60帧，所以每一帧分到的时间是 1000/60 ≈...

提前声明本篇文章为转发文章，作者为陈浩（网名又叫左耳朵耗子），文章出处为：酷 壳 – CoolShell。 文章原文链接为：如何超过大多数人 正文开始： 当你看到这篇文章的...

图片是web上提供的最基本的内容类型之一。他们说一张图片值一千个字，但如果你不小心的话，它也可以值几兆大小。 因此，尽管Web图像需要清晰明快，但也必须以可管理的大小进行展...

首先我们先回顾一下webpack常见配置，因为后面会用到，所以简单介绍一下。 这里面我们重点关注 module和plugins属性，因为今天的重点是编写loader和plu...

背景 在开发项目的时候，写ts类型定义总是一件繁琐的事情，特别是数据结构比较复杂时候，会消耗大量时间，这时候如果有个插件能帮忙解决这种繁琐工作就好了。 方案 先下载Tamp...

背景 当我们用input导入文件后获取到文件对象file，只能从file对象的name和type去判断文件表面上的类型，比如： 文件的file对象如下： 但是，如果把文件的...

问题描述：使用a-upload处理图片上传场景，可能出现文件上传的跨域问题，在这里分享一下我的做法和经验...

还弄不清楚ArrayBuffer、Blob、File、FileList、FileReader、Object URL、Data URL这些概念和关系吗？看完这篇就知道了...

本文阿宝哥将按照以下的流程来介绍前端如何进行图片处理，然后穿插介绍二进制、Blob、Blob URL、Base64、Data URL、ArrayBuffer、TypedAr...

性能优化是把双刃剑，有好的一面也有坏的一面。好的一面就是能提升网站性能，坏的一面就是配置麻烦，或者要遵守的规则太多。并且某些性能优化规则并不适用所有场景，需要谨慎使用，请读...

一、什么是 Source Map 通俗的来说， Source Map 就是一个信息文件，里面存储了代码打包转换后的位置信息，实质是一个 json 描述文件，维护了打包前后的...

在阅读文章之前，让我们先明白几个概念。 SPA（Single Page Application）： 单页面应用程序，是前后端分离时提出的一种解决方案。在一个应用或者站点中，...

2020年即将到来,在众多前端的招聘要求里,webpack、工程化这些字眼频率越来越高。日常开发者中，我们常常在用诸如vue-cli、create-react-app的脚手...

解析 webpack 核心流程与插件架构，理解： - Webpack 从启动到输出 bundle，内部逻辑流转过程 - 编写 webpack 插件前，你需要弄清楚哪些问题...

今天介绍下 Chrome dev tools 家族的一个小兄弟，它在 Chrome 57 之前叫作「Timeline」，而现在换了个更长的马甲 —— 「Performanc...

Robert C. Martin 在 《代码整洁之道》 中提到的软件工程原则，同样适用于 JavaScript。这不是一个风格参考。它指导如何用 JavaScript 编写...