前言 生成目录结构 function getCatalog(className){ let showDom = document.querySelector("."...div class="catalog" v-show="showCatalog"> 目录...showCatalog" @click="showCatalog = true"> JS { data()
前言 早就想给博客文章加个目录了,以前是能力不够,即使看了别人的Demo,也不会搞,现在只要克服懒癌,应该也没啥困难。于是开始搞起。...代码 // 生成两级目录索引列表 function GenerateContentList()...{ var mainContent = $('#mulu'); //在id为mulu的div里面加载目录 var h1_list = $('#yl h1'); var h2_list = $...(h1_list.length>0) { var content = ''; content += ''; content += '目录...其中h1,h2可单独匹配,h3无法单独匹配,简单来说就是文章中只有h3的话目录不会启用。 参考 脚本之家:利用JS生成博文目录及CSS定制博客
发现很多主题的文章页面都有文章导读目录,感觉很有意思,也想给自己的主题加一个。 寻找 有现成的轮子肯定不用重复去造,在主题本来就用了JQuery的情况下,肯定优先使用JQuery的插件。...ChatGPT给推荐了几个: tocbot jquery-tocify.js 然后使用后不能在没有id的h标题里面自动生成锚点id,不能点击滚动,继续寻找。...发现有使用 autoc.js 来实现的,github去找 autoc.js,发现开发者已升级到 outline.js 了,地址为:https://github.com/yaohaixiao/outline.js...> 在sidebar.php想要显示目录的地方上加上id="xa-toc" 在$(document).ready()中加上代码 //如果文章则生成导读
使用步骤 在显示的地方添加下面的代码 添加JS function categoryCreater...each(function(i,item){ if(i==0){ $("#category").append('目录...} $(document).ready(function(){ categoryCreater('main-article-contant'); }); 注意: js
掌握fs同步方法 使用path 在测试代码目录创建目录data,创建文件data/class.js //class .js 文件 module.exports={ fun1:()=>'run fun1...', fun2:()=>'run fun2' } 创建data/fun.js //fun.js module.exports=()=>'function run' 创建文件testNow目录,创建...testName = baseName.replace(extName, `.spec${extName}`) return path.format({ // 目录.../abc/class.js'); // expect(ret).toBe('..../abc/__test__/class.spec.js'); // }) // test('测试 测试代码生成',()=>{ // const src=new (require('..
介绍: autocjs 是一个专门用来生成文章目录(Table of Contents)导航的工具。...autocjs 会查找文章指定区域中的所有 h1~h6 的标签,并自动分析文章的层次结构,生成文章的目录导航(独立的侧边栏菜单,或者在文章的开始处生成文章目录)。...和 CMD 规范; 可以作为独立模块使用,也可以作为 jQuery 插件使用; 支持中文和英文(标题文字); 界面简洁大方; 拥有 AnchorJS 的基础功能; 即支持生成独立文章目录导航菜单...,又可以直接在文章中生成目录导航; 可直接在段落标题上显示段落层级索引值; 配置灵活,丰富,让你随心所欲掌控 AutocJS; 1.在前端引入 <script type="text/javascript" src="https://unpkg.com/autocjs@1.3.0/dist/autoc.min.<em>js</em>
如果你经常浏览github,readme.md中经常会出现目录结构图,这种图怎么来的?其实很简单,使用tree命令即可。 tree生成文件夹目录结构 F:....├─test1 ├─test2 └─test3 tree /f 生成包含文件的目录结构 F:.
1、CMD生成目录树 在 windows 系统中,有一个 CMD 指令可以生成目录树,该条指令是 "tree" 。...2、Python生成目录树 上述 CMD 方式虽然可以生成目录树,但是并不美观,让我们用 Python 实现。...上述程序有一个缺点,就是执行时只能显示程序文件所在目录的目录树结构,想要生成其目录的目录树结构就需要将其拷贝到那个目录执行。...3、其他想法 本来在改进部分还想要生成图片,但是经过一番测试遇到以下问题: 使用 PIL 库把目录树转换为图片:该库在生成图片的时候要指定图片的大小,我们知道目录树结构根据文件夹内容不定长度和高度,所以需要动态计算长度和高度...思路: 可以把目录树的每一行都生成一个图片,最后进行拼接,理论上可行,没有进行测试,有兴趣的可以尝试。----
path1] [/A][/F] > [d:][path2/pro_tree.txt] ↓ ↓ ↓ ↓ ↓ 解读:命令 项目路径 符号 文件 生成的...tree保存到文件 我们按 win+R 键,输入cmd,进入黑窗口,选择进入我们要生成目录树的目录下,输入 tree /F 即可生成具体的文件的目录树,如果只想具体的文件夹,则直接输入tree。
安装node插件 npm global install markdown-toc 2.使用 文件内容 // README.md 文件 # 测试markdown-toc 生成目录 ### 目录1 目录1内容 ### 目录2 目录1内容 ### 目录3 目录1内容 ### 目录4 目录1内容 使用命令 # 在README.md文档中需要生成目录地方添加.../README.md 生成文件 # 测试markdown-toc 生成目录 - [目录1](#%E7%9B%AE%E5%BD%951) - [目录2](#%E7%9B%AE%E5%BD%952) - [目录3](#%E7%9B%AE%E5%BD%953)...-- tocstop --> ### 目录1 目录1内容 ### 目录2 目录1内容 ### 目录3 目录1内容 ### 目录4 目录1内容 如此既可在github上使用目录查看了
方法与步骤 生成有目录的word文档 其实没有目录,只要是存在标题的级联关系即可! 单击开始,另存为,我们选择PDF 在另存为窗口中,我们维护一下文件名称,然后单击选项按钮。...在选项窗口中,包括非打印信息勾选上创建目录时使用。确定之后单击发布按钮
npm 安装项目,我们在 IDE(Eclipse、Atom等) 中打开该目录,结构如下所示: image.png 目录解析 目录/文件 说明 build 项目构建(webpack)相关代码 config...配置目录,包括端口号等。...node_modules npm 加载的项目依赖模块 src 这里是我们要开发的目录,基本上要做的事情都在这个目录里。里面包含了几个目录及文件:assets: 放置一些图片,如logo等。...components: 目录里面放了一个组件文件,可以不用。App.vue: 项目入口文件,我们也可以直接将组件写这里,而不使用 components 目录。main.js: 项目的核心文件。...components: 目录里面放了一个组件文件,可以不用。 App.vue: 项目入口文件,我们也可以直接将组件写这里,而不使用 components 目录。 main.js: 项目的核心文件。
文件目录结构如下图: 代码1.js: 进入test目录: 进入ch目录: 1.js: var fs = require('fs'); var join = require('path').join;
一般情况下,生成算法用计算机网卡的地址和一个60位的timestamp生成,时间是以100ns为时间间隔。...实际项目中只有这句有用 System.out.println (uuid); } } 编译运行输出如:c9d6294f-0c62-453f-8626-68c7b0fc9769 二、JS...生成UUID 如果想在js中使用uuid我们可以使用如下方法生成: /*!...Math.uuid.js (v1.4) http://www.broofa.com mailto:robert@broofa.com Copyright (c) 2010 Robert Kieffer...r : (r&0x3|0x8); return v.toString(16); }); }; })(); 三、JS中生成Guid 全局唯一标识符
alert(getUuid()); function getUuid() { var len = 32;//32长度 var radix = 1...
Responsive TOC 参考文献 配置 首先需要对 _Config.yml 进行配置 markdown: kramdown toc_levels: 1……2 第二个参数是决定 h1 到 h2 的标题都会自动生成..., 可以根据需要自己改 使用 然后在需要添加目录的文章里面添加以下文字 any list {:toc} Extra 可以对 TOC 列表进行一定的美化, 使用最简单的 CSS 即可...#markdown:before { content: "目录"; font-weight: bold; } ul#markdown-toc {
,其他windows的dos命令也是如此 官方解释:Tree是一个递归目录列表程序,它生成一个深度缩进的文件列表。...version number -d, --directory [dir] Please specify a directory to generate structure tree (default:请指定生成结构的目录...Tree-cli是一个递归目录列表程序,它生成文件的深度缩进列表。在没有参数的情况下,tree列出当前目录中的文件。 当给定目录参数时,tree依次列出在给定目录中找到的所有文件和/或目录。...github或者公司的gitlab项目上,你会发现,生成的目录结构并没有如本地的一样,以树状图展示的,而是挤在一块的 非常粗暴的解决办法就是:把目录结构用反引号给包裹起来,对于使用过markdown语法的童鞋来说...,是不会陌生的 介绍到这里:关于使用tree生成目录结构相关的方法就已经介绍完了的,各种方法没有优劣之分,选择一种适合自己的方式就可以了 无论是windows DOS还是git bash中操作,个人觉得都是有必要掌握的
//import(mdPath).then((m)=>{ /* import("@/data/exec/a.js...}) */ that.execInfo = require(`@/data/exec/${temp}.js
1.上一篇博客虽然简单实现了自动处理依赖关系,但是生成的各种临时文件都混在一起,太乱了。...假定我们的源文件放在src目录,头文件放在inc目录,.o文件放在obj目录,.d文件放在dmk目录,Makefile和上述4个目录为同一级别。.../inc D_OBJ = obj D_MK = dmk 2.自动遍历src目录下的所有.c文件 SRC_C = $(wildcard $(D_SRC)/*.c) # wildcard...$(D_SRC)的所有子目录同时把子目录下的.c文件遍历出来 假设src目录中有a.c,b.c,则$(SRC_C) 表示 src/a.c src/b.c 3.生成所有的.o文件依赖和.d文件集合 OBJ_C...5.vpath 自动变量的使用,第一个参数是查找的类型,第二个是查找的目录 vpath %.c src #查找依赖时如果遇到%.c,则自动到src目录下寻找 D_SRC = src D_INC = -I
20/Table-of-contents-using-jQuery.aspx 原文提供了3种样式,但是基本思想都是一样,那就是利用jquery选择器找到文章中的h1,h2,h3标签,修改这个标签的ID并生成对应的锚点链接地址... JS部分 $("#toc").append('In this article:') $("h1, h2, h3").each(function(i) { var current =...20%20i%20+%20%22" title='" + current.attr("tagName") + "'>" + current.html() + ""); }); JS
领取专属 10元无门槛券
手把手带您无忧上云