From b48a06110eb6aac6c88396983961f9d33b2fd5d2 Mon Sep 17 00:00:00 2001
From: inferjay <inferjay@gmail.com>
Date: Tue, 9 Apr 2024 17:13:39 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=85=B6=E4=BB=96=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2js=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 donate.html     |  78 ++++++-------------------
 friends.html    |  80 ++++++--------------------
 welfare-pi.html | 148 ++++++------------------------------------------
 3 files changed, 50 insertions(+), 256 deletions(-)

diff --git a/donate.html b/donate.html
index 1aeffa2..ff0d5f0 100644
--- a/donate.html
+++ b/donate.html
@@ -2424,74 +2424,28 @@ <h2 id="donate-title">鸣谢</h2>
     <script src="https://cdn.staticfile.net/bootstrap/4.6.2/js/bootstrap.bundle.min.js"
         crossorigin="anonymous"></script>
     <script src="static/js/jquery.smooth-scroll.min.js"></script>
-    <script src="static/js/jquery-maven-artifact.min.js"></script>
-    <script src="static/js/jquery.toTop.min.js"></script>
-    <script>
-        $(function () {
-            $('.zh-backtotop').toTop();
-        });
-    </script>
-    <script type="text/javascript">
-        $(function () {
-            // Syntax highlight code blocks.
-            //prettyPrint();
-
-            // Spy on scroll position for real-time updating of current section.
-            $('body').scrollspy();
+    <script async src="static/js/jquery-maven-artifact.min.js"></script>
+    <script async src="static/js/jquery.toTop.min.js"></script>
+    <script async src="static/js/unslider.min.js"></script>
 
-            // Use smooth-scroll for internal links.
-            $('a').smoothScroll();
+    <!-- 工具函数 -->
+    <script async src="./static/js/utils.js"></script>
 
-            // Enable tooltips on the header nav image items.
-            $('.menu').tooltip({
-                placement: 'bottom',
-                trigger: 'hover',
-                container: 'body',
-                delay: {
-                    show: 500,
-                    hide: 0
-                }
-            });
-        });
-    </script>
+    <!-- <script async src="./static/js/float-ad.js"></script> -->
     <!-- Google tag (gtag.js) -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-NQH6H0E3Y6"></script>
-    <script>
-        window.dataLayer = window.dataLayer || [];
-        function gtag() { dataLayer.push(arguments); }
-        gtag('js', new Date());
-
-        gtag('config', 'G-NQH6H0E3Y6');
-        var trackOutboundLink = function (url, category, action) {
-            var redirectTriggered = false;
-            gtag('send', 'event', category, action, url, {
-                'hitCallback': function () {
-                    redirectTriggered = false;
-                    window.open(url, '_blank');
-                }
-            });
-        };
-    </script>
+    <script src="./static/js/google-analytics.js"></script>
     <!-- End Google Analytics -->
+    <!-- 右侧浮动广告 -->
+    <!-- <script async src="./static/js/right-float-ad.js"></script> -->
+    <!-- 顶层弹窗广告 -->
+    <!-- <script async src="./static/js/top-layer-pop-ad.js"></script> -->
+    <!--   浮动广告      -->
     <!-- add target attr to all a tag -->
-    <script type="text/javascript">
-        //bind a click
-        $(document).bind('DOMNodeInserted', function (event) {
-            $('a[href^="http"]').each(
-                function () {
-                    if (!$(this).attr('target')) {
-                        $(this).attr('target', '_blank')
-                    }
-                    if ($(this).attr('href').indexOf("androiddevtools.cn") != -1) {
-                        $(this).attr('target', '_self')
-                    }
-                }
-            );
-        });
-    </script>
-    <script>
-        $('a[title=站长统计]').hide();
-    </script>
+    <script type="text/javascript" async src="./static/js/add-utm-info-to-link.js"> </script>
+    <!-- Recommend Books List -->
+    <!-- <script async src="./static/js/books.js"></script> -->
+    <script src="./static/js/smooth-scroll-to-top.js"></script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/friends.html b/friends.html
index bce00f7..848e235 100644
--- a/friends.html
+++ b/friends.html
@@ -756,76 +756,28 @@ <h2>其他有趣的网站</h2>
     <script src="https://cdn.staticfile.net/bootstrap/4.6.2/js/bootstrap.bundle.min.js"
         crossorigin="anonymous"></script>
     <script src="static/js/jquery.smooth-scroll.min.js"></script>
