🎈 perf: pwa性能优化；

ryanuo · Jul 12, 2022 · 61bbbaa · 61bbbaa
1 parent 056f467
commit 61bbbaa
Show file tree

Hide file tree

Showing 30 changed files with 331 additions and 622 deletions.
diff --git a/README.md b/README.md
@@ -3,8 +3,8 @@
  * @Date: 2022-04-20 20:37:06
  * @LastEditors: harry
  * @Github: https://github.com/rr210
- * @LastEditTime: 2022-07-08 23:05:24
- * @FilePath: \master\README.md
+ * @LastEditTime: 2022-07-12 16:59:52
+ * @FilePath: \dev\README.md
 -->
 <a href="https://b2.mr90.top/" >
 <img width="100" align="right" alt="blazeB2" src="https://cloud.mr90.top/hexo/4/16533db7-b477-46ec-bbf8-44ae848bc771.png">
@@ -35,7 +35,7 @@
 - 支持 **显示仓库下所有文件夹名称** 支持自定义默认搜索仓库名
 - 支持 **暗夜模式** (自由切换 / 自动切换)
 - 支持 **图片压缩** 可自定义压缩等级 默认关闭，开启默认(**0.8**)
-- 支持 **PWA**  待完成
+- 支持 **PWA**
 - 支持 **批量上传图片**、**批量删除图片** 和 **批量复制图片外链** 待完成
 - 支持 **图片水印** 待完成
 

diff --git a/deploys/vercel-api/api/static/index.html b/deploys/vercel-api/api/static/index.html
@@ -1,43 +1,76 @@
+<!--
+ * @Author: Harry
+ * @Date: 2022-07-11 09:46:39
+ * @LastEditors: harry
+ * @Github: https://github.com/rr210
+ * @LastEditTime: 2022-07-12 22:37:49
+ * @FilePath: \dev\public\index.html
+-->
 <!DOCTYPE html>
 <html lang="">
   <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <!--[if IE]><link rel="icon" href="favicon.ico"><![endif]-->
+    <link rel="icon" href="favicon.ico">
     <link
       rel="stylesheet"
       href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
       />
+
+      <link href="https://cdn.bootcdn.net/ajax/libs/element-ui/2.15.6/theme-chalk/index.min.css" rel="preload"
+      as="style" />
+      <link href="https://cdn.bootcdn.net/ajax/libs/element-ui/2.15.6/theme-chalk/index.min.css" rel="stylesheet"
+      />
 
-        <link href="https://cdn.bootcdn.net/ajax/libs/element-ui/2.15.6/theme-chalk/index.min.css" rel="preload" as="style" />
-        <link href="https://cdn.bootcdn.net/ajax/libs/element-ui/2.15.6/theme-chalk/index.min.css" rel="stylesheet" />
-
-        <link href="https://cdn.bootcdn.net/ajax/libs/nprogress/0.2.0/nprogress.min.css" rel="preload" as="style" />
-        <link href="https://cdn.bootcdn.net/ajax/libs/nprogress/0.2.0/nprogress.min.css" rel="stylesheet" />
+      <link href="https://cdn.bootcdn.net/ajax/libs/nprogress/0.2.0/nprogress.min.css" rel="preload"
+      as="style" />
+      <link href="https://cdn.bootcdn.net/ajax/libs/nprogress/0.2.0/nprogress.min.css" rel="stylesheet"
+      />
 
