合并鼠标效果以及CSDN文章自动展开（郑小双的代码）

packages/shell-chrome/assets/js/mouse-effects/click.js

@@ -0,0 +1,94 @@
+/**
+ * TODO: 鼠标点击效果
+ */
+
+$(function() {
+    console.log("[BitDance extension] 学生助手插件 - 点击特效模块加载成功");
+
+    // 每次改变开关状态时刷新页面使功能及时生效
+    chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
+        location.reload();
+        sendResponse('Reload page');
+    })
+
+    // 控制功能是否开启
+    chrome.storage.sync.get('clickState', function(budget) {
+        // 得到按钮开关状态
+        if (budget.clickState == false || budget.clickState == undefined) {
+            // console.log('click功能启动');
+            var hearts = [];
+
+            walk();
+
+            // 走起（初始化）
+            function walk() {
+                // 灵魂 css
+                css(".heart{width: 10px;height: 10px;position: fixed;background: pink;transform: rotate(45deg);}.heart::after,.heart::before{position: absolute;content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;}.heart::after{top: -5px;}.heart::before{left: -5px;}");
+                attachEvent();
+                gameloop();
+            }
+
+            // 动画效果
+            function gameloop() {
+                for (var i = 0; i < hearts.length; i++) {
+                    if (hearts[i].alpha <= 0) {
+                        document.body.removeChild(hearts[i].el);
+                        hearts.splice(i, 1);
+                        continue;
+                    }
+                    hearts[i].y--;
+                    hearts[i].scale += 0.004;
+                    hearts[i].alpha -= 0.013;
+                    hearts[i].el.style.cssText = "left:" + hearts[i].x + "px;top:" + hearts[i].y + "px;opacity:" + hearts[i].alpha + ";transform:scale(" + hearts[i].scale + "," + hearts[i].scale + ") rotate(45deg);background:" + hearts[i].color;
+                }
+                // refer: https://developer.mozilla.org/zh-CN/docs/Web/API/Window/requestAnimationFrame
+                requestAnimationFrame(gameloop);
+            }
+
+            function attachEvent() {
+                // 点击触发特效（♥）
+                window.onclick = function(event) {
+                    createHeart(event);
+                }
+            }
+
+            function createHeart(event) {
+                // 创建一个 div 并指定类名为 heart
+                var d = document.createElement("div");
+                d.className = "heart";
+                /**
+                 * @param el: 每个 div 的标识
+                 * @param x,y: 当前鼠标位置信息
+                 * @param scale: 放大系数
+                 * @param alpha: 透明度
+                 * @param color: 背景颜色
+                 */
+                hearts.push({
+                    el: d,
+                    x: event.clientX,
+                    y: event.clientY,
+                    scale: 1,
+                    alpha: 1,
+                    color: randomColor()
+                });
+                document.body.appendChild(d);
+            }
+
+            // 给网页加个 style 标签
+            function css(css) {
+                // 创建 style 标签
+                var style = document.createElement("style");
+                style.type = "text/css";
+                // css 内容注入
+                style.appendChild(document.createTextNode(css));
+
+                document.head.appendChild(style);
+            }
+
+            // 生成随机颜色
+            function randomColor() {
+                return "rgb(" + (Math.random() * 255) + "," + (Math.random() * 255) + "," + (Math.random() * 255) + ")";
+            }
+        }
+    });
+})

packages/shell-chrome/assets/js/mouse-effects/mouse-style.js

