sunnydoc

用户反馈了一个紧急线上问题，你用 VSCode 打开代码仓库，由于出现问题的组件模块恰好不是你开发的，要如何快速找到该组件所对应的源文件呢？...

前端与后端的交互方式 前端上传文件时，可以通过两种方式与后端进行交互： base64传输 base64是一种基于64个可打印字符来表示二进制数据的表示方法，由于，因此一个b...

全网”保姆级“大文件上传超详细教程，有Vue2跟Vue3版本搭配Node，切片上传 + 断点续传 + 秒传 + 暂停上传。学完后直接狂虐甲方！...

第一种是最常用的手段，通常还会自定义一个按钮，然后盖在它上面，因为type="file"的input不好改变样式。如下代码写一个选择控件，并放在form里面： 可以看到文件...

很长时间以来，计时器和定时执行都是 JavaScript 动画最先进的工具。虽然 CSS 过渡和动画方便了开发者实现某些动画，但 JavaScript 动画领域多年来进展甚...

面试官：看你简历上做过图片或文件批量下载，那么假如我一次性下载几十个，如何去控制并发请求的？ 让我想想，额~， 选中ID，循环请求？，八嘎！肯定不是那么沙雕的做法，这样做服...

我们知道，HTTP 是无状态的。也就是说，HTTP 请求方和响应方间无法维护状态，都是一次性的，它不知道前后的请求都发生了什么。 但有的场景下，我们需要维护状态。最典型的，...

最近一个活动页面中有一个小需求，用户点击或者长按就可以复制内容到剪贴板，记录一下实现过程和遇到的坑。 分别来看看这两种方法是如何使用的。 这是clipboard的官网：ht...

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

前段时间看到了antfu重新构想原子化CSS的博客文章，这里我作为一个前端小白来看看大佬的最新作品UnoCSS有什么神奇之处...

正常的开场本应该是“什么是Service Worker”，但Service Worker往往会和PWA被一同提起。无论屏幕前的你是有丰富PWA开发经验的大佬，还是从没有听过...

本文是如何监控网页的卡顿？的下篇。今天我们把话题聚焦在如何监控网页的崩溃上。 卡顿也就是网页暂时响应比较慢，JS 可能无法及时执行，这也是上篇网页卡顿监控所依赖的技术点。 ...

`require` 和 `import` 在日常的开发过程中是经常使用的已经模块引入的方式，通常在一个项目中，我们基本上不用去关系这些，直接去使用，但是这两种方式的区别是什...

最近在翻红宝书，看到 Web Worker 那章，猛然意识到，通过它竟然可以把几个缓存相关的概念串起来，甚是有趣，撰文记之。最后我也写了一个完整的离线应用 Demo，以供运...

Web Worker (工作线程) 是 HTML5 中提出的概念，分为两种类型，专用线程（Dedicated Web Worker） 和共享线程（Shared Web Wo...

对于 Javascript 而言，我们面对的仅仅只是异常，异常的出现不会直接导致 JS 引擎崩溃，最多只会使当前执行的任务终止。 当前代码块将作为一个任务压入任务队列中，J...

喜欢玩游戏的都知道FPS，FPS的概念来源就是游戏和视频，也就是每秒的帧数。打了几十年的游戏深受FPS困扰啊，MMP的一点都不流畅太特么卡了啊... 回正题，在页面上，FP...

从 HTML Entry 的诞生原因 -> 原理简述 -> 实际应用 -> 源码分析，带你全方位刨析 HTML Entry 框架...