浏览器前端数据库 IndexedDB API 详细教程

小春 赞(2)

随着浏览器的功能不断增强,越来越多的网站开始考虑,将大量数据储存在客户端,这样可以减少从服务器获取数据,直接从本地获取数据。现有的浏览器数据储存方案,都不适合储存大量数据。

HTTP 浏览器缓存和 Service Worker 的详细说明

小春 赞(2)

传统的 HTTP 浏览器缓存策略 在一个网页的生命周期中,开发者为了缩短用户打开页面的时间,通常会设置很多缓存。其中包括了: 浏览器缓存; 代理服务器缓存(CDN 缓存); 服务器缓存; 数据库缓。 等各种缓存。这些缓存大多数和前端没什么关系,也不由前端开发者控制,其中和前端较为密切的是 浏览器缓存 ,但它本质上也是由服务器控制的。 在 Service Worker 还未问世之前

WebP 是什么格式? WebP 相对于 PNG、JPG 有什么优势?

小春 赞(2)

WebP 是 Google 发明的一种图片文件格式,这种格式的图片既可以像 JPEG 格式的图片那样实现有损压缩,也可以像 PNG 格式的图片那样具有透明度特性,但这种格式可以提供比 JPEG 或 PNG 格式更好的压缩效果。

为什么电脑有 C 盘却没有 A B 盘?

小春 赞(2)

经常用电脑的朋友可能会发现,分区盘是从C盘开始后面依次以英文字母D E F G……盘排序,大家有没有疑惑,为什么盘符要从C开始?A B盘哪去了?

Chrome://inspect 如何调试 Android 设备上 WebView

小春 赞(2)

通常我们调试 Android WebView 中的 h5 页面,就是通过 alert 和抓包工具来定位问题,效率低且无法直接调试样式或打断点,可谓是事倍功半。本文将通过 Chrome 的 开发工具 Devtools 来展示,如何在 Android 设备上调试 Chrome 中的页面及 应用中的 WebView。

如何使用第三方 REC 获取 Android 的 Root 权限

小春 赞(2)

卡刷就是将刷机包下载到手机中,通过官方途径或第三方 REC 安装刷机包,比线刷更加方便简单,后续系统升级在手机中即可完成。线刷需要手机进入 Fastboot 模式(开机键 + 音量-键),然后通过数据线连接电脑,在电脑上进行刷机操作。这种刷机方法比较万能,不需要安装第三方 REC,在找不到第三方 REC 的情况下,非常建议使用线刷。

Shared Workers 实现多个标签页之间的数据通信

小春 赞(2)

HTML5 中的 Web Worker 分为两种不同线程类型,一种称为独立线程(Dedicated Worker),另外一种就是共享线程(Shared Worker)。Shared Worker 也是 Worker,但多个页面可以共用一个 SharedWorker 后台线程,并且可通过该后台线程共享数据。

What's PWA? PWA和快应用、微信小程序有什么不同

小春 赞(2)

PWA 全称 Progressive Web App,即渐进式 WEB 应用。一个 PWA 应用首先是一个网页, 可以通过 Web 技术编写出一个网页应用,随后添加上 App Manifest 和 Service Worker 来实现 PWA 的安装和离线等功能。

Chrome F12开发者工具 DevTools性能(Performance)说明

小春 赞(2)

Performance(性能)面板可以查看页面加载过程中的详细信息,比如在什么时间开始做什么事情,耗时多久等等。相较于 Network(网络)面板,不仅可以看到通过网络加载资源的信息,还能看到解析 JS、计算样式、重绘等页面加载的方方面面的信息。

Chrome F12开发者工具 DevTools控制台(Performance API)命令说明

小春 赞(2)

Performance API 是 W3C 性能小组引入的新的 API,目前 IE9 以上的浏览器都支持。Performance 接口可以获取到当前页面中与性能相关的信息,它是 High Resolution Time API 的一部分,同时也融合了 Performance Timeline API、Navigation Timing API、 User Timing API 和 Resource Timing API。