整合營銷服務(wù)商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          用HTML代碼來做端午賽龍舟特效,分享(視頻+源碼)

          舟動畫圖

          今天端午節(jié),晚點的我祝大家端午節(jié)快樂,出去游玩的注意安全哦!端午節(jié)我們必做的兩件事是跟家人朋友一起吃粽子看賽龍舟,小編我今天就給大家分享是一個賽龍舟的特效,我也是剛學(xué)前端沒多久,希望多予以指教!

          其實我也是從零學(xué)起的,開始是因為對互聯(lián)網(wǎng)有愛好,對瀏覽網(wǎng)頁上的炫酷特效有濃厚的興趣,然后就加上了這么一個學(xué)習(xí)的大家庭,給大家推薦一下我建的HTML5進階學(xué)習(xí)群:250777811,如果大家正在學(xué)習(xí)網(wǎng)頁制作web前端或者有興趣轉(zhuǎn)行學(xué)習(xí)的都歡迎各位申請進來,跟我們一群志同道合的人學(xué)習(xí)交流。

          HTML及javascript部分源碼:



          HTML代碼圖

          因代碼過長,全部代碼都已經(jīng)分享到群文件了250777811

          這個龍舟特性的完成附有完整的視頻講解,大家可以加群獲取視頻學(xué)習(xí)250777811

          視頻知識點概況:

          企業(yè)代碼規(guī)范與標(biāo)準(zhǔn),CSS3動畫,CSS3選擇器,元素定位,延遲動畫,動畫序列,HTML優(yōu)化方案,背景圖片使用,常用標(biāo)簽詳解,前端學(xué)習(xí)路線須知,2017年前端就業(yè)形勢分析

          頭條號有程序員學(xué)習(xí)的經(jīng)典HTML5游戲案例,歡迎關(guān)注!

          近臨近開學(xué)了,大家都在忙著準(zhǔn)備各種學(xué)習(xí)的資料,準(zhǔn)備在新的學(xué)期好好學(xué)習(xí),充實自己。小編身邊的同學(xué)也是如此,最近,小編的同學(xué)小麗就遇到了一個很棘手的問題。

          她想將一個網(wǎng)頁的Python學(xué)習(xí)的教程打印下來,方便自己來學(xué)習(xí),但是上千頁的教程,如果通過手動的方式,一個一個的去轉(zhuǎn)成pdf并保存到本地,實在是麻煩的不。

          這就是一個html轉(zhuǎn)pdf的問題,其實網(wǎng)上有很多不錯的html資源,但是苦于學(xué)習(xí)起來,不方便!于是小編就跟小麗保證,這點小事包在我身上。今天,小編就跟分享一下如何用Python把html資料變成pdf。

          01.抓取的學(xué)習(xí)資料

          如今網(wǎng)上的在線學(xué)習(xí)資料可謂是多如牛毛,為了方便講解,小編就利用python3.9.2的中文文檔作為演示的例子,來將其抓取并保存到本地,其網(wǎng)頁鏈接如下:

          https://docs.python.org/zh-cn/3.9/tutorial/index.html

          打開上述鏈接后,大家會在網(wǎng)頁中找到不同內(nèi)容的鏈接地址,包括了基礎(chǔ)的python字符、python語法等內(nèi)容。

          02.獲取網(wǎng)頁鏈接

          在上圖中,我們需要格外關(guān)注的是紅色方格標(biāo)注的鏈接,每個鏈接都會跳轉(zhuǎn)到對應(yīng)的子網(wǎng)頁中,而在子網(wǎng)頁中,就是我們想要保存的內(nèi)容。

          可以看到,上圖中,在python速覽子頁面中,包含了我們需要提取的文字內(nèi)容。所以將html內(nèi)容保存為pdf的第一步便是獲取到子頁面的鏈接。由于教程大都是固定內(nèi)容,因此對于教程的網(wǎng)頁,大都采用的是靜態(tài)頁面,在網(wǎng)頁源代碼中可以很輕松地找到子頁面的網(wǎng)頁鏈接。

          對于子網(wǎng)頁的鏈接抓取,程序如下圖所示:

          程序中,通過BeautifulSoup庫來解析網(wǎng)頁源代碼,然后提取所有的子頁面鏈接地址并返回,如果抓取失敗,則直接返回None


          03.html轉(zhuǎn)pdf

          在得到子網(wǎng)頁的鏈接后,接下來就是將html的子網(wǎng)頁保存為pdf文件。小編使用的pdfkit庫,pdfkit庫可以將網(wǎng)頁保存為pdf文檔。首先小編來介紹一下pdfkit庫的安裝。

          • 下載https://github.com/wkhtmltopdf/packaging/releases/download/0.12.6-1/wkhtmltox-0.12.6-1.mxe-cross-win64.7z 并解壓到本地文件中。(后臺輸入:pdf) 直接獲取。
          • 將解壓文件中的bin文件路徑添加到系統(tǒng)變量Path中。
          • 執(zhí)行pip install pdfkit
          • 執(zhí)行pip install wkhtmltopdf

          按照上述的操作流程,就可以安裝pdfkit庫。對于pdfkit庫的使用,常見的用法有以下三種:

          上面的程序主要完成以下幾步:

          首先需要指定wkhtmltopdf.exe文件的路徑;

          • 然后分別通過from_url、from_file和from_string的三種方式來保存為pdf文件;
          • 需要注意的是,from_file和from_url中的第一個參數(shù)必須是一個html的字符串或者是html文檔的列表;
          • 但是小編通過程序運行發(fā)現(xiàn),from_url第一個參數(shù)只能是html的字符串,不能是html的列表


          因此,pdfkit庫只能將子網(wǎng)頁保存為單獨的pdf文檔,無法直接通過pdfkit庫將所有的子網(wǎng)頁拼接成一個完整的pdf文檔,小編通過PyPDF2庫中的PdfFileMerger類來實現(xiàn)pdf文檔的拼接。程序如下圖所示。

          程序中首先將所有的html網(wǎng)頁保存為單獨的pdf文檔,然后通過PdfFileMerger類對象來實現(xiàn)pdf文檔的拼接。最后就可以得到全部的pdf內(nèi)容。最后我們通過視頻的展示,來看一下程序的效果吧。


          除此之外,程序不光可以抓取python3.9的中文文檔,針對其他的在線文檔,只需要對獲取網(wǎng)頁鏈接的程序進行修改即可抓取,例如對于Flask中文文檔的抓取,程序只需要按照下圖進行修改,即可將Flask的在線文檔保存為PDF文檔。

          04.總結(jié)

          學(xué)習(xí)Python其實非常有趣,也很有用。因為Python有大量的現(xiàn)成的庫,可以幫助我們把工作中的很多瑣碎的煩事輕松解決。小編將上述的程序稍加修改,很快就幫阿麗搞定了教程,保存為pdf發(fā)送給了她,小編與女神的關(guān)系更拉近了一步


          在網(wǎng)絡(luò)安全領(lǐng)域,暗鏈接(或隱藏鏈接)是一種常見的網(wǎng)絡(luò)欺詐手段。它們通常隱藏在網(wǎng)頁代碼中,對普通用戶不可見,但可能指向惡意網(wǎng)站或用于執(zhí)行不安全的操作。因此,從網(wǎng)頁源代碼中檢測并識別這些暗鏈接變得尤為重要。本文將探討如何從提取的HTML源代碼中檢測暗鏈接,并將這些鏈接進行輸出。

          一、理解暗鏈接

          什么是暗鏈接:

          暗鏈接通常指的是隱藏在網(wǎng)頁中,對用戶不明顯,但可能含有惡意內(nèi)容的鏈接。

          暗鏈接的常見形式:

          完全隱藏的鏈接,如使用CSS將鏈接設(shè)為透明或大小為零。

          使用微小的文本或圖像作為鏈接。

          將鏈接嵌入到不相關(guān)元素中。

          二、HTML源代碼的檢測方法

          分析HTML結(jié)構(gòu):

          介紹如何查看和理解網(wǎng)頁的HTML源代碼。

          解釋如何識別HTML中的鏈接元素(通常是<a>標(biāo)簽)。

          檢測暗鏈接的技術(shù):

          使用HTML和CSS屬性來識別隱藏的鏈接,如display: none;、opacity: 0;或width: 0px; height: 0px;等。

          檢查鏈接的文本內(nèi)容和尺寸,判斷是否可疑。

          三、實現(xiàn)暗鏈接檢測

          工具和技術(shù)選擇:

          介紹可用于解析HTML和CSS的工具,如Python的BeautifulSoup庫。

          代碼實現(xiàn):

          提供一個基本的腳本示例,展示如何從HTML中提取鏈接并檢查其屬性以識別暗鏈接。

          四、案例分析

          實際網(wǎng)頁案例:

          選取一個包含暗鏈接的網(wǎng)頁作為案例,展示如何使用工具檢測這些鏈接。

          結(jié)果展示和分析:

          展示檢測到的暗鏈接,并對其可能的風(fēng)險進行分析。

          五、總結(jié)與預(yù)防建議

          總結(jié):

          強調(diào)檢測暗鏈接在網(wǎng)絡(luò)安全中的重要性。

          預(yù)防建議:

          提供一些基本的網(wǎng)絡(luò)安全建議,幫助用戶識別和避免訪問暗鏈接。

          小結(jié)

          通過本文的討論,讀者可以了解如何從HTML源代碼中檢測暗鏈接,并了解這些鏈接可能帶來的風(fēng)險。雖然這需要一定的技術(shù)知識,但通過合適的工具和方法,可以有效地識別和防范這種網(wǎng)絡(luò)安全威脅。

          示例代碼(Python使用BeautifulSoup檢測暗鏈接)

          python

          from bs4 import BeautifulSoup

          import requests

          # 加載網(wǎng)頁內(nèi)容

          url = "https://example.com"

          html_content = requests.get(url).text

          soup = BeautifulSoup(html_content, 'html.parser')

          # 檢測暗鏈接

          dark_links = []

          for link in soup.find_all('a'):

          if link.get('style'):

          styles = link.get('style').split(';')

          if any(s in styles for s in ['display:none', 'opacity:0', 'width:0px', 'height:0px']):

          dark_links.append(link.get('href'))

          # 輸出檢測到的暗鏈接

          print("Detected Dark Links:", dark_links)

          這段代碼演示了如何使用BeautifulSoup庫來解析HTML,并檢查每個鏈接的CSS樣式以識別是否為暗鏈接。這只是一個基本的示例,實際應(yīng)用中可能需要更復(fù)雜的邏輯來處理各種隱藏技術(shù)。


          主站蜘蛛池模板: 国产激情з∠视频一区二区| 精品久久久中文字幕一区 | 亚洲日韩国产一区二区三区| 无码少妇丰满熟妇一区二区| 亚洲综合一区国产精品| 精品乱码一区二区三区四区| 成人无码精品一区二区三区| 无码人妻一区二区三区在线水卜樱| 一区二区网站在线观看| 国产AV午夜精品一区二区三区 | 久久青青草原一区二区| 精品一区二区三区在线播放| 在线精品国产一区二区三区 | 蜜臀AV无码一区二区三区| 精品亚洲福利一区二区| 中文字幕精品无码一区二区三区| 麻豆高清免费国产一区| 精品视频在线观看一区二区| 久久精品一区二区三区日韩 | 国产在线一区二区三区| 亚洲欧美成人一区二区三区| 久久精品无码一区二区三区日韩| 搡老熟女老女人一区二区| 日韩精品一区在线| 一区二区三区视频在线观看| 国模一区二区三区| 亚洲AV无码一区二区三区DV| 国产高清一区二区三区视频| 亚洲av无码一区二区三区网站| 暖暖免费高清日本一区二区三区| 亚洲日韩精品无码一区二区三区 | 亚洲爽爽一区二区三区| 国产日本亚洲一区二区三区| 久99精品视频在线观看婷亚洲片国产一区一级在线 | 日本免费一区二区在线观看| 久久国产精品免费一区| 日韩欧美一区二区三区免费观看 | 国产一区二区三区国产精品| 日韩精品无码中文字幕一区二区| 无码人妻一区二区三区精品视频| 日本在线视频一区二区|