-    <script src="static/js/jquery-maven-artifact.min.js"></script>
-    <script src="static/js/jquery.toTop.min.js"></script>
-    <script>
-        $(function () {
-            $('.zh-backtotop').toTop();
-        });
-    </script>
-    <script type="text/javascript">
-        $(function () {
-            // Syntax highlight code blocks.
-            //prettyPrint();
-
-            // Spy on scroll position for real-time updating of current section.
-            $('body').scrollspy();
+    <script async src="static/js/jquery-maven-artifact.min.js"></script>
+    <script async src="static/js/jquery.toTop.min.js"></script>
+    <script async src="static/js/unslider.min.js"></script>
 
-            // Use smooth-scroll for internal links.
-            $('a').smoothScroll();
-
-            // Enable tooltips on the header nav image items.
-            $('.menu').tooltip({
-                placement: 'bottom',
-                trigger: 'hover',
-                container: 'body',
-                delay: {
-                    show: 500,
-                    hide: 0
-                }
-            });
-        });
-    </script>
+    <!-- 工具函数 -->
+    <script async src="./static/js/utils.js"></script>
 
+    <!-- <script async src="./static/js/float-ad.js"></script> -->
     <!-- Google tag (gtag.js) -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-NQH6H0E3Y6"></script>
-    <script>
-        window.dataLayer = window.dataLayer || [];
-        function gtag() { dataLayer.push(arguments); }
-        gtag('js', new Date());
-
-        gtag('config', 'G-NQH6H0E3Y6');
-        var trackOutboundLink = function (url, category, action) {
-            var redirectTriggered = false;
-            gtag('send', 'event', category, action, url, {
-                'hitCallback': function () {
-                    redirectTriggered = false;
-                    window.open(url, '_blank');
-                }
-            });
-        };
-    </script>
+    <script src="./static/js/google-analytics.js"></script>
     <!-- End Google Analytics -->
-
+    <!-- 右侧浮动广告 -->
+    <!-- <script async src="./static/js/right-float-ad.js"></script> -->
+    <!-- 顶层弹窗广告 -->
+    <!-- <script async src="./static/js/top-layer-pop-ad.js"></script> -->
+    <!--   浮动广告      -->
     <!-- add target attr to all a tag -->
-    <script type="text/javascript">
-        //bind a click
-        $(document).bind('DOMNodeInserted', function (event) {
-            $('a[href^="http"]').each(
-                function () {
-                    if (!$(this).attr('target')) {
-                        $(this).attr('target', '_blank')
-                    }
-                    if ($(this).attr('href').indexOf("androiddevtools.cn") != -1) {
-                        $(this).attr('target', '_self')
-                    }
-                }
-            );
-        });
-    </script>
-    <script>
-        $('a[title=站长统计]').hide();
-    </script>
+    <script type="text/javascript" async src="./static/js/add-utm-info-to-link.js"> </script>
+    <!-- Recommend Books List -->
+    <!-- <script async src="./static/js/books.js"></script> -->
+    <script src="./static/js/smooth-scroll-to-top.js"></script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/welfare-pi.html b/welfare-pi.html
index da0e7a9..6b2ba70 100644
--- a/welfare-pi.html
+++ b/welfare-pi.html
@@ -825,143 +825,31 @@
 
     <script src="https://cdn.staticfile.net/jquery/3.7.1/jquery.min.js"></script>
     <script src="https://unpkg.zhimg.com/jquery-templates@1.0.0/jquery.tmpl.min.js" ></script>
-    <script src="https://cdn.staticfile.net/bootstrap/4.6.2/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
+    <script src="https://cdn.staticfile.net/bootstrap/4.6.2/js/bootstrap.bundle.min.js"
+        crossorigin="anonymous"></script>
     <script src="static/js/jquery.smooth-scroll.min.js"></script>
-    <script src="static/js/jquery-maven-artifact.min.js"></script>
-    <script src="static/js/jquery.toTop.min.js"></script>
-    <script src="static/js/google-analytics.js"></script>
-    <script src="static/js/unslider.min.js"></script>
+    <script async src="static/js/jquery-maven-artifact.min.js"></script>
+    <script async src="static/js/jquery.toTop.min.js"></script>
+    <script async src="static/js/unslider.min.js"></script>
 
     <!-- 工具函数 -->
