做博客評論系統的一些總結

評論記錄按列表存儲.每一條評論記錄保留對父級評論id 的引用.
(而不是用樹形結構來表示)
這樣可以同時優化前端 UI 展示以及數據結構的設計.

<span v-if="item.parent !== 0" >回復 {{idToContentMap[item.parent] !== undefined ? idToContentMap[item.parent]['author_name'] : ''}}</span> 說:

mustache 模板引擎和 v-if 指令似乎是分開解析的,并沒有一個類似 promise 的東西來保證 v-if 為 false 時,跳過{{expression}}里 expression 的執行.

      this.commentList.forEach(v => {
        this.$set(this.idToContentMap, v.id, {
          'author_name': v['author_name'],
          'content': v['content'].rendered
        })
      })

在初始化數據時對數據進行格式化處理,可以提高網頁性能.避免在渲染模板時不斷的循環查詢數據.

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,869評論 18 139
  • 官方中文版原文鏈接 感謝社區中各位的大力支持,譯者再次奉上一點點福利:阿里云產品券,享受所有官網優惠,并抽取幸運大...
    HetfieldJoe閱讀 8,696評論 0 29
  • 悠悠的綠皮火車不慌不忙,行駛在既定的軌道上。即使驛站就在眼前,也不會欣喜急奔,提前到達。 晨4:5...
    海珍H閱讀 235評論 2 4
  • 晚,27歲,從頭上揪出一根白發。
    睡覺美容閱讀 72評論 0 0
  • 綠野: 還記得嗎?這是你曾用過的筆名。寫給你的第一封信心血來潮想這般稱呼你。初中那會兒真流行交筆友和寫信啊,各式各...
    雅扣兒閱讀 441評論 0 0