美文网首页
marked + highlight.js 引发的卡顿

marked + highlight.js 引发的卡顿

作者: 王善良_ | 来源:发表于2021-04-23 15:21 被阅读0次
    marked.setOptions({
        renderer: new marked.Renderer(),
        highlight: function (code) {
            return hljs.highlightAuto(code).value;
        }
    });
    

    按照文档上的这样子配置后发现,在文档比较长的情况下,会出现卡顿问题,后逐一排查,是这个highlight导致的,使用highlightAuto会自动判断语法格式, 每个字符的输入,都要从180多种语法库里面判断语法类型,搜索对应的高亮方案,非常耗时,
    所以可以提前指定

    highlight: function (code) {
            return hljs.highlight('javascript', code).value;
      },
    

    或者找防抖方案

    相关文章

      网友评论

          本文标题:marked + highlight.js 引发的卡顿

          本文链接:https://www.haomeiwen.com/subject/mricrltx.html