-    <title>BlazeB2图床 @Harry</title>
-    <link href="css/1.5c520653.css" rel="prefetch"><link href="css/2.e1fea58b.css" rel="prefetch"><link href="css/3.11eaddb6.css" rel="prefetch"><link href="css/4.4e2a2e7d.css" rel="prefetch"><link href="css/5.fb1efea4.css" rel="prefetch"><link href="js/0.js" rel="prefetch"><link href="js/1.js" rel="prefetch"><link href="js/2.js" rel="prefetch"><link href="js/3.js" rel="prefetch"><link href="js/4.js" rel="prefetch"><link href="js/5.js" rel="prefetch"><link href="js/6.js" rel="prefetch"><link href="css/app.4e367524.css" rel="preload" as="style"><link href="js/app.js" rel="preload" as="script"><link href="js/chunk-vendors.js" rel="preload" as="script"><link href="css/app.4e367524.css" rel="stylesheet"><link rel="icon" type="image/png" sizes="32x32" href="img/icons/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="img/icons/logo-16x16.png"><link rel="manifest" href="manifest.json"><meta name="theme-color" content="#4DBA87"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><meta name="apple-mobile-web-app-title" content="BlazeB2 图床"><link rel="apple-touch-icon" href="img/icons/apple-touch-icon-152x152.png"><link rel="mask-icon" href="img/icons/safari-pinned-tab.svg" color="#4DBA87"><meta name="msapplication-TileImage" content="img/icons/msapplication-icon-144x144.png"><meta name="msapplication-TileColor" content="#000000"></head>
-    <body>
-      <noscript>
-        <strong>We're sorry but BlazeB2图床 @Harry doesn't
-            work properly without JavaScript enabled. Please enable it to
-            continue.</strong>
-        </noscript>
-        <div id="app"></div>
-        <!-- built files will be auto injected -->
-
-          <script src="https://cdn.staticfile.org/vue/2.6.11/vue.min.js"></script>
-
-          <script src="https://cdn.staticfile.org/vue-router/3.2.0/vue-router.min.js"></script>
-
-          <script src="https://cdn.staticfile.org/axios/0.27.2/axios.min.js"></script>
-
-          <script src="https://cdn.bootcdn.net/ajax/libs/element-ui/2.15.6/index.min.js"></script>
-
-          <script src="https://cdn.bootcdn.net/ajax/libs/nprogress/0.2.0/nprogress.min.js"></script>
-
-          <script src="https://cdn.bootcdn.net/ajax/libs/vue-clipboard2/0.3.3/vue-clipboard.min.js"></script>
-
-      <script type="text/javascript" src="js/chunk-vendors.js"></script><script type="text/javascript" src="js/app.js"></script></body>
-    </html>
+        <link rel="icon" type="image/png" sizes="32x32"
+          href="img/icons/favicon-32x32.png"><link rel="icon" type="image/png"
+          sizes="16x16" href="img/icons/logo-16x16.png"><link rel="manifest"
+          href="manifest.json"><meta name="theme-color" content="#4DBA87"><meta
+          name="apple-mobile-web-app-capable" content="yes"><meta
+          name="apple-mobile-web-app-status-bar-style" content="black"><meta
+          name="apple-mobile-web-app-title" content="BlazeB2 图床"><link
+          rel="apple-touch-icon" href="img/icons/apple-touch-icon-152x152.png"><link
+          rel="mask-icon" href="img/icons/safari-pinned-tab.svg"
+          color="#4DBA87"><meta name="msapplication-TileImage"
+          content="img/icons/msapplication-icon-144x144.png"><meta
+          name="msapplication-TileColor" content="#000000">
+        <title>BlazeB2图床 @Harry</title>
+        <link href="css/1.5c520653.css" rel="prefetch"><link href="css/2.e1fea58b.css" rel="prefetch"><link href="css/3.11eaddb6.css" rel="prefetch"><link href="css/4.4e2a2e7d.css" rel="prefetch"><link href="css/5.fb1efea4.css" rel="prefetch"><link href="js/0.js" rel="prefetch"><link href="js/1.js" rel="prefetch"><link href="js/2.js" rel="prefetch"><link href="js/3.js" rel="prefetch"><link href="js/4.js" rel="prefetch"><link href="js/5.js" rel="prefetch"><link href="js/6.js" rel="prefetch"><link href="css/app.4e367524.css" rel="preload" as="style"><link href="js/app.js" rel="preload" as="script"><link href="js/chunk-vendors.js" rel="preload" as="script"><link href="css/app.4e367524.css" rel="stylesheet"></head>
+        <body>
+          <noscript>
+            <strong>We're sorry but BlazeB2图床 @Harry
+                doesn't
+                work properly without JavaScript enabled. Please enable it to
+                continue.</strong>
+            </noscript>
+            <div id="app"></div>
+            <!-- built files will be auto injected -->
+
+              <script src="https://cdn.staticfile.org/vue/2.6.11/vue.min.js"></script>
+
+              <script src="https://cdn.staticfile.org/vue-router/3.2.0/vue-router.min.js"></script>
+
+              <script src="https://cdn.staticfile.org/axios/0.27.2/axios.min.js"></script>
+
+              <script src="https://cdn.bootcdn.net/ajax/libs/element-ui/2.15.6/index.min.js"></script>
+
+              <script src="https://cdn.bootcdn.net/ajax/libs/nprogress/0.2.0/nprogress.min.js"></script>
+
+              <script src="https://cdn.bootcdn.net/ajax/libs/vue-clipboard2/0.3.3/vue-clipboard.min.js"></script>
+
+                <script>
+          if ('serviceWorker' in navigator) {
+  window.addEventListener('load', () => {
+    navigator.serviceWorker.register('/sw.js')
+  })
+}
+
+        </script>
+              <script type="text/javascript" src="js/chunk-vendors.js"></script><script type="text/javascript" src="js/app.js"></script></body>
+            </html>