主頁 > 前端設計 > 國家統計局全國統計用區劃代碼和城鄉劃分代碼Python爬蟲樣例

國家統計局全國統計用區劃代碼和城鄉劃分代碼Python爬蟲樣例

2020-09-13 04:25:34 前端設計

為了專案后續資料需要做準備,開始漸進深入去學習爬蟲,最近做了一個實戰樣例demo,寫了一個爬蟲,獲取全國統計用區劃代碼,資料來源,國家統計局:http://www.stats.gov.cn/tjsj/tjbz/tjyqhdmhcxhfdm/2019/

整體分析一下,這個網站的布局樣式簡直不忍直視,可以說是一覽無遺,基本上啥都沒有,突出了政府網站一貫的簡潔高效風格,

我將按照代碼順序,差穿插著說明開發思路程序,

代碼目錄:

資料庫表設計:

CREATE TABLE `nbs_region` (
  `id` bigint(20) NOT NULL AUTO_INCREMENT,
  `nbs_code` varchar(20) DEFAULT NULL COMMENT '國家統計局統計用區劃code',
  `nbs_parent_code` varchar(20) DEFAULT NULL COMMENT '國家統計局父級統計用區劃code',
  `nbs_level` varchar(16) DEFAULT NULL COMMENT '國家統計局區域層級',
  `nbs_name` varchar(128) DEFAULT NULL COMMENT '國家統計局名稱',
  `nbs_town_country_code` varchar(10) DEFAULT NULL COMMENT '國家統計局城鄉分類代碼【五級才有值】',
  `create_time` datetime DEFAULT NULL ON UPDATE CURRENT_TIMESTAMP COMMENT '資料記錄創建時間',
  `update_time` datetime DEFAULT NULL ON UPDATE CURRENT_TIMESTAMP COMMENT '資料記錄修改時間',
  PRIMARY KEY (`id`) USING BTREE,
  KEY `nbs_code` (`nbs_code`) USING BTREE
) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=utf8 ROW_FORMAT=DYNAMIC COMMENT='國家統計局全國五級行政區劃【http://www.stats.gov.cn/tjsj/tjbz/tjyqhdmhcxhfdm/2019/】';

先介紹下用到的基礎python檔案,

Bean包下兩個類,NbsRegionDTO用于存放爬取決議后的資料,便于最后存庫,欄位和資料庫對應,

'''
國家統計局行政區劃物體類
'''
class NbsRegionDTO:

    # 統計用區劃代碼
    nbs_code = ''

    #'國家統計局父級統計用區劃code',
    nbs_parent_code = ''

    # '國家統計局區域層級', 1 - 5
    nbs_level = 0

    # '國家統計局名稱',
    nbs_name = ''

    # 城鄉分類代碼  五級才有資料
    nbs_town_country_code = ''


    #定義構造方法
    def __init__(self,nbs_code,nbs_parent_code,nbs_level,nbs_name,nbs_town_country_code):
        self.nbs_code = nbs_code
        self.nbs_parent_code = nbs_parent_code
        self.nbs_level = nbs_level
        self.nbs_name = nbs_name
        self.nbs_town_country_code = nbs_town_country_code
ParseErrorClass 用于封裝爬取程序中出現問題的資料資訊,便于最后集中處理,
'''
決議暫時出現例外的資料物體類
'''
class ParseErrorClass:

    # 當前 父節點code
    parent_code = ''

    # 當前  父節點區劃等級
    parent_level = 0

    # 當前待決議url
    to_parse_url = ''

    # 定義構造方法
    def __init__(self, parent_code, parent_level, to_parse_url):
        self.parent_code = parent_code
        self.parent_level = parent_level
        self.to_parse_url = to_parse_url


util包下有兩個工具類檔案

UrlGetUtil 用于抓取相關url頁面,里面提供兩種方法,request.get() 和 urlopen() ,兩種方式都是可行的,

import sys
from urllib.request import urlopen

from pip._vendor import requests

'''
工具類
'''
class UrlGetUtil:

    '''
    url 待抓取url
    tarBianMa 目標編碼,eg: 'gbk'
    '''
    def getByRequestGet(self,url,tarBianMa):
        response = requests.get(url)
        #print(response.encoding) #查看現有編碼
        response.encoding = tarBianMa  # 改變編碼
        #print(response.encoding)#查看改變后的編碼
        html = response.text
        return html

    '''
    url 待抓取url
    tarBianMa 目標編碼,eg: 'gbk'
    '''
    def getByUrlOpen(self,url,tarBianMa):
        #10s超時
        html_obj = urlopen(url,timeout = 10)
        html = html_obj.read().decode(tarBianMa)
        return html
