eatcr

本期分享介绍了chrome插件，核心构成有哪些？适用场景有哪些？我们如何开发一个chrome插件？附带如何适配以及发布到其他浏览器。欢迎大家加入探讨。

丰富的 chrome 插件极大的提升我们的工作效率和辛福感，插件的原理是向页面中注入 javascript 脚本，对页面进行处理，本文就从入门开始讲述如何开发一款 chrome 插件。

利用 vue3 + webComponent开发chrome插件，做多样式的隔离，以及怎么优化css的加载，监听dom节点的删除，并重新渲染等技巧。

SVG是一种矢量图格式，是 Scalable Vector Graphics 三个单词的首字母缩写。当你需要开发web动画时，这里可以给你提供一个清晰的思路。

背景 👏最近在工作中遇到一个水球进度条，用svg绘制几个波浪叠加动画写起来超简单，css3动画+svg实现水球进度条~

想必大家对 svg 肯定不会陌生吧，像平时用到的 icon 图标就是最简单的 svg 图形，但怎么样能让 svg 动起来呢？那就从最基本的svg 构成开始开始说起吧！

【SVG】为了前端页面的美丽，我选择学习SVG 博客说明 说明 SVG在之前自学的过程中，其实一直都是很高深的样子不敢触碰，但是想要理解终究都会走到这一步的。:blush:再怎么看起来难的技术都是由简

一张图结缘于SVG，从此对SVG的线条动画情有独钟。一文带你秒懂SVG，从此你也可以成为别人眼中的SVG大神。

WEB 动画世界已经变成了一个庞大的工具和技术丛林，像 GSAP 和 Framer Motion 以及 React Spring 这样的库如雨后春笋般涌现，帮助WEB项目开发向 DOM 添加动作。