• 配置：要使用该功能，请开启[[插件：自定义 JS]]

• 什么是JS

  • JS 全称 JavaScript，一种计算机脚本语言，主要bai在web浏览器(客户端)解释执行。JS主要是做界面的.用于客户端也就是浏览器端上执行的脚本开发。Javascript短小精悍， 又是在客户机上执行的，大大提高了网页的浏览速度和交互能力。 同时它又是专门为制作Web网页而量身定做的一种简单的编程语言。

• JS能做什么

  • 可以使网页有动态的效果（特效，如：图片、文字的滚动；层的动态切换，显示及隐藏；对html元素的操作；动态的对html内容修改；动态的修改CSS样式；实现如下拉列表的连动 等等...），可以进行表单的输入验证（如：邮箱、电话、邮编的合法性，输入内容长度及内容验证等）

  • 对于RoamEdit来说，你可以使用JS大幅度提升你的笔记的性能，功能，甚至可以自行开发出RoamEdit目前尚不具备的功能。这在之前的笔记工具中是无法想象的功能，但RoamEdit鼓励你去做！（插件开发手册）

• 查看演示视频{y} 💡

  • {{embed src="https://www.bilibili.com/video/BV1SK4y1S7he"}}

• JS代码分享

  • 原地回缩

  • plugin.userjs.register('outdentAtOrigin', {
        before_nodeView_outdent(nv) {
            nv.$node.nextAll('.node').each(function() {
                this.nv.indent();
            });
        }
    });

  • 日期上显示周几

  • NHook.add({
     after_nodeView_parseOriText(parsing) {
            const nv = this;
            if (nv.data.topic && isDaily(nv.data.topic)) {
                return parsing.replace(nv.data.topic, timekit.format("yyyy-MM-dd, 周w", Date.parse(nv.data.topic)/1000));
            }
        }
    });

  • 屏蔽提及

  • #detail-wrap .outline-wrap > .node-tmp { display: none !important}

  • 屏蔽主题列表中的所有日期主题

  • plugin.userjs.register('listWithoutDaily', {
        before_nodeView_paging(_, list) {
            console.log(list, 'list')
            return {ARGS: [list.filter(item => !isDaily(item.ori))]};
        }
    });

更多有趣的JS代码，可以在论坛的DIY区找到