文章目录导航

个人博客网站文章添加目录导航 关于网页文章添加目录预览的介绍与实现 阅读详情

前言

由于写的文章已经是有点多了,为了自己和大家的检索方便,于是我就做了这么一个博客导航。

由于更新比较频繁,因此隔一段时间才会更新目录导航哦~想要获取最新原创的技术文章欢迎关注我的公众号:Java3y

为了大家方便,刚新建了一下qq群:742919422,大家可以去交流交流。目前入群设置了两块钱(为了营造更好的学习氛围)


Java基础

HTTP+JSON+XML

Servlet+Tomcat

JSP

监听器和过滤器

数据库

JDBC

Web前端

AJAX

JavaWeb小项目

工具使用

Hibernate

Struts2

Mybatis

Spring

SSM

SSH

数据结构与算法

Java EE常用框架

640?wx_fmt=png

关注公众号:Java3y推送最新的原创技术文章

640?wx_fmt=jpeg

加入qq群一起交流技术

640?wx_fmt=png


纯js实现文章导航目录 我们经常看到一些内容较多的文章都有一个目录导航,点击导航会跳转到响应的位置,页面滚动时相应位置的导航也会呈现选中状态非常的方便,这里使用js做一个简单的实现 实现思路 为文章中的标题标签h1、h2添加不同的id(举例只取h1、h2其他同理) 正则获取文章内容中的h1、h2标签 使用将获取到的标签转换成li、a标签,id转换为href属性 将转换后的标签插入需要显示目录的位置 编写监测页面滚动监听... 阅读详情

相关推荐

java视频种子(超多30G)

全是学习的视频,2010传智播客struts2.1.8视频教程,张孝祥Java基础加强,还有面试题

java3y_Java3y的JAVA入门学习路线

JAVA是个啥?我在学校期间学校把JAVA的课程叫做面向对象编程,弱鸡的我还挂了一次重修才过。以我男理工的实力以课程名就可以看出JAVA的核心思想就是面向对象。一般来说JAVA被称作面向对象编程语言,继承了C艹的诸多优点,摒弃了其中难以理解的指针和多继承。传言在很久很久以前有一个JAVA小岛,盛产咖啡,咖啡也被称作是JAVA,而JAVA语言就是诞生于此,喝杯JAVA压压惊,哈哈。为什么要学习JAV...

weixin_33765593的博客 669

javaee笔试题-Java3Y-Study:学习

java ee笔试题 :sparkling_heart:说明 :hot_beverage:Java基础 :open_book:Java容器 :memo:多线程 :skis:设计模式 :guitar:HTTP+JSON+XML :dollar_banknote:Servlet+Tomcat :ledger:JSP :microscope:监听器和过滤器 :ring:数据库 :t-shirt:JDBC :ribbon:AJAX :cooked_rice:JavaWeb小项目 :steaming_bowl:工具使用 :hamburger:Hibernate :page_facing_up:Struts2 :memo:Mybatis :fish_cake_with_swirl:Spring :lollipop:SSM :jack-o-lantern:SSH :heart_with_ribbon:数据结构与算法 :pine_decoration:Java EE常用框架 :television:Redis :ghost:ZooKeeper :computer_disk:消息队列 :carp_streamer:分布式 :lollipop:TensorFlow :person_bowing:Web前端 :artist_palette:Linux               :file_folder:操作系统 :top_hat:计算机网络 :clipboard:基础 :egg:项目/框架/中间件 :file_folder:工具使用 :skis:数据库 :dollar_banknote:大数据+机器学习 :top_hat:数据结构+算法

探索Java编程的新境界:`Java3y`项目详解

探索Java编程的新境界:Java3y项目详解 去发现同类优质开源项目:https://gitcode.com/ 在编程的世界里,Java始终占据着重要的地位,尤其对于初学者和职业开发者来说,它是一款强大且易上手的工具。今天,我们要向大家推荐一个名为Java3y的开源项目(),这是一个精心设计的Java学习资源库,旨在帮助开发者提升Java技能,无论你是新手还是老手。 项目简介 Java3y是一个...

