主頁 > 前端設計 > 轉載:網站性能問題測驗

轉載:網站性能問題測驗

2020-09-15 04:39:46 前端設計

8秒原則:作為一名站長要知道,如果你的網站點擊后在8秒之內還無法打開,那么客戶一定會關閉掉然后去尋找另外一個同類網站。

網站打開速度慢主要原因:

網站為PHP、asp、asp.net、jave、jsp等語言開發的動態網站時,網站沒有生成靜態頁面或實作偽靜態。
網頁采用的是table或div + table的網頁布局方式,代碼書寫不規范,代碼書寫中重復代碼太多,應該精減,并采用符合國際WEB開發標準代碼書寫,我們建議用 div + CSS 網頁布局制作符合W3C標準的網頁。
網頁運用的圖片太多,嚴重影響網站的加載速度,例如網站導航、邊欄、網頁背景圖片,廣告圖片等。
網頁動態腳本太多,且書寫不規范,例如:javascript、在線客服太多、當前時間代碼和天氣情況代碼。
客戶不能因為行業特殊,些網站做得比較花哨,切圖制作也不能做得粗糙,粗糙制作出來的網頁中可能會有很多圖片尺寸較大,這將也嚴重影響打開速度。
關于網站視頻,您的視頻可以單獨放在視頻服務器里,或是通過大型視頻網站中轉一下。例如先上傳到優酷、新浪播客,然后把網址鏈接參考到網站代碼中,切記不要單獨放在自己的網頁服務器中。
選擇優質服務器,保證網站的打開速度和穩定性,建議在PING出來的反映速度保持在15秒內為最好。
網站訪問速度慢原因有很多。我們可使用一些常用命令來初步檢測變慢的原因:

Ping命令:

用于檢查您本地電腦到服務器之間連接是否正常,根據所回傳的時間長短,我們可以初步確定你的網路和服務器之間的通信是否通暢,時間數值越小越好,如果時間數值一會高一會低,一般是因為您的寬帶當前網路狀況不佳,如果數值比較大,我們就要進行第二步使用tracert命令檢測,下一步我們會說到tracert命令。此命令同樣可以查看某個域名是指向哪個IP地址的。

ping 域名或IP地址。操作步驟:點“開始”-“運行”-輸入CMD-確定后在DOS字符下輸入:ping命令,如ping 220.181.107.31 或者 ping www.nowamagic.net。

Tracert命令:

用于檢查您本地電腦發送資料包到遠程服務器所經過所有網關的地址及時間。 使用這個命令,我們可以檢查訪問服務器是因為哪里的網關速度慢而影響了訪問速度。

操作步驟:點“開始”-“運行”-輸入CMD-確定后在DOS字符下輸入:Tracert命令,如Tracert 220.181.107.31 或者 Tracert www.nowamagic.net 。

使用此命令后,我們可以看一下哪個IP出現時間數值突然很高的,我們就查詢一下這個IP是哪里的網關IP,可以在www.ip138.com上輸入此IP查詢一下。這樣我們就可以知道為什么訪問慢的原因了。

也許你會問,那為什么我訪問其它一些網站速度沒有變慢呢?因為訪問每個網站所經過的網關并不一定是同一臺網關服務器。

機房服務器的原因

目前,我國主要有電信機房、網通機房、雙線機房。當用戶和網站處于不同網段,如服務器在電信,而用網通訪問肯定會慢。

服務器本身硬體配置低及服務器空間小、帶寬不夠而影響速度。或者帶寬夠但限制過死速度也會慢。雙線機房如因機房出口帶寬不夠可導致電信網通訪問都不快。

服務器維護或更新也會出現網站打開慢的情況,通常情況下是在晚上2點左右維護或更新。

網路設備問題

不按正確標準(T586A、T586B)制作的網線,存在很大的隱患。表現為:
一種情況是剛開始使用時網速就很慢;另一種情況則是開始網速正常,但過了一段時間后,網速變慢。后一種情況在臺式電腦上表現非常明顯,但用筆記本電腦檢查時網速卻表現為正常。對于這一問題本人經多年實踐發現,因不按正確標準制作的網線引起的網速變慢還同時與網卡的質量有關。一般臺式計算機的網卡的性能不如筆記本電腦的,因此,在用交換法排除故障時,使用筆記本電腦檢測網速正常并不能排除網線不按標準制作這一問題的存在。我們現在要求一律按T586A、T586B標準來壓制網線,在檢測故障時不能一律用筆記本電腦來代替臺式電腦。

