主頁 > 前端設計 > 聊聊運營商對UDP的QoS限制和應對

聊聊運營商對UDP的QoS限制和應對

2021-02-07 14:15:24 前端設計

UDP和運營商有什么關系?

這個問題有點大且突兀,只要不是在三大運營商上班的,其實我們都是端到端用戶,而端到端用戶對于網路的認知必然是盲目的,我們不知道路由器對我們的流量做了什么,我們更沒有能力去控制它們,我們只能猜測,

本來一個技術范疇的討論一旦涉及到了猜測,就不是技術討論了,而是社會學討論,這往往會帶來無休止的辯論,爭吵,在此其中,獨占鰲頭的往往不是靠技術實力,而是靠口才和措辭,或者還有夾雜著各種手勢的抑揚頓挫,

我是極其討厭充斥著此類調調的場合的,我在這種場合往往會選擇閉嘴,然后離開,

人們無休止地討論如何針對CC(Congestion Control)進行調優,其實每個人心里都沒底,說出來的貌似令人信服的話靠的無非就是自信和強勢,然后結論會瞬間打臉這種信口開河,

摘錄一段深信服白皮書上的話:

如上圖所示,剛好與傳統 TCP“慢上升、快下降”相對,HTP 快速傳輸協議對于資料傳輸為“快上升、慢下降”,當網路吞吐允許的情況下以最短的時間將傳輸速度提高到吞吐量所允許的最高;

搞得好像真的一樣,但其實這簡直就是扯淡!

很多人都說QUIC其實不如TCP,這個結論我至今都不知道從哪個 “權威” 那里得到的,就好像人們人云亦云地詬病Netfilter/iptales一樣,可是當你測驗的時候,卻發現 并不是每次 QUIC都不如TCP,

人們很少去深入探究中間網路,就好像開著個跑車在鬧市區依然總覺得自己能起飛一樣,說起運營商和TCP/UDP的關系,人們總是避而不談,結論往往就兩種:

  • 你傻X啊,運營商和TCP/UDP毫無關系,
  • 你想多了(或者就是腦子是個好東西…),運營商會深度決議你的每一個資料包的,

說的跟真事兒一樣,就好像他們無所不知的樣子,我不明白這些懂點兒網路的人為什么總是學不會懂禮貌,其實我脾氣也不好,我心里早就一萬個XXX了,

但如果哪一天我也想聊聊這種話題,我會從一個具體的事情開始,嗯,今天就是,2021年春節前最后的一個周末,


我不能理解的一個問題是 一個UDP socket為什么不能多次bind不同的埠, UDP本身就是無狀態無連接的,它想發資料的時候,隨時抓一個和其它五元組不沖突的埠使用即可,但事實上在一個UDP socket的生命周期內,它的源埠是不會變的,這看起來對UDP施加了更緊的約束,我覺得這是不合理的,這種約束也太不UDP了,

我們看下面的代碼:

#!/usr/bin/python3

import socket
#import sys

sock = socket.socket(socket.AF_INET, socket.SOCK_DGRAM)

server_address = ('192.168.56.101', 1234)
message = str.encode('aaaaaaaaaaaaaaaaaaaaa')
sport = 4321

while True:
        sent = sock.sendto(message, server_address)
        sock.bind(('192.168.56.102', sport))
        sport = sport + 1

當你執行的時候,你會得到下面的報錯:

Traceback (most recent call last):
  File "./udpsender.py", line 14, in <module>
    sock.bind(('192.168.56.102', sport))
OSError: [Errno 22] Invalid argument

至少在Linux上是這樣的,

這是因為Linux禁止double bind:

int __inet_bind(struct sock *sk, struct sockaddr *uaddr, int addr_len,
		bool force_bind_address_no_port, bool with_lock)
{
	...
	/* Check these errors (active socket, double bind). */
	err = -EINVAL;
	if (sk->sk_state != TCP_CLOSE || inet->inet_num)
		goto out_release_sock;
	...
}

OK,既然我這么篤信這是不合理的,改了它便是了,執行下面的腳本:

#!/usr/bin/stap -g

%{
#include <net/inet_sock.h>
%}

