From b331529a0e508b04b2d7db6ce989bc7f6a5a098f Mon Sep 17 00:00:00 2001
From: XPoet <i@xpoet.cn>
Date: Fri, 20 Nov 2020 14:41:03 +0800
Subject: [PATCH] perf: init home page height && article block display

---
 layout/_partial/home-article-meta-info.ejs |  2 +-
 source/js/utils.js                         | 24 ++++++++++++----------
 2 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/layout/_partial/home-article-meta-info.ejs b/layout/_partial/home-article-meta-info.ejs
index bac6bff..a9bf9b2 100644
--- a/layout/_partial/home-article-meta-info.ejs
+++ b/layout/_partial/home-article-meta-info.ejs
@@ -1,6 +1,6 @@
 <div class="home-article-meta-info-container">
     <div class="home-article-meta-info">
-        <span><i class="fa fa-pencil-square-o"></i> <%- moment(post.date, Date.now()).locale(config.language).fromNow() %></span>
+        <span><i class="fa fa-pencil-square-o"></i> <%- moment(post.updated, Date.now()).locale(config.language).fromNow() %></span>
         <% if (post.categories.length && theme.home_article.category.enable === true) { %>
             <span class="home-article-category"><i class="fa fa-folder"></i>
                 <ul>
diff --git a/source/js/utils.js b/source/js/utils.js
index 5ee44d0..47f1080 100644
--- a/source/js/utils.js
+++ b/source/js/utils.js
@@ -25,6 +25,7 @@ KEEP.utils = {
 
   headerProgress_dom: document.querySelector('.header-progress'),
   pageTop_dom: document.querySelector('.page-main-content-top'),
+  firstScreen_dom: document.querySelector('.first-screen-container'),
 
   // Scroll Style Handle
   prevScrollValue: 0,
@@ -125,25 +126,26 @@ KEEP.utils = {
 
   },
 
-  // init first screen height
-  initFirstScreenHeight() {
-    const firstScreenDom = document.querySelector('.first-screen-container');
-    firstScreenDom && (firstScreenDom.style.height = window.innerHeight + 'px');
-  },
-
   // get dom element height
   getElementHeight(selectors) {
     const dom = document.querySelector(selectors);
     return dom ? dom.getBoundingClientRect().height : 0;
   },
 
+  // init first screen height
+  initFirstScreenHeight() {
+    this.firstScreen_dom && (this.firstScreen_dom.style.height = window.innerHeight + 'px');
+  },
+
   // init page height handle
   initPageHeightHandle() {
-    const h1 = this.getElementHeight('.header-progress');
-    const h2 = this.getElementHeight('.page-main-content-top');
-    const h3 = this.getElementHeight('.page-main-content-middle');
-    const h4 = this.getElementHeight('.page-main-content-bottom');
-    const allDomHeight = h1 + h2 + h3 + h4;
+    if (this.firstScreen_dom) return;
+
+    const temp_h1 = this.getElementHeight('.header-progress');
+    const temp_h2 = this.getElementHeight('.page-main-content-top');
+    const temp_h3 = this.getElementHeight('.page-main-content-middle');
+    const temp_h4 = this.getElementHeight('.page-main-content-bottom');
+    const allDomHeight = temp_h1 + temp_h2 + temp_h3 + temp_h4;
     const innerHeight = window.innerHeight;
     const pb_dom = document.querySelector('.page-main-content-bottom');
     if (allDomHeight < innerHeight) {