首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏码客

    JS生成HTML的目录

    前言 生成目录结构 function getCatalog(className){ let showDom = document.querySelector("." div class="catalog" v-show="showCatalog">

    目录 showCatalog" @click="showCatalog = true"> <Icon type="md-arrow-round-back" />
    JS { data()

    2.1K10编辑于 2024-03-29
  • 来自专栏泽泽社

    js为博客文章自动生成目录

    前言 早就想给博客文章加个目录了,以前是能力不够,即使看了别人的Demo,也不会搞,现在只要克服懒癌,应该也没啥困难。于是开始搞起。 代码 <script language="javascript" type="text/javascript">// 生成两级目录索引列表 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定制博客

    1.6K40编辑于 2023-04-17
  • 来自专栏偷得浮生半日闲

    主题通过outline.js生成文章目录

    发现很多主题的文章页面都有文章导读目录,感觉很有意思,也想给自己的主题加一个。 寻找 有现成的轮子肯定不用重复去造,在主题本来就用了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" <! text-gray-400">
    在$(document).ready()中加上代码 //如果文章则生成导读

    29310编辑于 2024-07-22
  • 来自专栏js笔记

    自动生成__test__目录和index.spec.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('..

    1.3K10编辑于 2022-10-25
  • 来自专栏码客

    Jekyll目录生成

    使用步骤 在显示的地方添加下面的代码

    添加JS <script type="text/javascript"> function categoryCreater each(function(i,item){ if(i==0){ $("#category").append('
  • 目录 } $(document).ready(function(){ categoryCreater('main-article-contant'); }); </script> 注意: js

75720发布于 2019-10-22
  • 来自专栏程序员同行者

    使用autoc js生成文章目录(侧边)导航栏

    介绍: autocjs 是一个专门用来生成文章目录(Table of Contents)导航的工具。 autocjs 会查找文章指定区域中的所有 h1~h6 的标签,并自动分析文章的层次结构,生成文章的目录导航(独立的侧边栏菜单,或者在文章的开始处生成文章目录)。 和 CMD 规范; 可以作为独立模块使用,也可以作为 jQuery 插件使用; 支持中文和英文(标题文字); 界面简洁大方; 拥有 AnchorJS 的基础功能; 即支持生成独立文章目录导航菜单 ,又可以直接在文章中生成目录导航; 可直接在段落标题上显示段落层级索引值; 配置灵活,丰富,让你随心所欲掌控 AutocJS; 1.在前端引入 <link rel="stylesheet /autoc.min.css"> <script type="text/javascript" src="https://unpkg.com/autocjs@1.3.0/dist/autoc.min.<em>js</em>

    5K20发布于 2018-06-22
  • 来自专栏开发杂记

    生成项目目录结构

    如果你经常浏览github,readme.md中经常会出现目录结构图,这种图怎么来的?其实很简单,使用tree命令即可。 tree生成文件夹目录结构 F:. ├─test1 ├─test2 └─test3 tree /f 生成包含文件的目录结构 F:.

    2.2K30发布于 2019-08-09
  • 来自专栏Java那些事儿

    生成项目目录

    path1] [/A][/F] > [d:][path2/pro_tree.txt] ​ ↓ ↓ ↓ ↓ ↓ 解读:命令 项目路径 符号 文件 生成的 tree保存到文件 我们按 win+R 键,输入cmd,进入黑窗口,选择进入我们要生成目录树的目录下,输入 tree /F 即可生成具体的文件的目录树,如果只想具体的文件夹,则直接输入tree。

    2.7K30发布于 2020-07-21
  • 来自专栏Python爬虫实战

    Python生成目录

    1、CMD生成目录树 在 windows 系统中,有一个 CMD 指令可以生成目录树,该条指令是 "tree" 。 2、Python生成目录树 上述 CMD 方式虽然可以生成目录树,但是并不美观,让我们用 Python 实现。 上述程序有一个缺点,就是执行时只能显示程序文件所在目录目录树结构,想要生成目录目录树结构就需要将其拷贝到那个目录执行。 3、其他想法 本来在改进部分还想要生成图片,但是经过一番测试遇到以下问题: 使用 PIL 库把目录树转换为图片:该库在生成图片的时候要指定图片的大小,我们知道目录树结构根据文件夹内容不定长度和高度,所以需要动态计算长度和高度 思路: 可以把目录树的每一行都生成一个图片,最后进行拼接,理论上可行,没有进行测试,有兴趣的可以尝试。----

    5.8K20发布于 2018-08-09
  • 来自专栏Angular&服务

    markdown文档生成快捷目录

    安装node插件 npm global install markdown-toc 2.使用 文件内容 // README.md 文件 # 测试markdown-toc 生成目录 <! -- toc --> ### 目录1 目录1内容 ### 目录2 目录1内容 ### 目录3 目录1内容 ### 目录4 目录1内容 使用命令 # 在README.md文档中需要生成目录地方添加 /README.md 生成文件 # 测试markdown-toc 生成目录 <! -- 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上使用目录查看了

    2.2K40发布于 2019-06-14
  • 来自专栏ops技术分享

    Vue.js 目录结构

    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.4K20发布于 2021-07-27
  • 来自专栏人工智能与演化计算成长与进阶

    生成目录的pdf

    方法与步骤 生成目录的word文档 其实没有目录,只要是存在标题的级联关系即可! 单击开始,另存为,我们选择PDF 在另存为窗口中,我们维护一下文件名称,然后单击选项按钮。 在选项窗口中,包括非打印信息勾选上创建目录时使用。确定之后单击发布按钮

    1.5K20发布于 2020-08-14
  • Vue.js 目录结构

    上一章节中我们使用了 npm 安装项目,我们在 IDE(Eclipse、Atom等) 中打开该目录,结构如下所示: 目录解析 目录/文件 说明 build 项目构建(webpack)相关代码 config 配置目录,包括端口号等。 node_modules npm 加载的项目依赖模块 src 这里是我们要开发的目录,基本上要做的事情都在这个目录里。里面包含了几个目录及文件: assets: 放置一些图片,如logo等。 components: 目录里面放了一个组件文件,可以不用。App.vue: 项目入口文件,我们也可以直接将组件写这里,而不使用 components 目录。main.js: 项目的核心文件。 components: 目录里面放了一个组件文件,可以不用。 App.vue: 项目入口文件,我们也可以直接将组件写这里,而不使用 components 目录。 main.js: 项目的核心文件。

    24210编辑于 2025-12-16
  • 来自专栏acoolgiser_zhuanlan

    node.js 读取文件目录下的所有文件,JS读取文件目录

     文件目录结构如下图: 代码1.js: 进入test目录: 进入ch目录: 1.js: var fs = require('fs'); var join = require('path').join;

    16.4K30发布于 2019-01-17
  • 来自专栏pangguoming

    JS生成UUID

    一般情况下,生成算法用计算机网卡的地址和一个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 全局唯一标识符

    16.3K81发布于 2018-03-09
  • 来自专栏毛毛v5

    js require 动态加载 变量目录js数据。

    //import(mdPath).then((m)=>{ /* import("@/data/exec/a.js }) */ that.execInfo = require(`@/data/exec/${temp}.js

    11.5K30编辑于 2022-09-23
  • 来自专栏itclanCoder

    使用tree生成目录树结构

    ,其他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中操作,个人觉得都是有必要掌握的

    3.9K20发布于 2020-10-28
  • 来自专栏szhshp 的第四边境中转站

    Jekyll x kramdown TOC 目录生成

    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 {

    41830编辑于 2022-09-21
  • 来自专栏小语雀网

    JS生成GUID

    alert(getUuid()); function getUuid() { var len = 32;//32长度 var radix = 16;//16进制 var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split(''); var uuid = [], i; radix = radix || chars.length; if (len) {

    6.9K20编辑于 2022-05-06
  • 来自专栏大前端(横向跨端 & 纵向全栈)

    原生JS实现目录滚动特效

    分享一个用原生JS实现的文字滚动效果,这种效果通常用在网页中一些局部展示信息,如新闻、动态、充值记录等,效果如下: ? 实现代码如下: <! html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>原生JS 实现目录滚动特效</title> <style> body { font-size: 12px; line-height: 24px

    37.3K20发布于 2020-11-26
  • 领券