GeoffZhu虚笔

爬虫框架可以简化开发流程，提供统一规范，提升效率。一套优秀的爬虫框架会利用多线程，多进程，分布式，IP池等能力，帮助开发者快速开发出易于维护的工业级爬虫，长期受用。 框架由三部分组成，fetcher、strategy、processer。 爬虫的运行方式就决定了它无法做到长久稳…

这就要说到web应用添加到桌面后的显示模式了，一共有这么多种，通过mainfest来控制。只要知道启动模式是什么，就能判断出是否从桌面启动。 standalone: 让这个应用看起来像一个独立的应用程序，包括具有不同的窗口，在应用程序启动器中拥有自己的图标等。这个模式中，用户代…

我们需要这种把user_nick_name转换为userName的适配代码，以便把后端的数据放到前端的各种组件和Store中，这种操作是一种映射，通this.userName = resp.user_nick_name;这句绑定前后端数据的映射关系。 上面这段代码的写法，DOM…

我们需要这种把user_nick_name转换为userName的适配代码，以便把后端的数据放到前端的各种组件和Store中，这种操作是一种映射，通this.userName = resp.user_nick_name;这句绑定前后端数据的映射关系。 上面这段代码的写法，DOM…

这样做会造成第一个问题，sw线程将加剧对CPU和内存的使用，并且sw内预缓存的资源是需要下载的，移动设备带宽有限，sw线程占用的同时，主进程带宽就变成了小水管了。 首次打开各种资源都非常宝贵，况且是渐进式，完全没有必要争第一次打开页面就要缓存资源。正确的做法是，页面加载完以后s…

如果你已经熟悉ServiceWorker，可以跳过此段。 ServiceWorker是PWA中最重要的一部分，它是一个网站安插在用户浏览器中的大脑。ServiceWorker是这样被注册在页面上的 为什么说SW（下文将ServiceWorker简称为SW）是网站的大脑？举个例子…

容灾的概念始于后端，指当遇到某个服务器或某个机房发生自然灾害、断网断电等情况下的应急办法，可以保证服务依然可用。 像这种单机的服务自然没法做什么容灾了，这一台机器挂了服务也就挂了。但现在的大型网站，早就不是上图那个样子了，而是这样 最外层那个抗压的服务器一般是Nginx或Apa…

最终要实现的效果是实现的一个5min-koa模块，直接将代码中第一行替换为const Koa = require('./5min-koa');，程序可以正常执行就可以了。 这样就完成了一个最基本的Context，别看小，已经够用了。 每一次有新的请求，都会创建一个新的ctx对象…

我在开发中遇到Navigation Timing API中的connectStart等时间节点并不是标准时间戳，而是0或者一个很小的数值，导致指标数据计算出错，尤其是IOS设备。原因如下: IOS设备通过浏览器的前进后退按钮进入的页面，Navigation Timing API…