feat(load): add a load queue

load a javascript load queue
iblh · Jan 19, 2017 · 4cd105e · 4cd105e
1 parent 943ca30
commit 4cd105e
Show file tree

Hide file tree

Showing 5 changed files with 69 additions and 23 deletions.
diff --git a/layout/_partial/config_css.ejs b/layout/_partial/config_css.ejs
@@ -77,13 +77,6 @@
             background-color: #fff;
         }
     </style>
-    <script type="text/javascript">
-        window.onload = function () {
-            setTimeout(function () {
-                document.body.background="https://api.i-meto.com/bing?<%= theme.background.bing.parameter %>";
-            }, 2000);
-        }
-    </script>
 <% } else if(!theme.background.bgimg) { %>
     <style>
         body{

diff --git a/layout/_partial/footer-option.ejs b/layout/_partial/footer-option.ejs
@@ -15,18 +15,20 @@
 <% if(theme.comment.use == "duoshuo") { %>
     <!-- 多说公共 js 代码 start -->
     <script type="text/javascript">
-        var duoshuoQuery = {
-            short_name: '<%= theme.comment.shortname %>'
-        };
-        (function() {
-            var ds = document.createElement('script');
-            ds.type = 'text/javascript';
-            ds.async = true;
-            ds.src = '<%= theme.comment.duoshuo_embed_js_url %>';
-            ds.charset = 'UTF-8';
-            (document.getElementsByTagName('head')[0]
-             || document.getElementsByTagName('body')[0]).appendChild(ds);
-        })();
+        queue.offer(function(){
+            var duoshuoQuery = {
+                short_name: '<%= theme.comment.shortname %>'
+            };
+            (function() {
+                var ds = document.createElement('script');
+                ds.type = 'text/javascript';
+                ds.async = true;
+                ds.src = '<%= theme.comment.duoshuo_embed_js_url %>';
+                ds.charset = 'UTF-8';
+                (document.getElementsByTagName('head')[0]
+                 || document.getElementsByTagName('body')[0]).appendChild(ds);
+            })();
+        });
     </script>
     <!-- 多说公共 js 代码 end -->
 <% } %>

diff --git a/layout/_partial/head.ejs b/layout/_partial/head.ejs
@@ -84,6 +84,7 @@
     <%- css("css/style.min") %>
     <%- partial("_partial/config_css") %>
     <%- js("js/jquery.min") %>
+    <%- js("js/queue") %>
 
     <%- css("css/highlight/" + theme.reading.code_highlight ) %>
 
@@ -119,6 +120,13 @@
     </script>
     <% } %>
 
+    <!-- Bing Background -->
+    <% if(theme.background.bing.enable) { %>
+        <script type="text/javascript">
+            queue.offer(function(){document.body.background="https://api.i-meto.com/bing?<%= theme.background.bing.parameter %>"});
+        </script>
+    <% } %>
+
     <!-- Custom Head -->
     <% if (site.data.head) { %>
         <% for (var i in site.data.head) { %>

diff --git a/layout/_widget/disqus.ejs b/layout/_widget/disqus.ejs
@@ -1,7 +1,6 @@
 <div id="disqus_thread"></div>
 <script>
-    $('html').ready(function() {
-        setTimeout(function() {
+    queue.offer(function() {
             var disqus_config = function () {
                 this.page.url = '<%- config.url + url_for(path) %>';  // Replace PAGE_URL with your page's canonical URL variable
                 this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
@@ -14,6 +13,5 @@
                 s.setAttribute('data-timestamp', + new Date());
                 (d.head || d.body).appendChild(s);
             })();
-        },1500);
-    });
+        });
 </script>
diff --git a/source/js/queue.js b/source/js/queue.js
@@ -0,0 +1,45 @@
+function Queue() {
+    this.dataStore = [];
+    this.offer = offer;
+    this.poll = poll;
+    this.execNext = execNext;
+    this.debug = false;
+    this.startDebug = startDebug;
+
+
+    function offer(element) {
+        if(this.debug) console.log("Offered a Queued Function.");
+        if(typeof element === "function") {
+            this.dataStore.push(element);
+        } else {
+            console.log("You must offer a function.");
+        }
+    }
+
+    function poll() {
+        if(this.debug) console.log("Polled a Queued Function.");
+        return this.dataStore.shift();
+    }
+
+    function execNext() {
+        var nextfunc=this.poll();
+        if(nextfunc != undefined) {
+            if(this.debug) console.log("Run a Queued Function.");
+            nextfunc();
+        }
+    }
+
+    function startDebug(){
+        this.debug = true;
+    }
+
+}
+
+var queue = new Queue();
+$(document).ready(function(){
+    setTimeout(function(){
+        setInterval(function(){
+            queue.execNext();
+        },500);
+    },3000);
+});