網路設備硬體故障引起的廣播風暴而導致網速變慢
作為發現未知設備的主要手段,廣播在網路中起著非常重要的作用。然而,隨著網路中計算機數量的增多,廣播包的數量會急劇增加。當廣播包的數量達到30%時,網路的傳輸效率將會明顯下降。當網卡或網路設備損壞后,會不停地發送廣播包,從而導致廣播風暴,使網路通信陷于癱瘓。因此,當網路設備硬體有故障時也會引起網速變慢。當懷疑有此類故障時,首先可采用置換法替換集線器或交換機來排除集線設備故障。如果這些設備沒有故障,關掉集線器或交換機的電源后,DOS下用 "Ping"命令對所涉及計算機逐一測驗,找到有故障網卡的計算機,更換新的網卡即可恢復網速正常。網卡、集線器以及交換機是最容易出現故障引起網速變慢的設備。

網路中存在回路導致網速變慢
當網路涉及的節點數不是很多、結構不是很復雜時,這種現象一般很少發生。但在一些比較復雜的網路中,經常有多余的備用線路,如無意間連上時會構成回路。比如網線從網路中心接到計算機一室,再從計算機一室接到計算機二室。同時從網路中心又有一條備用線路直接連到計算機二室,若這幾條線同時接通,則構成回路,資料包會不斷發送和校驗資料,從而影響整體網速。這種情況查找比較困難。為避免這種情況發生,要求我們在鋪設網線時一定養成良好的習慣:網線打上明顯的標簽,有備用線路的地方要做好記載。當懷疑有此類故障發生時,一般采用磁區分段逐步排除的方法。

網路中某個埠形成了瓶頸導致網速變慢
實際上,路由器廣域網埠和局域網埠、交換機埠、集線器埠和服務器網卡等都可能成為網路瓶頸。當網速變慢時,我們可在網路使用高峰時段,利用網管軟體查看路由器、交換機、服務器埠的資料流量;也可用 Netstat命令統計各個埠的資料流量。據此確認網路資料流通瓶頸的位置,設法增加其帶寬。具體方法很多,如更換服務器網卡為100M或1000M、安裝多個網卡、劃分多個VLAN、改變路由器配置來增加帶寬等,都可以有效地緩解網路瓶頸,可以最大限度地提高資料傳輸速度。

訪問的網站負荷太重,帶寬相對太窄,本地網路速度太慢,過多臺電腦共享上網,或共享上網用戶中有大量下載時也會出現打開網頁速度慢的問題。
網站程式對訪問速度的影響

采用SQL資料庫的程式比ACCESS的要快,采用快取或其它加速技術開發出來的網站比傳統的網站速度也要快很多。
盡量使用靜態HTML頁面
眾所周知,ASP、PHP、JSP等程式實作了網頁資訊的動態互動,運行起來的確非常方便,因為它們的資料互動性好,能很方便地存取、更改資料庫的內容,使網站“動”起來,如:論壇、留言板等。但是這類程式必須先由服務器執行處理后,生成HTML頁面,然后再“送”往客戶端瀏覽,這就不得不耗費一定的服務器資源。如果在虛擬主機上過多地使用這類程式,網頁顯示速度肯定會慢,所以沒有必要,請盡量使用靜態的HTML頁面。

將ASP、ASPX、PHP等檔案的訪問改為js參考
這在ASP、ASPX、PHP等程式設計時應該注意的,如果你要在靜態的HTML頁面里嵌入動態的資料,而這些動態的資料是由ASP、PHP等程式來提供的話,會使用以下的陳述句參考:,這樣的話,每次有一個人訪問你的網站,服務器就要執行并處理一次tongji.asp檔案,從資料庫抽取相應的資料,再輸出給網頁顯示,如果有幾萬個人同時訪問,就要執行幾萬次,后果就可想而知。建議在這些程式中將資料動態生成到一個1.js檔案中去,然后在首頁通過 <SCRIPT src="http://www.nowamagic.net/1.js"></SCRIPT> 這樣的代碼來參考該1.js檔案。這樣,資料顯示的任務就交給客戶端的瀏覽器去做,不會耗費服務器的資源,顯示速度自然就很快。