DataBaseUtil 提供兩個方法,用于獲取連接物件和游標物件
import pymysql
'''
資料庫操作工具類
'''
class DataBaseUtil:

    '''獲取連接物件'''
    def getConnObj(self,host_param,unix_socket_param,user_param,passwd_param,db_param):
        conn = pymysql.connect(host=host_param,unix_socket=unix_socket_param,user=user_param,passwd=passwd_param,db=db_param,charset='utf8')
        return conn
    '''
    獲取游標物件
    引數:連接物件conn
    '''
    def getCurObj(self,conn):
        return conn.cursor()

另外還有三個檔案,NbsMain是程式運行入口,NbsCycleSpider用于深層次遞回爬取下級行政區劃資料,SaveData用于存盤資料到資料庫,

★SaveData中主要就是一個批量插入資料到mysql的方法,

1,方法引數傳進來是一個集合,里面存放一個個封裝好的資料NbsRegionDTO物件,為了便于后面批量插入,先把集合引數tar_obj_set處理轉成串列套元組的形式,

2,準備資料庫連接引數,用戶名,密碼,資料庫,ip等老幾樣資料,獲取連接物件和游標物件,

3,執行sql,關于批量插入的注意事項,代碼中的注釋有詳述

4,最后,記得關閉連接和游標,防止泄露,


'''
國家統計局 資料入庫存盤
'''
from NbsRegionSpider.Util.DataBaseUtil import DataBaseUtil

#批量插入
def nbsDataToSaveBatch(tar_obj_set):
    #引數處理成串列套元組的形式
    tar_list = list()   #或  tar_list = []
    for tar_obj in tar_obj_set:
        tar_tuple = (tar_obj.nbs_code,tar_obj.nbs_parent_code,tar_obj.nbs_level,tar_obj.nbs_name,tar_obj.nbs_town_country_code)
        tar_list.append(tar_tuple)
    # 資料庫資訊
    dataBaseUtilObj = DataBaseUtil()
    host_param = 'xxxx.xx.xx.xx'
    unix_socket_param = ''
    user_param = 'root'
    passwd_param = 'xxxxx'
    db_param = 'qqq'
    conn = dataBaseUtilObj.getConnObj(host_param,unix_socket_param,user_param,passwd_param,db_param)
    cur = dataBaseUtilObj.getCurObj(conn)

    #執行sql
    cur.execute("use qqq")
    # 注意這里使用的是executemany而不是execute,下邊有對executemany的詳細說明
    '''
    另外,針對executemany
    execute(sql) : 接受一條陳述句從而執行
    executemany(templet,args):能同時執行多條陳述句,執行同樣多的陳述句可比execute()快很多,強烈建議執行多條陳述句時使用executemany
        templet : sql模板字串,  例如 ‘insert into table(id,name,age) values(%s,%s,%s)’
        args: 模板字串中的引數,是一個list,在list中的每一個元素必須是元組!!!  例如: [(1,‘mike’),(2,‘jordan’),(3,‘james’),(4,‘rose’)]
    '''
    cur.executemany('insert into nbs_region(nbs_code,nbs_parent_code,nbs_level,nbs_name,nbs_town_country_code) values (%s,%s,%s,%s,%s)',tar_list)
    conn.commit()
    cur.close()
    conn.close()

★NbsMain:

基本邏輯

在NbsMain中決議省一級資料,然后在NbsCycleSpider中遞回該省的下級資料的深度爬蟲,把每一層的爬取結果集合,回傳到上一級,再同本級結果集合取并集來合并所有結果,同時把出現爬取例外的資料暫存到錯誤資料集合全域變數error_data_set,最侄訓傳爬取結果集到NbsMain中,然后執行該省資料的存盤入庫,然后回圈下一個省份的處理,最后再處理上述程序中產生的錯誤資料集合error_data_set,進行重試爬取并入庫,進行回圈,每次回圈,創建一個error_data_set_second 來保存出現的錯誤資料,本次資料入庫后,更新error_data_set = error_data_set_second,直到最后,error_data_set容量為0 為止,

