Web Worker Web Worker 最近开发中,测试提出了一个 BUG,在获取验证码的时候,有倒计时效果,如下图所示,但是在切换到其他页面的时候,长时间不回来的话,倒计时效果可能会暂停,回到页面才会继续进行.所以笔者针对这个问题进行了一些探索,最终使用Web Worker来解决问题,并稍加延展 问题所在先弄清楚问题的原因在哪里,我找了一波代码,发现代码中这个简单的倒计时是通过setInterval的方式来实 2021-04-19 前端 性能 线程 javascript React
Fix Nginx redirected you too many times Fix Nginx redirected you too many times问题:配置自己的服务器的时候,因为每次输入www.proger.cn 来访问比较麻烦,但是直接输入 proger.cn 又无法访问,所以在 nginx 上配置了一个重定向 源码里是这样写的 1234567891011server { listen 80 default_server; 2021-04-13 Fix Nginx 运维
http 缓存机制 http 缓存机制 如果每次资源都要从服务器端获取,则会消费很多的时间,如果资源能在本地备份下来,下一次直接从本地获取会快很多 本篇我们分析一波 http 的缓存机制,并不包括数据变量之类的缓存,因为通常他们都会交给本地缓存(LocalStorage,SessionStorage,Cookie,IndexedDB 等) http 缓存主要分两类: 强缓存 协商缓存(弱缓存) 以下一图概括了 2021-04-11 前端 性能 缓存
前端性能优化导向地图 前端性能优化 文章是自己导出的,没有做优先级,请配合 mindmap 食用 浏览器缓存Memory Cache 内存中的缓存,优先级上,是浏览器最先开始尝试命中的一种缓存 与渲染进程并存,当进程结束,内存缓存也会消失 内存划分规则没有定论,且存放位置有随机性,浏览器秉承内存节约原则,大文件一般都直接进磁盘 Base64 格式图片几乎永远可以进 Memory Cache 体积不大的 js、 2021-04-02 前端 性能 MindMap
Object Spread、Object.assign Object Spread、Object.assign 笔者在开发的时候,遇到的需求时将多个 Object 整合成一个 Object,不同版本之间,可能存在继承关系,所以只需要从某一个 Object 继承过来,同时修改一些配置文件即可达到快速建版的目的,但是 Object.assign 整合之后,cmd+click 无法主动跳转到配置文件中,所以改换用了 Object Spread 的方式 Ob 2021-03-25 前端 es6
React-Fiber React Fiber React16 以上的版本中引入了 Fiber 架构 Fiber 设计思想Fiber 是对 React 核心算法的重构，facebook 团队使用两年多的时间去重构 React 的核心算法，在React16 以上的版本中引入了 Fiber 架构，其中的设计思想是非常值得我们学习的。 为什么需要 Fiber我们知道，在浏览器中，页面是一帧一帧绘制出来的，渲染的帧率与设备的刷 2021-03-24 前端 React