注意：每道题前面出现的 (xx) 数字代表这道题出现的频次，此 JS 基础是基于 30+ 篇前端面经整理出的问题和对应的回答、参考链接等。文章内容为拿到 Offer ...

前言本文首先会简单介绍下前端的常见缓存方式，再引入serviceworker的概念，针对其原理和如何运用进行介绍。然后基于google推出的第三方库workbox，在产品中进行运用实践，并对其原理进行简要剖析。前端缓存简介先简单介绍一下现有 ...

开发环境性能优化优化打包构建速度HMR优化代码调试source-mapHMR概念：「HMR：」 hot module replacement 热模块替换 / 模块热替换作用：一个模块发生变化，只会重新打包这一个模块，而不是打包所有模块，极大 ...

PWA是指渐进式web应用，一般由web app manifest, service worker, app shell, notification push等部分组成。 这里目前只讨论web app manifest, service w ...

浏览器缓存有多种形式，持久化或者会话存储。以chrome为例，打开调试面板，找到Application选项卡，就可以看到它所支持的各种缓存模式 缓存方式 详解 使用情况 http缓存 分为强缓存（200）和协商缓存（304），文章后面有详细 ...

内容：React入门 一、react是什么？ react是facebook使用的一个Javascript库 ​ 可以用来创建web用户交互界面 ​ MVC中的视图层 官网：https://react.docschin ...

CSRF叫做跨站请求伪造攻击，也有叫XSRF的，其实都差不多，你也可以认为是XSS和CSRF的结合。对于这个攻击原本我是不怎么理解的，写了个接口，然后试了一下，直接就发起了请求。 先看接口： const http=require('http ...

写在前面本篇涉及知识点：registerServiceWorker 模块fragment模块( 占位符)immutable (不变的)JSX注释写法与JS区别</p ...