gitblog_00044的博客 506

jav.rar_JAV301_JAV388_JAV第8页_jav674_javclass.com

一些关于java程序的小练习。小型的程序。

Java3y.zip

Java3y.zip

Java3y文章目录导航

前言 由于写的文章已经是有点多了,为了自己和大家的检索方便,于是我就做了这么一个博客导航。 由于更新比较频繁,因此隔一段时间才会更新目录导航哦~想要获取最新原创的技术文章欢迎关注我的公众号:Java3y Java基础 泛型就这么简单 注解就这么简单 Druid数据库连接池就是这么简单 ThreadLocal就是这么简单 HTTP+JSON+XML HTTP就是这么简单 HTTP常见面试题 XML就...

weixin_33814685的博客 961

已过tiktok校招客户端,面经分享

面试的话, 一天面完3面, 效率很高, 三天之后就发了offer 字节邮件里面也说了不能泄露面试题, 那我就把我秋招参与美团,字节,腾讯,阿里面试被问到的全部问题总结着写出来了, 这其实是我每一轮面试完之后我都会总结哪里答对了, 哪里没有答对, 总结了一大堆问题出来. 答案未必正确, 我只是给自己写了个简单的一句话概括, 可能不够完善, 建议看官自行回答一下这些问题 二本非科班, 暑假在字节实习过, 不过不是tiktok部门, 因此秋招就没啥时间准备面试了, 只投了几个大厂, 顺便也在字节跨部门转正,

a1472750149的博客 1307

关于WPS目录导航以及文章章节导航显示BUG解决方案

由于工作需要写更新一篇文章,导航和文章章节目录出现了问题,总是显示不全。 查阅了各种各样的资料都没有一个解决办法,都是关于目录导航栏的问题以及解决方案,后来自己摸索出了解决办法,现在将这个办法分享给大家。 首先是导航目录不显示问题 这个时候,点击菜单栏的的视图,如下图 然后可以看到有一个导航窗格,我们点击它就可以选择目录导航的显示位置了。 然后就是我的文章里有一个章节导航,总是显示不出我所有的...

一个只有绵薄之力的老年人 2万+

Qt + Robot Interface实现上位机和发那科机器人通信

摘要: 本文详细介绍了FANUC机器人的RobotInterface模块开发流程,包括环境配置、通信连接和上位机开发等内容,并提供了数值寄存器、位置寄存器和当前位置的读写代码等示例。适用于自动化行业有通讯需求的上位机开发人员,保姆教程,超详细版,新手也可以根据示例开发自己的通信程序。

xyhkma的博客 1750

从DeepMimic到虚拟偶像:用动作捕捉数据训练AI跳舞的完整流程(附Blender插件配置)

本文详细介绍了如何利用DeepMimic的深度强化学习框架,将动作捕捉数据转化为虚拟偶像或游戏角色的舞蹈动作。从核心的模仿学习理念、PyBullet环境搭建、策略网络与奖励函数设计,到数据处理、训练技巧(如参考状态初始化),最后讲解了如何将训练好的AI模型集成到Blender和Unity等工具中,实现从数据到实时驱动角色的完整流程。

weixin_29054399的博客 504

博客园文章自动生成导航目录

文章如果比较长的话,子标题很难找,文章结构没法一目了然,如果有一个导航目录靠在边栏就好了 看了很多园子里其他的文章,js和css挺长的,怕用不好,干脆自己尝试写一个 一、要实现的功能 1、自动生成 不限定某几个h标签,最好h1-h6都可以支持 2、靠在侧边栏 我的边栏内容比较少,我就把导航目录直接加在边栏下面了,这样会和原先的风格结构比较搭,如果边栏内容比较多的,可能要...