之所以不直接操作error_data_set 而是每次用一個新的error_data_set_second,是為了避免再迭代error_data_set的時候,又對其進行洗掉、添加的操作,導致出現迭代例外,

import time
from urllib.request import urlopen
from bs4 import BeautifulSoup
from NbsRegionSpider.Bean.NbsRegionDTO import NbsRegionDTO
from NbsRegionSpider.NbsCycleSpider import cycleSpider
from NbsRegionSpider.SaveData import nbsDataToSaveBatch
from NbsRegionSpider.Util.UrlGetUtil import UrlGetUtil

'''國家統計局省級區域資料爬取 程式入口'''
base_url = 'http://www.stats.gov.cn/tjsj/tjbz/tjyqhdmhcxhfdm/2019/'
urlGetUtilObj = UrlGetUtil()
#兩種方式二選一來爬取url頁面
#urlopern方式
html = urlGetUtilObj.getByUrlOpen(base_url,'gbk')
# request.get 方式
#html = urlGetUtilObj.getByRequestGet(base_url,'gbk')
'''
例外:Some characters could not be decoded, and were replaced with REPLACEMENT CHARACTER.
https://www.cnblogs.com/HANYI7399/p/6080070.html
'''
#bs = BeautifulSoup(html, 'html.parser', from_encoding = "iso-8859-1")
bs = BeautifulSoup(html,'html.parser')
#找出存放省資訊的tr行
trs = bs.findAll('tr',{'class':'provincetr'})
#先取出所有的省資料節點
data_item_set = set()
for tr in trs:
	tds = tr.findAll('td')
	for td in tds:
		a_flag = td.a
		if a_flag is None:
			continue
		data_item_set.add(a_flag)

#全域變數,存盤爬取程序中出現錯誤的資料
error_data_set = set()
# 每一輪節點的回圈都是對一個省的資料處理
for a_flag in data_item_set:
	# 本省所有行政區劃結果集
	tar_obj_set = set()
	#決議資料
	province_name = a_flag.get_text()# 獲取省名稱
	print('-'*12 +province_name+'---爬取開始'+ '-'*12)
	province_code = ''
	to_spider_url = a_flag['href']
	if len(province_name) == 0:
		continue
	if len(to_spider_url) != 0:
		province_code = ''.join(filter(str.isdigit, to_spider_url))#串列轉字串,獲取省一級code
	# 省一級資料封裝成物體
	tarObj = NbsRegionDTO(province_code,'',1,province_name,'')
	grade_2_url = base_url + to_spider_url #基礎路徑拼接當前路徑 相當于 下一級的url決議路徑
	tar_obj_set.add(tarObj)
	#呼叫回圈方法,去決議子層級區域
	tar_obj_set_result = cycleSpider(province_code,1,grade_2_url,error_data_set)
	# 合并兩個集合結果集【取并集】
	tar_obj_set = tar_obj_set | tar_obj_set_result
	print('-'*12 +province_name+'---爬取結束'+'-'*12)
	time.sleep(10)
	#本省資料入庫存盤
	try:
		nbsDataToSaveBatch(tar_obj_set)
	except Exception as e:
		print('-'*12 +province_name+'---資料入庫存盤例外')
		print(e)

#全國資料初次處理完畢,開始處理整體程序中失敗的資料,重試
print('------開始處理初次全國爬取失敗的資料,共------'+str(len(error_data_set))+'條')
while(len(error_data_set) > 0):
	error_data_set_second = set()
	for item in error_data_set:
		tar_save_set = cycleSpider(item.parent_code, item.parent_level, item.to_parse_url,error_data_set_second)
		#存盤入庫
		try:
			nbsDataToSaveBatch(tar_save_set)
		except Exception as e:
			print('---全國爬取程序的錯誤資料重試爬取后入庫存盤例外,---')
			print(e)
			for item in tar_save_set:
				print(item.nbs_code + '-'*6 + item.nbs_parent_code + '-'*6 + str(item.nbs_level) + '-'*6 + item.nbs_name + '-'*6 + item.nbs_town_country_code)

	#更新error_data_set
	print('------再次失敗的資料,共------' + str(len(error_data_set_second)) + '條')
	error_data_set = error_data_set_second
	time.sleep(10)

NbsCycleSpider:

'''
    多層級回圈遞回呼叫決議區域,然后回傳資料集合
'''
import socket
import time
from urllib.error import HTTPError
from urllib.request import urlopen
from bs4 import BeautifulSoup
from NbsRegionSpider.Bean.NbsRegionDTO import NbsRegionDTO