-    <script>
-        Array.prototype.randomDiffElement = function(last) {
-            if (this.length == 0) {
-                return;
-            } else if (this.length == 1) {
-                return this[0];
-            } else {
-                var num = 0;
-                do {
-                    num = Math.floor(Math.random() * this.length);
-                } while (Array.isArray(last) ? last.includes(this[num]) : this[num] == last);
-                return this[num];
-            }
-        };
-        var isShow = function isShow(value) {
-            return value && value.isshow;
-        };
-        var now = new Date().getTime();
-        var isExpired = function(item) {
-            let start = Date.parse(item.start_time);
-            let end = Date.parse(item.end_time);
-            return item && start <= now && now <= end;
-        };
-    </script>
-    <!-- 右侧浮动广告 -->
-    <script>
-        let rightAdContainer = $('#auto-scroll-ad-box');
-        let rightAds = [
-            {
-                "title": "短期暴力提升，快速突破瓶颈。HenCoder Plus 作为一套全方位系统化的高级进阶课程，开课四期以来，吸纳了来自阿里、腾讯、百度、头条、滴滴等公司以及硅谷、台湾和日本的众多学员报名参加，多位学员在毕业一个月内先后入职阿里、腾讯、小米、头条等公司。学员年薪最高达到 80w，多位学员年薪达到 45w 左右。",
-                "link": "https://plus.hencoder.com",
-                "image": "https://i.loli.net/2019/05/23/5ce663bb003ec62326.gif",
-                "ad_tag": "AD-HenCoderPlus",
-                "isshow": true,
-                "start_time": "2019-3-30 00:30:00",
-                "end_time": "2021-8-5 00:00:00"
-            },
-            {
-                "title": "",
-                "link": "https://www.ucloud.cn/site/global.html?ytag=androiddevtools",
-                "image": "https://i.loli.net/2020/05/15/DOv28AnZ73qfmiE.png",
-                "ad_tag": "AD-UCloud",
-                "isshow": true,
-                "start_time": "2020-1-1 00:00",
-                "end_time": "2021-5-15 00:00"
-            }
-        ];
-        rightAds.filter(isShow).filter(isExpired).forEach((item) => {
-            let {title, link, ad_tag, image} = item;
-            let adElement = `<div class="ad-float-right"><a href="${link}" title="${title}" onclick="trackOutboundLink('${link}', '${ad_tag}', 'click');" target="_blank"><img src="${image}"></a></div>`;
-            rightAdContainer.append(adElement);
-        });
-    </script>
+    <script async src="./static/js/utils.js"></script>
+
+    <!-- <script async src="./static/js/float-ad.js"></script> -->
     <!-- Google tag (gtag.js) -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-NQH6H0E3Y6"></script>
-    <script>
-        window.dataLayer = window.dataLayer || [];
-        function gtag(){dataLayer.push(arguments);}
-        gtag('js', new Date());
-
-        gtag('config', 'G-NQH6H0E3Y6');
-        var trackOutboundLink = function(url, category, action) {
-            var redirectTriggered = false;
-            gtag('send', 'event', category, action, url, {
-                'hitCallback': function() {
-                    redirectTriggered = false;
-                    window.open(url, '_blank');
-                }
-            });
-        };
-    </script>
+    <script src="./static/js/google-analytics.js"></script>
     <!-- End Google Analytics -->
-    <!-- <script>
-        $(function() {
-            $('.zh-backtotop').toTop();
-        });
-    </script> -->
-    <script type="text/javascript">
-        $(function() {
-            // Syntax highlight code blocks.
-            //prettyPrint();
-
-            // Spy on scroll position for real-time updating of current section.
-            $('body').scrollspy();
-
-            // Use smooth-scroll for internal links.
-            $('a').smoothScroll();
-
-            // Enable tooltips on the header nav image items.
-            $('.menu').tooltip({
-                placement: 'bottom',
-                trigger: 'hover',
-                container: 'body',
-                delay: {
-                    show: 500,
-                    hide: 0
-                }
-            });
-        });
-    </script>
+    <!-- 右侧浮动广告 -->
+    <!-- <script async src="./static/js/right-float-ad.js"></script> -->
+    <!-- 顶层弹窗广告 -->
+    <!-- <script async src="./static/js/top-layer-pop-ad.js"></script> -->
+    <!--   浮动广告      -->
     <!-- add target attr to all a tag -->
-    <script type="text/javascript">
-        //bind a click
-        var utm_info = "utm_source=androiddevtools&utm_medium=website";
-        $(document).bind('DOMNodeInserted', function(event) {
-            $('a[href^="http"]').each(
-                function() {
-                    if (!$(this).attr('target')) {
-                        $(this).attr('target', '_blank')
-                    }
-                    var url = $(this).attr('href');
-                    if (url.indexOf("androiddevtools.cn") != -1) {
-                        $(this).attr('target', '_self')
-                    } else {
-                        if (url && url.indexOf(utm_info) == -1) {
-                            if (url.indexOf("?") == -1) {
-                                url += '?';
-                            } else {
-                                url += '&';
-                            }
-                            url += utm_info;
-                            $(this).attr('href', url);
-                        }
-                    }
-                }
-            );
-        });
-    </script>
-    <!-- <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5e313f50a3c838b7"></script> -->
+    <script type="text/javascript" async src="./static/js/add-utm-info-to-link.js"> </script>
+    <!-- Recommend Books List -->
+    <!-- <script async src="./static/js/books.js"></script> -->
+    <script src="./static/js/smooth-scroll-to-top.js"></script>
     <script id="goods-toc-item-templ" type="text/x-jquery-tmpl">
         <li>
           <a href="#${category_id}">${category_name}</a>