800

手把手教你用CANape调试XCP安全会话:DLL权限管理+四种加密模式实战演示

本文详细介绍了如何使用CANape调试XCP安全会话,重点解析了DLL权限管理的实现与配置方法,并通过实战演示了标定页切换、DAQ测量、STIM旁路和PGM刷写四种典型加密模式的操作流程与调试技巧,帮助工程师深入理解并掌握XCP安全访问机制。

smartcontract5的博客 562

从零开始建站(五) - 文章导航目录

概要: 网站建好后,总感觉阅读文章的时候,如果文章内容很多的时候,就给读者一种杂乱无章的感觉,结合PDF、Word大纲视图、百度百科等等,我觉得是时候也搞一个文章导航目录了,这样阅读的时候就能对文章整体有各大致了解,同时第一时间也可以直接通过锚点定位到自己要阅读的位置的东西。 一、应用 这里列举几个使用文章导航目录的地方: 1.百度百科 可以看到下面百度百科为了使结构清晰,所以使用了2个...

记录生活的点滴 909

OpenBCI脑电数据处理实战:用MNE库从Raw对象到可视化分析全流程

本文提供了使用MNE-Python库处理OpenBCI脑电数据的完整实战指南。从通过BrainFlow库获取原始数据流、创建核心的Raw对象,到进行工频滤波、带通滤波等关键预处理步骤,最后实现时域信号、功率谱密度及地形图等多种专业可视化分析,手把手教你完成脑机接口数据处理的全流程。

gin88的博客 369

Surface Go 2 变身 Linux 开发本:保姆级 Ubuntu 20.04 双系统安装与驱动配置全攻略

本文详细介绍了如何将 Surface Go 2 变身为高效的 Linux 开发本,涵盖 Ubuntu 20.04 双系统安装、专用内核配置、驱动优化等全流程。通过 linux-surface 内核安装和硬件驱动优化,确保 Surface Go 2 的触控、笔输入、摄像头等功能完美运行,适合开发者打造便携生产力工具。

weixin_30596165的博客 616

php正则给文章加个导航目录

可能有很多童鞋对目录导航感兴趣,点击上面的目录文字可以快速跳转到相关内容,适合长文章或者有特殊需求的文章使用。通过正则表达式,自动文章内容提取带有H2标签的文字为目录索引 把文章内容里的h2标签里的文字拿出来做导航目录 $str = '<h2 class="archt"> <strong>我是里面的内容</strong></h2><h2 ...

zhang01457的博客 497

Nginx配置Cookie安全属性:HttpOnly、Secure、SameSite实战指南

Cookie是Web应用中维持用户状态的核心机制,其安全配置直接关系到会话管理与身份认证的可靠性。从原理上讲,HttpOnly属性可防止XSS攻击窃取Cookie,Secure属性确保Cookie仅在HTTPS加密连接中传输,而SameSite属性则用于控制跨站请求时Cookie的发送行为,能有效防御CSRF攻击。这些安全属性的技术价值在于构建纵深防御体系,提升应用的整体安全性。在现代浏览器(如Chrome 80+)默认将未明确声明的Cookie视为SameSite=Lax的背景下,正确配置这些属性变得尤为

weixin_33783283的博客 321

AutocJS – 为你的文章自动创建目录导航菜单

灵感AnchorJS 是 AutocJS 的创作灵感。既然 AnchorJS 可创建标题的链接,为什么不直接给文章生成一个目录(Table of Contents)导航呢? 于是就有了 AutocJS。What is AutocJS?AutocJS 是一个专门用来生成文章目录(Table of Contents)导航的工具。AutocJS 会查找文章指定区域中的所有 h1~h6 的标签,并自动分析文

Dragon.G 2519

大模型之Spring AI实战系列(二十六):Spring Boot + DeepSeek 实战指南:构建AI聊天应用