使用iframe嵌套另一頁面
如果你要在網站上插入一些廣告代碼,又不想讓這些廣告網站影響速度的話,那么,使用iframe最合適不過了。方法是:將這些廣告代碼放到一個獨立的頁面去,然后在首頁用如下的代碼將該頁面嵌入即可,這樣就不會因為廣告頁面的延遲而拖了整個首頁的顯示,代碼如下:

1 <IFRAME marginWidth=0 marginHeight=0src="http://www.nowamagic.com/index.php" frameBorder=0 width=468scrolling=no height=60 leftmargin="0" topmargin="0"></IFRAME>
其中http://www.nowamagic.com/index.php是被參考檔案的路徑。

少用javascript特效
如滑鼠的特效、頁面上的欄目的特效、狀態欄的特效等等。其原理是先由服務器下載到本地的機器,然后在本地機器上運行產生。特效做得多了自然就加重本地機器運行負擔,如果機器配置一般的話,那就更慢了。

javascript大多數是從別的站拷貝過來用的,一來由于代碼在流傳的程序中可能出錯或不完整,拷貝過來導致網站癱瘓;二來是有人將惡意代碼偽裝成特效代碼,給人帶來安全危害。

如果要用,也要選擇比較正規的站點下載安全的特效代碼。

網站上可能沒有錯誤的代碼。將錯誤代碼找出來改正吧!
盡量采用成熟的商業原始碼做站,將圖片傳到自己的空間使用而不要遠程呼叫。其他網站的圖片,因為一旦對方站的訪問速度慢是會對你的網站有影響的!盡量不要放小廣告商的廣告代碼,很多小的廣告商服務器性能不好導致網站廣告半天顯示不出來嚴重影響網站瀏覽速度。

網頁上用了未經處理的大圖片
未經處理的大圖片,一開始都會占用很大空間而使網站打開速度很慢。可用photoshop、fireworks等作圖軟體將圖片尺寸適當縮小。

網頁上放有大量flash或影視檔案
首頁放上flash的影片、歌曲,或者電視臺直播、電影直播之類。flash往往由于網路的原因不能順利下載播放,使頁面一直處于等待下載的狀態。電影電視直播,本身要經過一小段時間的緩沖和下載才能開始播放,如果網路不好就下載和播放不了。

建議少用大的flash、少用影視直播(最好是不用),否則會使你的頁面打開的速度變得非常慢。

空間上放有下載檔案!
如果用戶用網路快車類的下載軟體,每一個執行緒就表示一個在線,非常厲害!

將在別的地方申請的一些域名指向到網站上
如果是頂級域名直接指向過來,那對速度不會有很大影響。但有很多免費申請的若干級的域名,它本身速度就很慢,再經過幾次轉向,速度可想而知了。

網站圖片、檔案被人盜鏈
如:你的網站有張圖片檔案,被粘貼(注意是粘貼不是上傳)到別的網站!別的網站的用戶在瀏覽該檔案的時候也算一個在線人數。尤其是LOGO連接的時候注意,一定要對方把您的LOGO上傳到他的空間。

網頁布局不合理的影響

網頁布局不合理造成打開速度慢
例如在打開首頁的時候,頭部很快就打開了,但是中間的部分要停頓3-5秒的時間,就是在本機測驗也是這樣的問題。這種就是由于很多站長為了追求頁面統一對齊,將整個頁面的內容都塞進了一個Table(表格)里,即在同一個表格中放了太多的內容引起的。然后再由單元格td來劃分各個“塊”的布局,這種網站的顯示速度是絕對慢的。解決辦法是在一個網頁中使用多級表格(在網頁中從上到下存放表格,不要嵌套在同一個大的表格中)存放內容。

幫頁面減肥
我們瀏覽網頁實際上是將虛擬主機中的網頁內容下載到本地硬碟,再用瀏覽器解釋查看的。下載網頁的快慢在顯示速度上占了很大比重,所以,網頁本身所占的空間越小,那么瀏覽速度就會越快。這就要求在做網頁的時候遵循一切從簡的原則,如:不要使用太大的Flash影片、圖片等資源。干凈、簡潔的頁面會給人一種思路明朗的感覺。

