在介绍目前比较流行的一些开源的前端存储方案之前，阿宝哥先分享一些与存储有关，有趣好玩的开源库。 ShareDB 是一个基于 JSON 文档操作转换（OT）的实时数据库后端。它是 DerbyJS Web 应用程序框架的实时后端。 ImmortalDB 是在浏览器中存储持久键值数据…

Web Workers API：Worker 构造函数及如何观察 Dedicated Worker 等。 下面我们开始步入正题，为了让大家能够更好地理解和掌握 Web Workers，在正式介绍 Web Workers 之前，我们先来介绍一些与 Web Workers 相关的基…

最新版的Chrome（Chrome 83, 需要开启权限）支持直接读写本地文件了。 1、使用input标签获取文件File对象。 2、使用FileReader读取文件。 很遗憾，现在没有直接写文件到本地的方法。不过，大概可以用下面的方法来实现： 使用window.chooseF…

由于业务需求, 笔者要为公司开发几款实用的浏览器插件,所以大致花了一天的时间,看完了谷歌浏览器插件开发文档,在这里特地总结一下经验, 并通过一个实际案例来复盘插件开发的流程和注意事项. 如果对浏览器插件开发比较熟悉的朋友可以直接看最后一节插件开发实战。 下面我们来具体讲解一下浏…

$0、$1、$2、$3、$4五个指令相当于在Elements面板最近选择过的五个引用。 比如我在Elements面板上随意点击了掘金网站上的五个DOM节点。从时间线上，$4是我第一个点击的。而$0是我第五个，也即是最后一个点击的。利用此方法可以快速在Console面板调试你选中…

1. 打开你的Chrome浏览器的 更多工具>扩展程序页面 ， 或者直接在网址输入: chrome://extensions/ 2. 在扩展程序右上角打开开发者选项，然后在此页面左上角点击 "添加已解压的扩展程序" 3. 选择刚下载包里的 ghelper_source 目录 4…

1. 前言 注意，问得是几个！我当时还真答不上来几个，他问得那两个，我刚好又没答对。 我们应该有一个目标：尽量只操作键盘即可满足我们对浏览器的日常使用，摆脱鼠标的依赖，因为只操作键盘是最快的方式，还是高逼格的操作。 如本文题目，本文将分为 3 部分讲解内容，由浅入深。 2. 高…

认真看完，一定有你不知道的调试技巧，一定有你想要的装 x 操作。 1. 在“Elements”面板拖放元素 在“Elements”面板中，您可以拖放任何 HTML 元素并更改其在页面中的位置。 2. 在“Console”中显示当前选定的元素 在“Elements”面板中选择一个…

1. 控制台中直接访问页面元素 在元素面板选择一个元素,然后在控制台输入$0,就会在控制台中得到刚才选中的元素。如果页面中已经包含了 jQuery,你也可以使用$($0)来进行选择。 你也可以反过来,在控制台输出的 DOM 元素上右键选择 Reveal in Elements …