function alter(ssk:long)
%{
	struct sock *sk = (struct sock *)STAP_ARG_ssk;
	struct inet_sock *inet = inet_sk(sk);
	sk->sk_prot->unhash(sk);

	inet->inet_num = 0;
%}

probe kernel.function("__inet_bind")
{
	alter($sk);
}

現在再來執行上面的python腳本試試看,

我們主要應該關注的是如果UDP socket每次發包都換一個不同的源埠,這將會在短時間內創造大量的五元組,這個事實會影響運營商的決策,

傳統的狀態防火墻,狀態NAT會用一個 五元組 來追蹤一條 連接 ,如果連接過多,就會對這些保存狀態的設備造成很大的壓力,這種壓力主要體現在兩個方面:

  • 存盤壓力:設備不得不配置大量的記憶體來保存大量的連接,
  • 處理器壓力:設備不得不在資料包到來的時候花更多的時間來匹配到一條連接,

由于UDP的無狀態特征,沒有任何報文指示一條連接什么時候該創建什么時候該銷毀,設備必須有能力自行老化已經創建的UDP連接,且不得不在權衡中作出抉擇:

  • 如果老化時間過短,將會破壞正常通信但通信頻率很低的UDP連接,
  • 如果老化時間過長,將會導致已經無效的UDP連接消耗大量的記憶體,這將為DDoS攻擊創造一個攻擊面,

攻擊者只需要用不同的UDP五元組構造報文使其經過狀態設備即可,由于UDP報文沒有任何指示連接創建銷毀的控制資訊,狀態設備不得不平等對待任何新來的五元組,即為它們創建連接,并且指定相同的老化時間,TCP與此完全不同,由于存在syn,fin,rst等控制資訊,狀態設備便可以針對不同狀態的TCP連接指定不同的老化時間,ESTABLISHED狀態的連接顯然要比其它狀態的連接老化時間長得多,

這導致使用TCP來實施同樣的攻擊會困難很多,

為什么,為什么快速構造不同的TCP五元組達不到UDP同樣的效果?

  • 如果你只是盲目的用不同源埠發送syn,在沒有真正的對端回應的情況下,這種狀態的連接將會很快老化掉(10秒以內,甚至更短),
  • 如果你構造使用不同埠的大量真正的TCP連接,那么在狀態設備受到傷害的同時,你自己也必須付出巨大的代價來維持住這些連接,

你發起一個TCP連接,為了讓狀態設備保存這條連接,你自己也不得不保存這條連接,除非你通過海量的反射主機同時發起真連接,否則在單臺甚至少量的主機上,這種攻擊很難奏效,

辦法也不是沒有,如果你能在三次握手成功創建連接后迅速關掉它們,同時阻止任何rst,fin報文的發出,攻擊可能會簡單一些,
在這里插入圖片描述

在S上執行下面的命令:

while true; do telnet 172.18.0.1 22;done

刷一波之后,在Midbox上查看conntrack條目:

# conntrack -L -p tcp src 172.16.0.1|grep ESTABLISHED |wc -l
conntrack v1.4.5 (conntrack-tools): 14118 flow entries have been shown.
14117

而此時,S和D上均早已經看不見任何連接了:

# netstat -antp|grep 172.16.0.1 |wc -l
0

此外,不通過協議堆疊,構造raw報文來進行TCP握手進行攻擊,本地不保存任何TCP連接資訊顯然是一種 更佳 的方法,因為我懶得去寫那么多代碼,也不想折騰scapy這種東西,就只能用上述iptables/stap的方式模擬了,

然而無論怎樣,TCP做類似的攻擊依然達不到UDP快速構建連接損害狀態設備的效果,至少效率損失個3倍(需要三次握手)起跳吧,

好了,結束對狀態設備的討論,現在問題又來了,如果是非狀態設備呢?

既然是無狀態設備,我們便不必再糾結五元組連接的保持了,但是UDP短期構造海量五元組的能力仍然會影響無狀態設備包分類演算法的正常運行,基于包分類演算法的優先級佇列,快取管理幾乎也是通過五元組計算來完成的,UDP的特征將會使無狀態設備對其做流量管控變得困難,其結果就是,眼睜睜任憑UDP流量擠滿各級佇列快取卻沒有辦法將其精確識別出來,即便是BBR遇到了UDP流量,也只能自降pacing rate而興嘆,在它看來,瓶頸帶寬是真的減小了,運營商設備本應該做的更多,然而它卻無能為力,