講究網站計數器代碼放置的技巧
在網頁里放置計數器可以統計網站的訪問流量,為站長和廣告商家提供訪問依據,但是,不管功能有多強大的網站統計系統,都會有出故障的時候。如果直接把統計代碼放到頁面內容的前面,或者放在一個Table或者div標簽里,那么在計數器不能訪問的時候,你的頁面上那個Table或者div就會產生幾十秒鐘的延遲,導致頁面很長時間才能訪問。所以,要提高網站的速度,就要講究統計代碼放置的位置,正確的方法是:把統計代碼放到頁面的最下面,并且不要和頁面內容同在一個Table或者div標簽里。可以在頁面代碼的最下方直接放置統計代碼,或者在最下方單獨做一個Table或者div來放置計數器。這樣,在計數器不能訪問的時候,你的網站速度也不會受到絲毫影響。

另網站QQ客服等在線代碼建議放到網頁底部,不要放在網頁頭部,否則會導致整個網站半天沒反應的。

友情鏈接的學問
網站之間互相做鏈接可以增加網站的宣傳效果,做LOGO圖片鏈接更能準確地描述網站的主題和定位,宣傳效果會大大的增強,但圖片鏈接做得太多,必然會影響網頁的顯示速度。很多站長都喜歡直接參考友情網站上的圖片URL,這樣圖片要先經過加載才能顯示的,各個友情網站的訪問速度不一樣,整個表格都要等圖片都下載完了才能顯示出來,這樣大大降低了網頁的速度。因此,做友情鏈接時應盡量做到:

只做文字鏈接:做文字鏈接是不會延遲網頁速度的。
將所有鏈接放到一個獨立的分頁去,然后在首頁鏈接上該頁。
如果友情鏈接一定要出現在首頁,請將鏈接所在的整個Table放到頁面的最下方,因為頁面是由上到下逐行顯示的,將其放到頁面的最下方,不會延遲其他內容的顯示。
友情鏈接的LOGO圖片先下載后再傳到自己的網頁空間,這樣,速度由自己的網站空間決定而不受友情網站的影響。
過多地參考了其他網站的內容
包括參考其他網站的圖片、影音檔案等。如果直接在頁面參考別的網站的東西,而那個網站的速度又慢或者該頁面已經不存在了,那么打開的速度就會很慢了。

客戶機本身問題

系統有病毒
尤其是蠕蟲類病毒,嚴重消耗系統資源,打不開頁面,甚至死機。 我們必須及時升級所用殺毒軟體;計算機也要及時升級、安裝系統補丁程式,同時卸載不必要的服務、關閉不必要的埠,以提高系統的安全性和可靠性。

某些流氓插件影響
用IE強力修復工具,馬上你就可以看到效果了。要不就是你本身的網速就慢。

使用的瀏覽器有BUG
例如多視窗瀏覽器的某些測驗版也會出現打開網頁速度慢的問題。

資料庫很大了,承受不住了。
系統存在漏洞
如沖擊波等病毒就是通過漏洞傳播并導致系統緩慢甚至癱瘓的。

有關網路防火墻設定不允許多執行緒訪問
例如目前WinXPSP2就對此默認做了限制,使用多執行緒下載工具(BT、迅雷)就受到了極大限制。同時打開過多頁面也會出現打開網頁速度慢的問題。如防火墻多個同時在使用,只要保留一個功能強大防火墻。

本地網路速度太慢
多臺電腦共享上網,或共享上網用戶中有大量下載時也會出現打開網頁速度慢的問題。

系統資源不足
加載了太多的運用程式在后臺運行,請合理的加載軟體或洗掉無用的程式及檔案,將資源空出,以達到提高網速的目的。

機器配置和設定影響網站打開慢
我們可受用以下方法:

在我的電腦視窗,右擊要清理的盤符-"屬性"-"清理磁盤"--勾選要洗掉的檔案--確定--是。
清除臨時檔案,開始-運行-輸入 %temp% --確定。
用優化大師或超級兔子清理注冊表和垃圾檔案。
關閉一些啟動程式. 開始-運行-msconfig---啟動 ,除殺毒軟體、輸入法外一般的程式都可以關掉。
洗掉不用的程式軟體。
整理磁盤碎片--開始 --所有程式--附件--系統工具--磁盤碎片整理程式--選定C--分析--碎片整理。

uj5u.com熱心網友回復:

uj5u.com熱心網友回復:

參考 1 樓 hookee 的回復:

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

標籤:應用服務器

上一篇:怎么解決iframe呼叫部分第三方網頁顯示不出資料引數的問題。

下一篇:屌大的,為什么Haproxy集群壓測TPS比不上單機

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