from NbsRegionSpider.Bean.ParseErrorClass import ParseErrorClass
from NbsRegionSpider.Util.UrlGetUtil import UrlGetUtil



def cycleSpider(parent_code,parent_level,to_parse_url,error_data_set):
    # 本次爬取行政區劃資料結果集
    tar_obj_set = set()
    #按層級使用不同的決議標簽關鍵字
    tr_flag = ''
    current_level = parent_level + 1#級別級別
    if current_level == 2:
        tr_flag = 'citytr'
    elif current_level == 3:
        tr_flag = 'countytr'
    elif current_level == 4:
        tr_flag = 'towntr'
    elif current_level == 5:
        tr_flag = 'villagetr'
    else:
        pass
    #決議
    try:
        urlGetUtilObj = UrlGetUtil()
        # urlopern方式
        html = urlGetUtilObj.getByUrlOpen(to_parse_url,'gbk')
        # request.get 方式
        # html = urlGetUtilObj.getByRequestGet(to_parse_url,'gbk')
    except socket.timeout:
        print('parent_code = '+parent_code+'---待決議URL:' + to_parse_url + '請求超時')
        # 暫時跳過,將出現例外的待決議資料暫存起來
        error_data_set.add(ParseErrorClass(parent_code, parent_level, to_parse_url))
        return tar_obj_set
    except HTTPError as e:
        print('parent_code = '+parent_code+'---待決議URL:' + to_parse_url + '出現http錯誤:')
        print(e)
        # 暫時跳過,將出現例外的待決議資料暫存起來
        error_data_set.add(ParseErrorClass(parent_code, parent_level, to_parse_url))
        return tar_obj_set
    except Exception as e:
        print('parent_code = '+parent_code+'---待決議URL:'+to_parse_url+'請求出現例外')
        print(e)
        #暫時跳過,將出現例外的待決議資料暫存起來
        error_data_set.add(ParseErrorClass(parent_code,parent_level,to_parse_url))
        return tar_obj_set
    else:
        pass
    bs = BeautifulSoup(html, 'html.parser')
    #獲取本頁所有資料節點
    trs = bs.findAll('tr', {'class': tr_flag})
    for tr in trs:
        #注意,5極頁面有三個td,和別的等級頁面中的相同td位置,存放資料不是一樣的型別,所以進行判斷
        td_1 = tr.find('td')#第一個td節點
        current_code = td_1.get_text()
        current_url = ''
        current_name = ''
        current_town_country_code = ''
        td_2 = td_1.next_sibling#第二個td節點
        if(current_level == 5):
            current_town_country_code = td_2.get_text()
            current_name = td_2.next_sibling.get_text()
        else:
            td_1_a = td_1.a
            if td_1_a is not None:  #比如青海省西寧市市轄區 ,才到三級,就咩有下級了,所以a標簽為None物件
                current_url = td_1_a['href']
            current_name = td_2.get_text()
        #列印開始日志
        if (current_level == 2):
            print('-'*8 + current_name)
        elif(current_level == 3):
            print('-' * 4 + current_name)
        #封裝資料
        tarObj = NbsRegionDTO(current_code, parent_code, current_level, current_name, current_town_country_code)
        tar_obj_set.add(tarObj)
        # 遞回呼叫,獲取下級資料
        tar_obj_set_result = set()
        if (current_level != 5 and current_url != ''): # 五級一定沒有下級
            # 當前決議頁面截取最后一個'/'之前的url ,再拼接當前頁面的href   就是下一級別的決議url
            pos = to_parse_url.rfind("/")
            next_url_data = to_parse_url[:pos] + '/' + current_url
            tar_obj_set_result = cycleSpider(current_code,current_level,next_url_data,error_data_set)
        # 合并兩個集合結果集【取并集】 并回傳
        tar_obj_set = tar_obj_set | tar_obj_set_result

    if(current_level == 2 or current_level == 3):
        time.sleep(10)
    return tar_obj_set






部分運行日志:

代碼中已經寫了詳細的步驟注釋,理解起來應該沒有什么問題,不過還有很大的改進空間,比如改當前的深度爬取為廣度爬取,可以有效降低服務器負載等,后續不斷積累經驗,越來越好吧,歡迎批評指正交流,

-----------------------------------20200911補充:

實際運行發行最后一直有三個url鏈接無法成功,一直在回圈重試、失敗著列印日志,別的資料都正常,這三個url為:

待決議URL:http://www.stats.gov.cn/tjsj/tjbz/tjyqhdmhcxhfdm/2019/42/06/02/420602006.html
待決議URL:http://www.stats.gov.cn/tjsj/tjbz/tjyqhdmhcxhfdm/2019/42/06/84/420684103.html
待決議URL:http://www.stats.gov.cn/tjsj/tjbz/tjyqhdmhcxhfdm/2019/51/06/81/510681114.html
例外如下:'gbk' codec can't decode byte 0xfe in position 3068: illegal multibyte sequence

是編碼問題,然而別的資料都是用的gbk都沒問題,這個已經也在網頁源代碼中確認,說明這三個url有問題,

參考文章:https://blog.csdn.net/zangbianer/article/details/84526011 ,使用gb18030 問題解決,

為了針對這三個資料處理,我對原有代碼做了一點重構:

新建新的類M,代碼如下,專門用于處理一直失敗的資料,同時為了復用代碼,把原來NbsMain中的對錯誤資料處理的代碼抽取出來,放到下面的handle_error_retry()中,然后把爬取鏈接引數處的gbk改為gb18030,運行下面的M代碼,即可,

'''
對于一直處理報錯的url,最終手動處理
'''
import time

from NbsRegionSpider.Bean.ParseErrorClass import ParseErrorClass
from NbsRegionSpider.NbsCycleSpider import cycleSpider
from NbsRegionSpider.SaveData import nbsDataToSaveBatch

'''
出現錯誤的資料重試方法
'''
def handle_error_retry(error_data_set):
	while (len(error_data_set) > 0):
		error_data_set_second = set()
		for item in error_data_set:
			tar_save_set = cycleSpider(item.parent_code, item.parent_level, item.to_parse_url, error_data_set_second)
			# 存盤入庫
			try:
				nbsDataToSaveBatch(tar_save_set)
			except Exception as e:
				print('---全國爬取程序的錯誤資料重試爬取后入庫存盤例外,---')
				print(e)
				for item in tar_save_set:
					print(item.nbs_code + '-' * 6 + item.nbs_parent_code + '-' * 6 + str(
						item.nbs_level) + '-' * 6 + item.nbs_name + '-' * 6 + item.nbs_town_country_code)

		# 更新error_data_set
		print('------再次失敗的資料,共------' + str(len(error_data_set_second)) + '條')
		error_data_set = error_data_set_second
		time.sleep(10)


data_set = set()
'''
所有的資料中就只有這三個一直失敗,別的都成功,例外如下:
'gbk' codec can't decode byte 0xfe in position 3068: illegal multibyte sequence
網頁編碼的確時gbk沒錯的,參考文章:https://blog.csdn.net/zangbianer/article/details/84526011
改為 gb18030成功解決,
又看了下這三個url網頁,發現每一頁中都有一條資料的地名中,包含特殊字符,網頁上顯示的是一個小方格,罪魁禍首就是他了,
一共這三個名字包含未知字符的地點的code是:510681114209     420684103005    420602006207
'''
data_set.add(ParseErrorClass('420602006000', 4,'http://www.stats.gov.cn/tjsj/tjbz/tjyqhdmhcxhfdm/2019/42/06/02/420602006.html'))
data_set.add(ParseErrorClass('420684103000', 4,'http://www.stats.gov.cn/tjsj/tjbz/tjyqhdmhcxhfdm/2019/42/06/84/420684103.html'))
data_set.add(ParseErrorClass('510681114000', 4,'http://www.stats.gov.cn/tjsj/tjbz/tjyqhdmhcxhfdm/2019/51/06/81/510681114.html'))
handle_error_retry(data_set)

這三個url中的元兇被我給揪了出來;

轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/20052.html

標籤:其他

上一篇:python 行程超時自動退出 裝飾器

下一篇:預測GDP應用:Numpy 線性回歸+Matplotlib 作圖