運營商(特別是國內運營商)顯然沒有能力和精力根據TCP和UDP的不同去深度定制不同的QoS策略,一刀切顯然是最便捷的手段,

當然,國內運營商的帶寬套餐超賣可能會導致下面的事情的發生(本人從不同非技術渠道獲知,用技術手段確認):

  • 自然月月初,為了給套餐用戶極佳的體驗,會在高峰期對幾乎所有UDP流量進行限制,包括丟包,低優先級佇列,限速等等,
  • 自然月月末,很多套餐用戶流量已經超限,會適當放開對UDP流量的管制來實作自然限速,

這就是我為什么總是提倡 “在自然月月初的時候把你的UDP流量的UDP頭換成TCP頭,接收端再換回來” 的原因,

當我說這個話的時候,我聽到過兩種意思截然相反的反對聲音:

  • 運營商的設備根本不會去檢測每一個報文到底是TCP還是UDP,更不會做深度包決議,這會嚴重影響性能,所以換頭這個方法幾乎沒用,
  • 運營商的設備會檢查每一個經過的報文,很容易發現你這個假的TCP頭,這么做更容易導致你的報文被丟棄,所以換頭這個方法幾乎沒用,

我不知道這些人出于什么目的,我和他們并不熟識,只是單純的討論技術而已,在我要求他們給出理論分析或者至少給出測驗資料的時候,他們便再也不回復了,我不知道他們是出于什么心態處處反駁,大概是為了彰顯一下自己?不得而知,為了懟而懟沒有意義,還是要親自試一下,

當我需要親自試一下的時候,又有人出來懟了,大概是說,即便真的要這么做,何必換頭,直接修改掉IP頭的protocol欄位即可,很多人煞有其事地告訴我,直接改個欄位就行:

...
if (iph->protocol == IPPROTO_TCP) {
	iph->protocol = IPPROTO_UDP;
	ip_send_check(iph);
	udph->check = 0;
} else if (iph->protocol == IPPROTO_UDP) {
	iph->protocol = IPPROTO_TCP;
	ip_send_check(iph);
}

我敢保證他們絕對沒有真的試過,因為當你真正去這么嘗試的時候,就會發現,丟包率大大增加了,甚至根本無法通信!這個事實難道沒有從反面證明換頭操作會影響運營商的QoS策略嗎?

下面是我測驗這種情況的一個代碼片段,它是一個udpping程式,每次發給對端一個隨機的字串,等待對端echo回來,首先在對端部署僅僅修改IP頭protocol欄位的邏輯,并且執行socat:

socat -v UDP-LISTEN:4321,fork PIPE

發送端同樣部署上述的IP頭換protocol欄位的邏輯,執行發送的代碼片段如下:

while True:
	payload= random_string(20)
	sock.sendto(payload.encode(), (IP, PORT))
	...
	recv_data,addr = sock.recvfrom(65536)
	if addr[0]==IP and addr[1]==PORT:
		rtt=((time.time()-time_of_send)*1000)
		print("Reply from",IP,"seq=%d"%count, "time=%.2f"%(rtt),"ms")
	...

很遺憾,結果如下:

# 地址和rtt為偽造,真實測驗鏈路為上海到日本,
Reply from 123.123.123.123 seq=97 time=25.41 ms
Request timed out
Request timed out
Request timed out
Reply from 123.123.123.123 seq=101 time=25.41 ms
Request timed out
Reply from 123.123.123.123 seq=103 time=25.44 ms
Reply from 123.123.123.123 seq=104 time=25.39 ms
Request timed out
Request timed out
Request timed out
Reply from 123.123.123.123 seq=108 time=25.40 ms
Reply from 123.123.123.123 seq=109 time=25.43 ms

由于發包程式發送的是random字串,它們將會被決議成TCP頭超過UDP頭大小的部分,抓包可以一窺究竟,它可以分別被決議成下面的樣子:

IP (tos 0x20, ttl 64, id 60168, offset 0, flags [DF], proto TCP (6), length 128)
    111.111.111.111.1234 > 123.123.123.123.4321: Flags [FSRPUE], cksum 0x5651 (incorrect -> 0x1bba), seq 7108832:7108912, win 17975, urg 19510, options [[bad opt]
...
IP (tos 0x20, ttl 64, id 60969, offset 0, flags [DF], proto TCP (6), length 128)
    111.111.111.111.1234 > 123.123.123.123.4321:  tcp 96 [bad hdr length 12 - too short, < 20]
...
IP (tos 0x20, ttl 64, id 63113, offset 0, flags [DF], proto TCP (6), length 128)
    111.111.111.111.1234 > 123.123.123.123.4321: Flags [RE], cksum 0x5430 (incorrect -> 0x8e6e), seq 7108832:7108920, win 20022, length 88 [RST+ lCufDCd5oRmJCW02dV6coRDKCGVmJc]

嗯,結果大概就是這個樣子,

僅僅修改IP頭的protocol欄位,僅僅將TCP修改成UDP為什么不行?

因為運營商狀態設備確實會檢查TCP報文中的syn,ack,fin,rst等標志(否則它們如何創建連接呢?),如果狀態設備確實檢查了這些標志,那么它就會在內部維護一個TCP連接的狀態機,至少大概是這樣,如果你的TCP報文序列嚴重違反了TCP狀態機,結果可想而知,

如果只是設定了syn而沒有設定ack,并且這個偽造的TCP報文還攜帶資料,在我的測驗環境中則是被100%丟棄,

如果你只是修改了IP頭的protocol欄位,比方說改成了TCP,那么運營商設備就會將后面的UDP頭決議成TCP頭,由于UDP頭只有8個位元組,而TCP頭的flag欄位在8位元組以外,因此運營商設備會將UDP的payload決議成TCP頭的flag欄位,而UDP payload幾乎可以是任意的,

感謝TCP頭和UDP頭的前兩個欄位是一致的!

因此,如果要執行UDP頭換TCP頭的操作,并不是如那些信口開河之人想象的那樣簡單的,至少我測驗下來,需要做的是:

  • 不要帶syn標志,因為運營商設備可能會檢查syn標志和payload的互斥性(即不允許fastopen),
  • 保持一個單調遞增的的Seq Number以及一個單調遞增的Ack Number,
  • 沒有必要非要發送偽造的syn和syn/ack,這個類似Linux nf_conntrack的nf_conntrack_tcp_loose配置,網路允許路由的不對稱,因此loose是寬松的,

下面的代碼片段將UDP換成TCP頭,為了不妨礙Netfilter深度檢測報文,這個代碼要在POSTROUTING的最后執行:

struct iphdr *iph = ip_hdr(skb), ihdr;
struct dst_entry *dst = NULL;
static unsigned int seq = 1239876;
static unsigned int ack_seq = 2345;

udph = (struct udphdr *)start;
ihdr = *iph;
uhdr = *udph;

if (iph->protocol != IPPROTO_UDP)
	goto out;

ihdr.protocol = IPPROTO_TCP;
oldlen = ntohs(ihdr.tot_len);
ihdr.tot_len = htons(oldlen + delta);

if ((dst = skb_dst(skb)) == NULL)
	goto out;

// 假TCP不支持TSO/GSO,因此由于新增了12位元組的TCP和UDP頭長差之后超過MTU的包不予換頭,
if (oldlen + delta +  LL_RESERVED_SPACE(dst->dev) > dst_mtu(dst))
	goto out;

if (pskb_expand_head(skb, delta, 0, GFP_ATOMIC))
	goto out;

iph = (struct iphdr *)skb_push(skb, delta);
	*iph = ihdr;

skb_reset_network_header(skb);
skb_set_transport_header(skb, iph->ihl*4);

ip_send_check(iph);

tcph = (struct tcphdr *)skb_transport_header(skb);
tcph->source = uhdr.source;
tcph->dest = uhdr.dest;
tcph->seq = htonl(seq);
seq += 1000;
tcph->ack_seq = ack_seq;
tcph->syn = 0;
tcph->doff = 5;
tcph->ack = 1;
tcph->urg = 1;
tcph->rst = 0;
tcph->fin = 0;
tcph->window = htons(1000);
// 無需計算TCP校驗和,因為我會在接收端將它換回UDP并且取消校驗和檢查,以實作真正的盡力而為的弱校驗,

將UDP頭換成TCP頭之后,在另一端,我們需要執行相反的操作,將偽造的假TCP頭再換回UDP,這個要更容易些,至少不需要expand_head了,

下面的代碼在PREROUTING的raw之后conntrack之前執行,這是因為需要在iptables的raw表中對需要轉換的資料包進行識別,并且要保證恢復UDP頭之后不影響后續可能存在的nf_conntrack操作:

struct iphdr *iph = ip_hdr(skb), ihdr;
struct dst_entry *dst = NULL;

udph = (struct udphdr *)start;
ihdr = *iph;
uhdr = *udph;

if (iph->protocol != IPPROTO_TCP)
	goto out;

ihdr.protocol = IPPROTO_UDP;
oldlen = ntohs(ihdr.tot_len);
ihdr.tot_len = htons(oldlen - delta);

iph = (struct iphdr *)skb_pull(skb, delta);
*iph = ihdr;

skb_reset_network_header(skb);
skb_set_transport_header(skb,  iph->ihl*4);

ip_send_check(iph);

udph = (struct udphdr *)skb_transport_header(skb);
udph->source = thdr.source;
udph->dest = thdr.dest;
udph->len = htons(ntohs(iph->tot_len) - sizeof(struct iphdr));
// 取消校驗和,補償下換頭操作帶來的額外延遲,
udph->check = 0;

下面是一個iperf測驗中換頭功能切換前后的抓包效果:

23:37:25.951045 IP 192.168.56.101.1234 > 192.168.56.102.4321: UDP, length 1000
23:37:25.957493 IP 192.168.56.101.1234 > 192.168.56.102.4321: UDP, length 1000
23:37:25.968388 IP 192.168.56.101.1234 > 192.168.56.102.4321: UDP, length 1000
23:37:25.973226 IP 192.168.56.101.1234 > 192.168.56.102.4321: UDP, length 1000
23:37:25.988933 IP 192.168.56.101.1234 > 192.168.56.102.4321: UDP, length 1000
23:37:25.988933 IP 192.168.56.101.1234 > 192.168.56.102.4321: UDP, length 1000
23:37:26.009427 IP 192.168.56.102.4321 > 192.168.56.101.1234: UDP, length 1000
23:39:03.572431 IP 192.168.56.101.1234 > 192.168.56.102.4321: Flags [.UEW], seq 8934678:8935678, ack 3458334720, win 1000, urg 43727, length 1000
23:39:03.580616 IP 192.168.56.101.1234 > 192.168.56.102.4321: Flags [.UEW], seq 1000:2000, ack 1, win 1000, urg 35592, length 1000
23:39:03.587336 IP 192.168.56.101.1234 > 192.168.56.102.4321: Flags [.UEW], seq 2000:3000, ack 1, win 1000, urg 28841, length 1000
23:39:03.597182 IP 192.168.56.101.1234 > 192.168.56.102.4321: Flags [.UEW], seq 3000:4000, ack 1, win 1000, urg 19029, length 1000
23:39:03.603321 IP 192.168.56.101.1234 > 192.168.56.102.4321: Flags [.UEW], seq 4000:5000, ack 1, win 1000, urg 12785, length 1000
23:39:03.610564 IP 192.168.56.101.1234 > 192.168.56.102.4321: Flags [.UEW], seq 5000:6000, ack 1, win 1000, urg 5600, length 1000
23:39:03.618043 IP 192.168.56.101.1234 > 192.168.56.102.4321: Flags [.UEW], seq 6000:7000, ack 1, win 1000, urg 63666, length 1000

好漂亮的序列,

關于重算IP頭校驗和的問題,很多人是很反感,總覺得這里會增加額外的處理延時,實際上這種校驗和計算開銷是可以忽略不計的,

校驗和是一種非常弱的校驗演算法,它本質上就是就是將資料序列按照16bits拆分,然后將這些16bits資料加到一起,從這個基本原理可以看出,用 加法交換律 很容易實作 修改資料而不改變校驗和 以及 校驗和增量重新計算

下面的代碼展示了通過修改IP頭的id欄位來彌補protocol欄位和tot_len欄位的的改變從而不改變原始的校驗和:

unsigned short old1 = *(unsigned short *)&iph->ttl; // ttl和protocol合體作為16bits參與計算
unsigned short old2 = *(unsigned short *)&iph->tot_len; // 換頭后總長會改變
unsigned short *pID;

...// 修改protocol和總長
pID = (unsigned short *)&iph->id;
*pID -= *(unsigned *)&iph->ttl - old1;
*pID -= *(unsigned *)&iph->tot_len - old2;

我個人傾向于采用同時修改IPID和原始IP校驗和的方式,因為這樣可以應對中間設備對IPID的分布進行掃描:

  • 同一臺主機發出報文的IPID欄位呈現偽遞增趨勢,
  • 如果同一個源IP的IPID是亂序的,中間設備會認為這是被NAT的不同主機發出的,進而可能給出不同的排隊優先級,

下面的代碼實作了校驗和的增量計算:

unsigned short old1 = *(unsigned short *)&iph->ttl; // ttl和protocol合體作為16bits參與計算
unsigned short old2 = *(unsigned short *)&iph->tot_len; // 換頭后總長會改變

... // 修改protocol和總長
iph->check = ~iph->check + *(unsigned *)&iph->ttl - old1 + *(unsigned *)&iph->tot_len - old2;
iph->check = ~iph->check;

其實,由于IP頭本身就很小,一共才10個bits,因此即便是重新全部計算一遍也不會有多大開銷,而諸如TCP,UDP這種連帶載荷一起計算的校驗和才能算得上開銷,慢載MSS的報文差不多需要700多次的計算,因此一般比如在做了NAT之后需要對TCP/UDP重新計算校驗和的時候,會用增量計算,只計算改變的量,而IP頭的校驗和,無所謂咯,

TCP校驗和太弱了,以至于我們完全不可信任它,交換payload的兩個16bits不會影響檢驗和的正確性,因此在我們下載檔案的時候,一般會順手下載一個MD5檔案用來自行校驗,

有點跑題,OK,言歸正傳,

我在公網上進行了測驗,同樣的上海到日本的鏈路,換頭操作之后丟包率小幅降低但不是很明顯,等哪天我找一條國內的鏈路在流量高峰期測驗一把再看效果,

行文至此,可以看到,首先,運營商真的會根據UDP和TCP標志做區分對待,其次,UDP頭換成TCP頭傳輸在技術上是可行的,現在,我想最后聊一下這種技術適合做什么,不能做什么,

顯然,TCP換頭有個前提,你必須能控制兩端,換句話說這是一個雙邊操作,這和IP/GRE/TCP/UDP/VXX等隧道技術非常相似,簡直就是同一類東西,當你可以控制兩端時,你才有能力去搭建一條隧道,那么隧道里封裝什么呢?

在我看來,任何東西都可以封裝在這個偽造的假TCP隧道里,當然,包括皮鞋和真絲的領帶,

現在,讓我們忽略隧道的概念,我可以把遇到的任意UDP頭換成TCP頭嗎?比如DNS的流量?

當然可以!并且我建議你這么做!只要你能卡住該UDP流量必經路徑上的兩個點,你就可以在這兩個點之間將UDP頭換成TCP頭,我的理由如下:

  • 不要誤會,我的TCP不會帶來任何TCP意義上的開銷,不保存連接,無重傳,不保序,這是個假的TCP,只是一個TCP頭罷了,
  • 本來UDP就是盡力而為的,換成偽造的假TCP并不會讓事情變得更糟糕,
  • 運營商對TCP更加友好,對UDP不友好,但卻無力深度檢測TCP連接的真實性,

zhengjiang wenzhou skinshoe wet,down rain enter water not can fat.
浙江溫州皮鞋濕,下雨進水不會胖,

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

標籤:其他

上一篇:leetcode上關于單向鏈表的《反轉鏈表》求解步驟及思路(C語言)

下一篇:Javascript初學者筆記篇

標籤雲
其他(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