本文介绍如何通过插件region-screenshot-js来简洁高效的在web端实现选区截图功能，并在截图上绘制出特定图案和马赛克或者自定义图案。

一个复杂的 Chrome 扩展程序通常由 content_scripts，background，action popup 等部分组成，这些部分所负责的功能各不相同，它们之间是如何通信的呢

一、效果 将一段声频以波形展示在页面上，支持播放/暂停、重放、停止、点击跳转播放 2. 支持渲染区域，支持用户手动选择区域和删除区域，支持拖动区域和调整区域大小；当操作区域时，最好能实时循环播放区域

Hi，大家好我 ssh，今天在逛推的时候，发现咱们的 Anthony Fu 大佬分享了一个让人亢奋的消息！ Google Chrome 推出了文档画中画（不光是视频）的一系列支持。 咱们通过 Gif

肉眼到物体之间的距离，物体的高度以及这个三角形的角度，构成了一个三角函数的关系。 h=2d*tan(a/2) 而公式中的 h 的值和我们要解决的核心问题『主字号』有着很大的关系。 关于这个 a 的角度

最近写了一个好玩的 Button，它除了是一个 Button 外，还可以当镜子照。 那这个好玩的 Button 是怎么实现的呢？ 很容易想到是用到了摄像头。 没错，这里要使用浏览器的获取媒体设备的 a

WebContainers 是一个基于浏览器的运行时，用于执行 Node.js 应用程序和操作系统命令，它完全运行在您的浏览器页面中

菲茨定律 Fitts' Law 费茨法则 是一个人机交互以及人体工程学中人类活动的模型，它预测了快速移动到目标区域所需的时间是目标区域的距离和目标区域的大小的函数。费茨法则多用于表现 指、点 这个动作

组件，是前端最常打交道的东西，对于 React、Vue 等应用来说，万物皆组件毫不为过。 有些工作经验的同学都知道，组件其实也分等级的，有的组件可以被上万开发者复用，有些组件就只能在项目中运行，甚至挪