在人工智能技术飞速发展的今天,大型语言模型已经成为了推动技术创新的重要力量。DeepSeek作为国内领先的大型语言模型提供商,其推出的DeepSeek系列模型在多个领域都展现出了卓越的性能。本文将详细介绍如何使用Spring Boot框架集成DeepSeek API,构建一个简单的AI聊天应用。我们将实现两个核心功能:普通文本生成和流式文本生成。

寻道AI,探索AI无限可能! 2264

Camera2Demo

在Camera2 的基础上进行封装,使得Camera2一堆初始化逻辑与Activity分离,降低耦合度,完成预览拍照并保存的操作

在WordPress中添加简书风格的连载目录和文章导航

转自丘壑博客, 转载请注明出处链接https://bestscreenshot.com/add-post-pagination-to-wordpress/需求自从机缘巧合的开始翻译Gensis的系列教程,越来越沉迷于研究这款WordPress主题框架了,一边翻译一边学习一边也在自己的丘壑博客上实验。最近又有了一个需求,想在该系列的每一篇上都加上一个目录列表和前后文章的导航链接,方便读者查找阅览。效...

weixin_33923148的博客 550

jre9下载 jdk9

(Java SE Runtime Environment 9.0) 9.0u175 官方最新版 【x86|x64】

js 遍历html 生成目录,实现文章生成目录导航

一、原因最近看大家的博客都比我优秀。然后就是不论博客大小都有这个目录导航功能。而且我自己在翻看自己的博客站点的时候觉得没有导航功能很麻烦。所以就给自己的博客升级下,增加了导航功能。写出来的原因是因为这个功能比较冷门。写出来分享一下。二、编写生成目录1、先分析你的编辑器生成的文章html结构。这一步很重要。为什么我不是在编辑器直接去生成目录呢?因为编辑器本身功能就很重,然后你如果在编辑器去生成目录,...

weixin_29151301的博客 1104

pscad IEEE标准系统搭建说明

pscad IEEE标准系统搭建说明,包含典型的IEEE 9节点、14节点、30节点、39节点和118节点系统。内含标准测试系统的原始数据和潮流结果。

Devexpress16.2.6破解工具

Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具

Axure设计之文章目录动态定位导航教程

博客类型的内容网站,文章目录能很好的提升用户体验,通过目录可以清除整体结构,还可以通过目录进行导航,定位要浏览内容所在位置。下面通过Axure工具使用简单的元件实现文章目录导航的效果。

招风的黑耳优快云 2044

长篇文章根据文章H标签自动生成导航目录方法

在一些旅游网站,比如说途牛、携程这些,当你看某条线路的详情页时,右边会有相应的第一天、第二天等的目录。 这么大的网站,不可能后台添加行程的时候,每一天都要自动写一个目录吧! 所以应该是自动生成的。 那么它是如何生成的呢?又是根据什么规则来生成的呢? 今天我们就来讲讲使用jquery,根据文章里面的H标签自动生成导航目录。 下面是完整实例代码,直接可用。 <!doctype ...

zhang01457的博客 4690

html HTML1300 进行了导航,jquery根据文章H标签自动生成导航目录

jquery根据文章H标签自动生成导航目录2017-11-19 20:57在一些旅游网站,比如说途牛、携程这些,当你看某条线路的详情页时,右边会有相应的第一天、第二天等的目录。这么大的网站,不可能后台添加行程的时候,每一天都要自动写一个目录吧!所以应该是自动生成的。那么它是如何生成的呢?又是根据什么规则来生成的呢?今天我们就来讲讲使用jquery,根据文章里面的H标签自动生成导航目录。下面是完整实...

weixin_30391353的博客 1074
上一篇: 视频资源大整理
下一篇: ConcurrentHashMap基于JDK1.8源码剖析
Java3y
Java3y 领域专家: 后端开发技术领域 领域专家: 后端开发技术领域
博客等级 码龄9年 1万+粉丝 509原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值