不会飞的咸鱼君

单页应用的原理从早起的根据url的hash变化，到根据H5的history的变化，实现无刷新条件下的页面重新渲染。那么在单页应用中是如何监听url的变化呢，本文将总结一下，...

全面介绍油猴脚本的构成、最简单高效的开发方式、最实用的开发调试技巧、附带两个小实践带你轻松上手油猴脚本开发。...

一般来讲一个成熟的产品，运营与产品团队需要关注用户在产品内的行为记录，通过用户的行为记录来优化产品，研发与测试团队则需要关注产品的性能以及异常，确保产品的性能体验以及安全迭...

逛社区，偶然看到了张图片， 嗯……我眉头一皱，久久不语，心想，有这么夸张吗，假的吧？ 突然想到，最近我在社区发了个前端招聘的信息，结果简历漫天纷飞，塞爆邮箱。 莫非，前端这...

axiosv0.22.0之前取消请求是使用的cancel token API，而在v0.22.0开始使用的是AbortController，这里就用后者来封装取消请求...

与市面上众多 API 不同的是，这些 API : 不用任何登录！不用任何 token ！不用任何购买套餐！...

本文将通过程序化设计里一个 2.5D 背景模型生成图片的一些例子，带领大家了解绘图工具 skia 的使用。...

自古以来，Vue 2 对 TypeScript 的支持能力一直为人诟病。但自从 Composition API 面世后，病情已经大为好转。本文介绍如何在 Vue 2 项目中...

说起console.log调试，不用多说，那是非常的好用，开发中帮助我们解决了不少Bug。我们经常能在开发环境中看见这一坨一坨的console调试。但是生产环境是绝不对不允...

gitee没法做图床了，除了老老实实迁移，难道就没其他办法吗？当然不是，我来一步步教你轻松破解防盗链！...

ServiceWorker是一种特化的Worker，专门来处理跟网页有关的资源（assets），在浏览器和真正的服务端之间扮演一个代理（Proxy）的角色。...

本来是笔记，没想到写着写着就有了点文章的意思，那干脆就完善一下发上来吼！这里总结了几乎所有与缓存有关的内容，包括HTTP缓存中的所有头部和相应用法说明，以及对应的分组，帮助...

workbox 是 GoogleChrome 团队推出的一套 Web App 静态资源本地存储的解决方案，该解决方案包含一些 Js 库和构建工具，在 Chrome Subm...

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

虽然 ServiceWorker 和 PWA 正在成为现代 Web 应用程序的标准，但浏览器资源缓存变得比以往任何时候都复杂。 本文涵盖了浏览器缓存的重点内容。...

在开发 web 应用程序时，性能都是必不可少的话题。对于webpack打包的单页面应用程序而言，我们可以采用很多方式来对性能进行优化，比方说 tree-shaking、模块...

一直很想学习缓存这一块儿的东西，毕竟前端性能优化缓存在其中占了很大一部分作用。缓存分为两种：强制缓存和协商缓存。看过很多文章讲它们之间的区别，但是没有实战过只知道其意义却不...

浏览器的缓存机制也就是我们说的HTTP缓存机制，其机制是根据HTTP报文的缓存标识进行的，所以在分析浏览器缓存机制之前，我们先使用图文简单介绍一下HTTP报文，HTTP报文...

service worker 是现代web开发的关键部分，在最近几年获得了关注，这都要归功于 PWA（渐进式 Web 应用程序） 的流行。...

偶尔不能在自己电脑上写代码时，用用浏览器敲代码也挺方便；或者用平板刷刷算法题也挺有趣；测试JavaScript某一代码片段也不用在浏览器的控制台上打印输出了；...