@@ -0,0 +1,19 @@
+/**
+ * TODO: 鼠标样式
+ */
+
+$(function() {
+    console.log("[BitDance extension] 学生助手插件 - 鼠标样式模块加载成功");
+    walk();
+
+    // 走起
+    function walk() {
+        changeMouse();
+    }
+
+    function changeMouse() {
+        $('*').hover(function() {
+            $(this).css("cursor", "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c%0A6QAABPxJREFUWEe9lltIalkYx9feak1hDBonIvVM0ZyKLmAM3YyIqB6KCgrK%0Abj710G1gKooJJrCYiB4q6qHefIgoKoaChpiieojQJIWiy0GygzaO0RVhSDTb%0Ae+1hOSlb3d56aL+Iur/1/db3/77/Whj4/6kGAOgAAPq37x/2gQEAyrRa7V9s%0ANhuTSqXk5eXlGUVRTR8FgwC+HB0dfc3JyWG7tq3RaAiZTAY/AgYBgNTU1Bed%0AThfBVHcE09DQQFxfX1+EUJkoAMAnAMDfoWroBMAwTAsh/ClYUACYIQzDfkeg%0ACQkJ5Pz8PG6xWB4oihIEW9MJwCRDsECVSoUqQ97c3BgrKioSNzc3I+kxZrMZ%0AikQinKIoVw7GJd1/BpLBH8zr6ysVHx9Pra2tUS0tLS9CoRBfW1vjJCQksFDM%0Azs4OUV1dPffy8vKLvzXcAKHKQF9ILpeTVVVVFL2B9/f3SQSTlJSEraysRAiF%0AQlagKtDL4zMNwWSoqakhNzY2nLtlehBMSUkJAtgDAKDRfvB+z0OfcGUYHx9/%0ALS4uxgoKCtwj7J0Ax3EAIQR7e3tEc3MzcX9/r6TDeAC8RwYulwufn59xpgos%0ALi46Li4u8LGxMQ9ABINM7+npSeTdoWHLMDIyQqhUKmp7e5tDhzg9PSXFYjEG%0AIWSEQw0cExMz5TMiiYmJNoPB8F0w/en/Ly0tvba2tnIKCgpIkUhEra6u4vn5%0A+VClUjFKgyojk8msFEXxfQDeIwMdBu2Mw+Ewzr5WqyXz8vIICOGPAIB/nCbI%0AsNMvSqXyq0Qi8dtYTNVBLri6usoYY7FYkCkRVqu1CtkDPZ6RVCAQ2A0GQ8To%0A6Cg8Pj4GEokEDg4OemjsDVFbW0vy+XxSoVC4zxRUjeTkZIfJZPoVADDDBM4I%0AgGGYjsfjfdna2oLIZA4PD4ny8nJ8YGAAyuXyoCOHEvX19dlnZ2f/dDgcDYH6%0AiQlgqLKycmh4eJhFdzi0SFlZmaO9vZ2qr6/38H2RSARvb28JkiQj5ubmHB0d%0AHc4qZGdn205OTlJceodUAQzDKGQcaWlpdp1O5zMNLmPp6uoiULPNzMyw0G96%0AvZ64uroCubm5OI/Hc49eMAjvCkRJpdJ/l5eX2fn5+Xa1Wu0DUFhYSCqVSqf9%0ASiQSQq1Ws6Ojo6FCoYBSqZRRnjeIH4JaMQDgc29v7+XU1FSk0WgkHx4ePA4a%0AlLSxsZFYWFhg0UetqamJnJiYwAQCAaPp0OTwgfDpAdTJT09PzoWYZMBxHPpz%0At2DmlZWVZTs/P/eAYDIis8lkike7KSoqsh0cHKBrlvNB9trW1gY0Go37BOzp%0A6bFNT0+73wkXwt8YIm8nMjIyMLPZ7JThzT7Z9N2jOedyuX+kp6dXHR8fvwvC%0A73UpMjJyxuFw/AwAcMoxODhIeJ9qSUlJdqPRiBILxWLxZTgQKSkpdr1eHxXw%0AvvZWzl2Kokq9S4vslc/n99EcLiyIycnJ1/7+/u9DAfi8u7v7rbS01GPEuFyu%0Aw2q1ehgSupKLxeLrYJVYX1931NXVyQEA46EAgLi4ONvd3Z3bE9CplpOTU+F9%0AsLxVKSAEPbm/05CpkT1kYLFYLxDCQHeGT5mZmddnZ2cejemdPBwAtwxoGlpb%0AW5MD+burEnQIpuThAIDY2Fj74+NjJI7jFnSTCTbvdIjOzk68u7t7GGnuHRdS%0AD7gWw3H8NwhhT4jJ6a8hKWxMcf8BWQiA/lSw+WUAAAAASUVORK5CYII=), crosshair");
+        });
+    }
+})