前言：在之前的实习生活中，使用了不少公司内部的谷歌插件提升工作效率，回忆与组内老大哥的交流中，询问了个人插件开发的难度如何，其表示基础牢固的话，插件开发与前端的基础技术栈是没有冲突的，可以扩展下自己的技术宽度，于是在毕业前夕的闲余生活，抱着学习的心态，记录下自己学习的过程。 我的开发环境：mac+vscode+node（v15.14.0） 仓库地址：https://github.com/hyh-op/googlePlugin 配置manifest.json manifest.json 清单文件是插件的核心，它定义了…
动画与 Canvas 图形 毋庸置疑，是 HTML5 最受欢迎的新特性。这个元素会占据一块页面区域，让 JavaScript可以动态在上面绘制图片。自身提供了一些 API，但并非所有浏览器都支持这些API，其中包括支持基础绘图能力的 2D 上下文和被称为 WebGL 的 3D 上下文。支持的浏览器的最新版本现在都支持 2D 上下文和 WebGL。 使用 requestAnimationFrame 早期定时动画 以前，在 JavaScript 中创建动画基本上就是使用 setInterval()来控制动画的执行。虽然…