標籤雲
其他(157675) Python(38076) JavaScript(25376) Java(17977) C(15215) 區塊鏈(8255) C#(7972) AI(7469) 爪哇(7425) MySQL(7132) html(6777) 基礎類(6313) sql(6102) 熊猫(6058) PHP(5869) 数组(5741) R(5409) Linux(5327) 反应(5209) 腳本語言(PerlPython)(5129) 非技術區(4971) Android(4554) 数据框(4311) css(4259) 节点.js(4032) C語言(3288) json(3245) 列表(3129) 扑(3119) C++語言(3117) 安卓(2998) 打字稿(2995) VBA(2789) Java相關(2746) 疑難問題(2699) 细绳(2522) 單片機工控(2479) iOS(2429) ASP.NET(2402) MongoDB(2323) 麻木的(2285) 正则表达式(2254) 字典(2211) 循环(2198) 迅速(2185) 擅长(2169) 镖(2155) 功能(1967) .NET技术(1958) Web開發(1951) python-3.x(1918) HtmlCss(1915) 弹簧靴(1913) C++(1909) xml(1889) PostgreSQL(1872) .NETCore(1853) 谷歌表格(1846) Unity3D(1843) for循环(1842)

熱門瀏覽
  • vue移動端上拉加載

    可能做得過于簡單或者比較low,請各位大佬留情,一起探討技術 ......

    uj5u.com 2020-09-10 04:38:07 more
  • 優美網站首頁,頂部多層導航

    一個個人用的瀏覽器首頁,可以把一下常用的網站放在這里,平常打開會比較方便。 第一步,HTML代碼 <script src=https://www.cnblogs.com/szharf/p/"js/jquery-3.4.1.min.js"></script> <div id="navigate"> <ul> <li class="labels labels_1"> ......

    uj5u.com 2020-09-10 04:38:47 more
  • 頁面為要加<!DOCTYPE html>

    最近因為寫一個js函式,需要用到$(window).height(); 由于手寫demo的時候,過于自信,其實對前端方面的認識也不夠體系,用文本檔案直接敲出來的html代碼,第一行沒有加上<!DOCTYPE html> 導致了$(window).height();的結果直接是整個document的高 ......

    uj5u.com 2020-09-10 04:38:52 more
  • WordPress網站程式手動升級要做好資料備份

    WordPress博客網站程式在進行升級前,必須要做好網站資料的備份,這個問題良家佐言是遇見過的;在剛開始接觸WordPress博客程式的時候,因為升級問題和博客網站的修改的一些嘗試,良家佐言是吃盡了苦頭。因為購買的是西部數碼的空間和域名,每當佐言把自己的WordPress博客網站搞到一塌糊涂的時候 ......

    uj5u.com 2020-09-10 04:39:30 more
  • WordPress程式不能升級為5.4.2版本的原因

    WordPress是一款個人博客系統,受到英文博客愛好者和中文博客愛好者的追捧,并逐步演化成一款內容管理系統軟體;它是使用PHP語言和MySQL資料庫開發的,用戶可以在支持PHP和MySQL資料庫的服務器上使用自己的博客。每一次WordPress程式的更新,就會牽動無數WordPress愛好者的心, ......

    uj5u.com 2020-09-10 04:39:49 more
  • 使用CSS3的偽元素進行首字母下沉和首行改變樣式

    網頁中常見的一種效果,首字改變樣式或者首行改變樣式,效果如下圖。 代碼: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ......

    uj5u.com 2020-09-10 04:40:09 more
  • 關于a標簽的講解

    什么是a標簽? <a> 標簽定義超鏈接,用于從一個頁面鏈接到另一個頁面。 <a> 元素最重要的屬性是 href 屬性,它指定鏈接的目標。 a標簽的語法格式:<a href=https://www.cnblogs.com/summerxbc/p/"指定要跳轉的目標界面的鏈接">需要展示給用戶看見的內容</a> a標簽 在所有瀏覽器中,鏈接的默認外觀如下: 未被訪問的鏈接帶 ......

    uj5u.com 2020-09-10 04:40:11 more
  • 前端輪播圖

    在需要輪播的頁面是引入swiper.min.js和swiper.min.css swiper.min.js地址: 鏈接:https://pan.baidu.com/s/15Uh516YHa4CV3X-RyjEIWw 提取碼:4aks swiper.min.css地址 鏈接:https://pan.b ......

    uj5u.com 2020-09-10 04:40:13 more
  • 如何設定html中的背景圖片(全屏顯示,且不拉伸)

    1 <style>2 body{background-image:url(https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPicture); 3 background-size:cover;background ......

    uj5u.com 2020-09-10 04:40:16 more
  • Java學習——HTML詳解(上)

    HTML詳解 初識HTML Hyper Text Markup Language(超文本標記語言) 1 <!--DOCTYPE:告訴瀏覽器我們要使用什么規范--> 2 <!DOCTYPE html> 3 <html lang="en"> 4 <head> 5 <!--meta 描述性的標簽,描述一些 ......

    uj5u.com 2020-09-10 04:40:33 more
最新发布
  • 我的第一個NPM包:panghu-planebattle-esm(胖虎飛機大戰)使用說明

    好家伙,我的包終于開發完啦 歡迎使用胖虎的飛機大戰包!! 為你的主頁添加色彩 這是一個有趣的網頁小游戲包,使用canvas和js開發 使用ES6模塊化開發 效果圖如下: (覺得圖片太sb的可以自己改) 代碼已開源!! Git: https://gitee.com/tang-and-han-dynas ......

    uj5u.com 2023-04-20 07:59:23 more
  • 生產事故-走近科學之消失的JWT

    入職多年,面對生產環境,盡管都是小心翼翼,慎之又慎,還是難免捅出簍子。輕則滿頭大汗,面紅耳赤。重則系統停擺,損失資金。每一個生產事故的背后,都是寶貴的經驗和教訓,都是專案成員的血淚史。為了更好地防范和遏制今后的各類事故,特開此專題,長期更新和記錄大大小小的各類事故。有些是親身經歷,有些是經人耳傳口授 ......

    uj5u.com 2023-04-18 07:55:04 more
  • 記錄--Canvas實作打飛字游戲

    這里給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 打開游戲界面,看到一個畫面簡潔、卻又富有挑戰性的游戲。螢屏上,有一個白色的矩形框,里面不斷下落著各種單詞,而我需要迅速地輸入這些單詞。如果我輸入的單詞與螢屏上的單詞匹配,那么我就可以獲得得分;如果我輸入的單詞錯誤或者時間過長,那么我就會輸 ......

    uj5u.com 2023-04-04 08:35:30 more
  • 了解 HTTP 看這一篇就夠

    在學習網路之前,了解它的歷史能夠幫助我們明白為何它會發展為如今這個樣子,引發探究網路的興趣。下面的這張圖片就展示了“互聯網”誕生至今的發展歷程。 ......

    uj5u.com 2023-03-16 11:00:15 more
  • 藍牙-低功耗中心設備

    //11.開啟藍牙配接器 openBluetoothAdapter //21.開始搜索藍牙設備 startBluetoothDevicesDiscovery //31.開啟監聽搜索藍牙設備 onBluetoothDeviceFound //30.停止監聽搜索藍牙設備 offBluetoothDevi ......

    uj5u.com 2023-03-15 09:06:45 more
  • canvas畫板(滑鼠和觸摸)

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>canves</title> <style> #canvas { cursor:url(../images/pen.png),crosshair; } #canvasdiv{ bo ......

    uj5u.com 2023-02-15 08:56:31 more
  • 手機端H5 實作自定義拍照界面

    手機端 H5 實作自定義拍照界面也可以使用 MediaDevices API 和 <video> 標簽來實作,和在桌面端做法基本一致。 首先,使用 MediaDevices.getUserMedia() 方法獲取攝像頭媒體流,并將其傳遞給 <video> 標簽進行渲染。 接著,使用 HTML 的 < ......

    uj5u.com 2023-01-12 07:58:22 more
  • 記錄--短視頻滑動播放在 H5 下的實作

    這里給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 短視頻已經無數不在了,但是主體還是使用 app 來承載的。本文講述 H5 如何實作 app 的視頻滑動體驗。 無聲勝有聲,一圖頂百辯,且看下圖: 網址鏈接(需在微信或者手Q中瀏覽) 從上圖可以看到,我們主要實作的功能也是本文要講解的有: ......

    uj5u.com 2023-01-04 07:29:05 more
  • 一文讀懂 HTTP/1 HTTP/2 HTTP/3

    從 1989 年萬維網(www)誕生,HTTP(HyperText Transfer Protocol)經歷了眾多版本迭代,WebSocket 也在期間萌芽。1991 年 HTTP0.9 被發明。1996 年出現了 HTTP1.0。2015 年 HTTP2 正式發布。2020 年 HTTP3 或能正... ......

    uj5u.com 2022-12-24 06:56:02 more
  • 【HTML基礎篇002】HTML之form表單超詳解

    ??一、form表單是什么

    ??二、form表單的屬性

    ??三、input中的各種Type屬性值

    ??四、標簽 ......

    uj5u.com 2022-12-18 07:17:06 more