xaoxuu / hexo-theme-stellar

内置文档系统的简约商务风Hexo主题,支持大量的标签组件和动态数据组件。
https://xaoxuu.com/wiki/stellar/
MIT License
1.19k stars 303 forks source link

feat: 评论区视口懒加载 #480

Closed KazariEX closed 1 month ago

KazariEX commented 1 month ago

支持评论区进入视口后懒加载,通过 theme.comments.lazyload 控制,默认关闭,向下兼容。

一些代码风格上的建议

querySelectorAll 查询复数 id,存在 id 重复的元素本身并不合理。

DOMContentLoaded 事件可以使用 type="module"<script> 取代,并且后者不会泄露任何作用域变量至全局。

varlet 混用的问题,不变的常量用 const 定义是最好的,有内存优化。

stackblitz[bot] commented 1 month ago

Review PR in StackBlitz Codeflow Run & review this pull request in StackBlitz Codeflow.

weekdaycare commented 1 month ago

控制台出现报错:Uncaught ReferenceError: util is not defined,评论区无法正常加载

同时对于 const path = el.getAttribute('comment_id'); 应该使用 let path = el.getAttribute('comment_id');const 声明的是常量,初始化后不可再修改 还有 twikoo 的 getElementByIdtwikoo_container 你忘记改了😂