From 88d79dfe1cbeeb39fe04fa2cf1386cc6a5bc0b7d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8A=B1=E8=A3=A4=E8=A1=A9?= <panfree23@gmail.com>
Date: Fri, 29 Nov 2019 10:25:49 +0800
Subject: [PATCH] perf: change codefund

---
 src/components/AD/index.vue |  8 +++----
 src/components/AD/load.js   | 42 +++++++++++++++++++++++++++++++++++++
 2 files changed, 45 insertions(+), 5 deletions(-)
 create mode 100644 src/components/AD/load.js

diff --git a/src/components/AD/index.vue b/src/components/AD/index.vue
index 2aa85c3..c8e2878 100644
--- a/src/components/AD/index.vue
+++ b/src/components/AD/index.vue
@@ -3,7 +3,8 @@
 </template>
 
 <script>
-import axios from 'axios'
+import load from './load'
+
 export default {
   data() {
     return {
@@ -27,10 +28,7 @@ export default {
         ? '165'
         : '164'
       const template = 'horizontal'
-      axios.get(`https://codefund.io/properties/${codefundId}/funder.html?template=${template}`)
-        .then(function(response) {
-          document.getElementById('codefund').innerHTML = response.data
-        })
+      load(`https://app.codefund.io/properties/${codefundId}/funder.js?template=${template}`)
     },
     isGitee() {
       const origin = window.location.origin
diff --git a/src/components/AD/load.js b/src/components/AD/load.js
new file mode 100644
index 0000000..3830bed
--- /dev/null
+++ b/src/components/AD/load.js
@@ -0,0 +1,42 @@
+let callbacks = []
+
+const dynamicLoadScript = (src, callback) => {
+  const cb = callback || function() {}
+
+  const script = document.createElement('script')
+  script.src = src // src url for the third-party library being loaded.
+  script.id = src
+  document.body.appendChild(script)
+  callbacks.push(cb)
+  const onEnd = 'onload' in script ? stdOnEnd : ieOnEnd
+  onEnd(script)
+
+  function stdOnEnd(script) {
+    script.onload = function() {
+      // this.onload = null here is necessary
+      // because even IE9 works not like others
+      this.onerror = this.onload = null
+      for (const cb of callbacks) {
+        cb(null, script)
+      }
+      callbacks = null
+    }
+    script.onerror = function() {
+      this.onerror = this.onload = null
+      cb(new Error('Failed to load ' + src), script)
+    }
+  }
+
+  function ieOnEnd(script) {
+    script.onreadystatechange = function() {
+      if (this.readyState !== 'complete' && this.readyState !== 'loaded') return
+      this.onreadystatechange = null
+      for (const cb of callbacks) {
+        cb(null, script) // there is no way to catch loading errors in IE8
+      }
+      callbacks = null
+    }
+  }
+}
+
+export default dynamicLoadScript