原文:用React實現一個自動生成文章目錄的組件

原文地址:小寒的博客 功能介紹 這個組件的效果吶,就是你在瀏覽這個頁面的時候點擊右上角的叉叉看到的那個文章目錄。 功能很簡單,就是根據文章內容自動生成這個目錄,可以快速跳轉。 需要的知識點 正則 dom操作 利用錨點跳轉 實現原理 首先我們拿到的是一個html字符串,並不是html哦,然后分析這個html字符串,獲取所有的h h h h h h 的生成一個錨點信息的列表 然后給所有的這些標題標記一 ...

2018-12-07 08:56 0 704 推薦指數:

查看詳情

CSDN中根據文章自動生成文章目錄

概述 CSDN中有根據文件內容中H標簽在文章自動生成文章目錄,看起來比較專業,就想把它搬到自己的博客園中。類似下圖 提取JS腳本 通過瀏覽器開發者工具(IE/Chrome)找到產生文章目錄javascript腳本(我直接用IE開發工具中搜索相關字符串”系統根據文章中H1到H6標簽 ...

Thu Sep 24 01:00:00 CST 2015 0 2758
使用autoc js生成文章目錄(側邊)導航欄

介紹:   autocjs 是一個專門用來生成文章目錄(Table of Contents)導航的工具。autocjs 會查找文章指定區域中的所有 h1~h6 的標簽,並自動分析文章的層次結構,生成文章目錄導航(獨立的側邊欄菜單,或者在文章的開始處生成文章目錄)。 支持 AMD ...

Thu Jan 25 23:55:00 CST 2018 0 1058
美化博客園 添加網易雲音樂及生成文章目錄

一.向官方申請Js權限 批准時間很快,成功有郵件提示: 二.生成文章目錄 1.將下段代碼添加到 頁腳Html代碼 2.在編輯文章的時候將想要生成目錄的字選成“標題三” 效果: 三.添加網易雲音樂 1.將下段代碼添加到 頁面定制css代碼 ...

Wed Aug 23 00:29:00 CST 2017 0 1177
Python自動生成文章

  為了應付某些情況,需要做17份記錄。雖然不很重要,但是17份完全雷同也不很好。大體看了一下,此記錄大致分為四段。於是決定每段提供四種選項,每段四選一,拼湊成四段文字,存成一個文件。文件名就叫“XX記錄+日期”。應急的隨手創作,使用了“文件操作”和“生成隨機數”的功能。比較簡陋。后期擴展可以考慮 ...

Mon Nov 03 03:27:00 CST 2014 0 2937
目錄文章目錄

〇 Readme ● Readme ● 文章目錄 [編輯] 一 數據庫 ○ 匯總 [編輯] ○ JDBC ○ 連接池 ● SQL注入 ○ 存儲過程、游標 ○ SQL編寫 ○ SQL優化 ...

Fri Mar 08 06:26:00 CST 2019 0 694
目錄】Newlife XCode組件相關文章目錄

本博客所有文章分類的總目錄鏈接:本博客博文總目錄-實時更新 1.Newlife XCode組件相關文章目錄 1.Newlife XCode組件資源目錄匯總【2013年版】 2.Newlife.XCode的常見功能使用(一)附X組件2015最新源碼 3.擁有自己的代碼生成 ...

Wed Mar 11 22:15:00 CST 2015 4 6083
原創文章目錄

開發 開發node桌面級應用工具:apk轉化epub 移動端HTML5音頻與視頻問題及解決方案 Hybrid App應用制作與跨平台解決方案 移動端事件對象touches的誤區 CSS3技術 ...

Wed Jan 07 18:44:00 CST 2015 6 3745
文章目錄

chrome 利用chorme調試手機網頁 Chrome控制台 JS調試的一些小技巧 chrome使用技巧(看了定不讓你失望) 我所了解的chrome 你可能不知道console強 ...

Tue Aug 04 05:28:00 CST 2015 21 3888
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM