主頁 > 前端設計 > WEB測驗方法總結-筆記

WEB測驗方法總結-筆記

2020-11-07 08:21:01 前端設計

一、輸入框
1、字符型輸入框:
(1)字符型輸入框:英文全角、英文半角、數字、慷訓者空格、特殊字符“~!@#¥%……&*?[]{}”特別要注意單引號和&符號。禁止直接輸入特殊字符時,使用“粘貼、拷貝”功能嘗試輸入。
(2)長度檢查:最小長度、最大長度、最小長度-1、最大長度+1、輸入超工字符比如把整個文章拷貝過去。
(3)空格檢查:輸入的字符間有空格、字符前有空格、字符后有空格、字符前后有空格
(4)多行文本框輸入:允許回車換行、保存后再顯示能夠保存輸入的格式、僅輸入回車換行,檢查能否正確保存(若能,檢查保存結果,若不能,查看是否有正常提示)、
(5)安全性檢查:輸入特殊字串(null,NULL, ,javascript,<script>,</script>,<title>,<html>,<td>)、輸入腳本函式(<script>alert("abc")</script>)、doucment.write("abc")、<b>hello</b>)
2、數值型輸入框:
(1)邊界值:最大值、最小值、最大值+1、最小值-1 
(2)位數:最小位數、最大位數、最小位數-1最大位數+1、輸入超長值、輸入整數 
(3)例外值、特殊字符:輸入空白(NULL)、空格或"~!@#$%^&*()_+{}|[]\:"<>?;',./?;:'-=等可能導致系統錯誤的字符、禁止直接輸入特殊字符時,嘗試使用粘貼拷貝查看是否能正常提交、word中的特殊功能,
     通過剪貼板拷貝到輸入框,分頁符,分節符類似公式的上下標等、數值的特殊符號如∑,∏,+,-等、輸入負整數、負小數、分數、輸入字母或漢字、小數(小數前0點舍去的情況,多個小數點的情
     況)、首位為0的數字如01、02、科學計數法是否支持1.0E2、全角數字與半角數字、數字與字母混合、16進制,8進制數值、貨幣型輸入(允許小數點后面幾位)。
(4)安全性檢查:不能直接輸入就copy
3、日期型輸入框:
  (1)合法性檢查:(輸入0日、1日、32日)、月輸入[1、3、5、7、8、10、12]、日輸入[31]、月輸入[4、6、9、11]、日輸入[30][31]、輸入非閏年,月輸入[2],日期輸入[28、29]、輸入閏年,
      月輸入[2]、日期輸入[29、30]、月輸入[0、1、12、13]
  (2)例外值、特殊字符:輸入空白或NULL、輸入~!@#¥%……&*(){}[]等可能導致系統錯誤的字符
  (3)安全性檢查:不能直接輸入,就copy,是否資料檢驗出錯?
4、資訊重復:
   在一些需要命名,且名字應該唯一的資訊輸入重復的名字或ID,看系統有沒有處理,會否報錯,重名包括是否區分大小寫,以及在輸入內容的前后輸入空格,系統是否作出正確處理.
二、搜索功能
若查詢條件為輸入框,則參考輸入框對應型別的測驗方法
1、功能實作:
(1)如果支持模糊查詢,搜索名稱中任意一個字符是否能搜索到
(2)比較長的名稱是否能查到
(3)輸入系統中不存在的與之匹配的條件
(4)用戶進行查詢操作時,一般情況是不進行查詢條件的清空,除非需求特殊說明。
2、組合測驗:
(1)不同查詢條件之間來回選擇,是否出現頁面錯誤(單選框和多選框最容易出錯)
(2)測驗多個查詢條件時,要注意查詢條件的組合測驗,可能不同組合的測驗會報錯。
 
三、添加、修改功能
1、特殊鍵:
(1)是否支持Tab鍵
(2)是否支持回車鍵
2、提示資訊:
(1)不符合要求的地方是否有錯誤提示
3、唯一性:
(1)欄位唯一的,是否可以重復添加,添加后是否能修改為已存在的欄位(欄位包括區分大小寫以及在輸入的內容前后輸入空格,保存后,資料是否真的插入到資料庫中,注意保存后資料的正確性)
4、資料 正確性:
(1)對編輯頁的每個編輯項進行修改,點擊保存,是否可以保存成功,檢查想關聯的資料是否得到更新。
(2)進行必填項檢查(即是否給出提示以及提示后是否依然把資料存到資料庫中;是否提示后出現頁碼錯亂等)
(3)是否能夠連續添加(針對特殊情況)
(4)在編輯的時候,注意編輯項的長度限制,有時在添加的時候有,在編輯的時候卻沒有(注意要添加和修改規則是否一致)
(5)對于有圖片上傳功能的編輯框,若不上傳圖片,查看編輯頁面時是否顯示有默認的圖片,若上傳圖片,查看是否顯示為上傳圖片
(6)修改后增加資料后,特別要注意查詢頁面的資料是否及時更新,特別是在首頁時要注意資料的更新。
(7)提交資料時,連續多次點擊,查看系統會不會連續增加幾條相同的資料或報錯。
(8)若結果串列中沒有記錄或者沒選擇某條記錄,點擊修改按鈕,系統會拋例外。
 
四、洗掉功能
1、特殊鍵:
(1)是否支持Tab鍵
(2)是否支持回車鍵
2、提示資訊:
(1)不選擇任何資訊,直接點擊洗掉按鈕,是否有提示
(2)洗掉某條資訊時,應該有確認提示
3、資料 實作:
(1)是否能連續洗掉多個產品
(2)當只有一條資料時,是否可以洗掉成功
(3)洗掉一條資料后,是否可以添加相同的資料
(4)如系統支持批量洗掉,注意洗掉的資訊是否正確
(5)如有全選,注意是否把所有的資料洗掉
(6)洗掉資料時,要注意相應查詢頁面的資料是否及時更新
(7)如洗掉的資料與其他業務資料關聯,要注意其關聯性(如洗掉部門資訊時,部門下游員工,則應該給出提示)
(8)如果結果串列中沒有記錄或沒有選擇任何一條記錄,點擊洗掉按鈕系統會報錯。
 
如:某一功能模塊具有最基本的增刪改查功能,則需要進行以下測驗
單項功能測驗(增加、修改、查詢、洗掉)
增加——>增加——>增加 (連續增加測驗)
增加——>洗掉
增加——>洗掉——>增加 (新增加的內容與洗掉內容一致)
增加——>修改——>洗掉
修改——>修改——>修改 (連續修改測驗)
修改——>增加(新增加的內容與修改前內容一致)
修改——>洗掉
修改——>洗掉——>增加 (新增加的內容與洗掉內容一致)
洗掉——>洗掉——>洗掉 (連續洗掉測驗)
 
五、注冊、登陸模塊
1、注冊功能:
(1)注冊時,設定密碼為特殊版本號,檢查登錄時是否會報錯
(2)注冊成功后,頁面應該以登陸狀態跳轉到首頁或指定頁面
(3)在注冊資訊中洗掉已輸入的資訊,檢查是否可以注冊成功。
2、登錄 功能:
(1)輸入正確的用戶名和正確的密碼
(2)輸入正確的用戶名和錯誤的密碼
(3)輸入錯誤的用戶名和正確的密碼
(4)輸入錯誤的用戶名和錯誤的密碼
(5)不輸入用戶名和密碼(均為空格)
(6)只輸入用戶名,密碼為空
(7)用戶名為空,只輸入密碼
(8)輸入正確的用戶名和密碼,但是不區分大小寫
(9)用戶名和密碼包括特殊字符
(10)用戶名和密碼輸入超長值
(11)已洗掉的用戶名和密碼
(12)登錄時,當頁面重繪或重新輸入資料時,驗證碼是否更新
 
六、上傳圖片測驗
1、功能 實作:
(1)檔案型別正確、大小合適
(2)檔案型別正確,大小不合適
(3)檔案型別錯誤,大小合適
(4)檔案型別和大小都合適,上傳一個正在使用中的圖片
(5)檔案型別大小都合適,手動輸入存在的圖片地址來上傳
(6)檔案型別和大小都合適,輸入不存在的圖片地址來上傳
(7)檔案型別和大小都合適,輸入圖片名稱來上傳
(8)不選擇檔案直接點擊上傳,查看是否給出提示
(9)連續多次選擇不同的檔案,查看是否上傳最后一次選擇的檔案
 
七、查詢結果串列
1、功能 實作:
(1)串列、列寬是否合理
(2)串列資料太寬有沒有提供橫向滾動
(3)串列的列名有沒有與內容對應
(4)串列的每列的列名是否描述的清晰
(5)串列是否把不必要的列都顯示出來
(6)點擊某列進行排序,是否會報錯(點擊查看每一頁的排序是否正確)
(7)雙擊或單擊某列資訊,是否會報錯
 
八、回傳鍵檢查
1、一條已經成功提交的記錄,回傳后再提交,是否做了處理
2、檢查多次使用回傳鍵的情況,在有回傳鍵的地方,回傳到原來的頁面多次,查看是否會出錯
 
九、回車鍵檢查
在輸入結果后,直接按回車鍵,看系統如何處理,是否會報錯
 
十、重繪鍵檢查
在Web系統中,使用重繪鍵,看系統如何處理,是否會報錯
 
十一、直接URL鏈接檢查
1、在Web系統中,在地址欄直接輸入各個功能頁面的URL地址,看系統如何處理,是否能夠直接鏈接查看(匿名查看),是否有權限控制,是否直接執行,并回傳相應結果頁;
 
十二、界面和易用性測驗
1、風格、樣式、顏色是否協調
2、界面布局是否整齊、協調(保證全部顯示出來的,盡量不要使用滾動條
3、界面操作、標題描述是否恰當(描述有歧義、注意是否有錯別字)
4、操作是否符合人們的常規習慣(有沒有把相似的功能的控制元件放在一起,方便操作)
5、提示界面是否符合規范(不應該顯示英文的cancel、ok,應該顯示中文的確定等)
6、界面中各個控制元件是否對齊
7、日期控制元件是否可編輯
8、日期控制元件的長度是否合理,以修改時可以把時間全部顯示出來為準
9、查詢結果串列列寬是否合理、標簽描述是否合理
10、查詢結果串列太寬沒有橫向滾動提示
11、對于資訊比較長的文本,文本框有沒有提供自動豎直滾動條
12、資料錄入控制元件是否方便
13、有沒有支持Tab鍵,鍵的順序要有條理,不亂跳
14、有沒有提供相關的熱鍵
15、控制元件的提示語描述是否正確
16、模塊呼叫是否統一,相同的模塊是否呼叫同一個界面
17、用滾動條移動頁面時,頁面的控制元件是否顯示正常
18、日期的正確格式應該是XXXX-XX-XX或XXXX-XX-XX XX:XX:XX
19、頁面是否有多余按鈕或標簽
20、視窗標題或圖示是否與選單欄的統一
21、視窗的最大化、最小化是否能正確切換
22、對于正常的功能,用戶可以不必閱讀用戶手冊就能使用
23、執行風險操作時,有確認、洗掉等提示嗎
24、操作順序是否合理
25、正確性檢查:檢查頁面上的form, button, table, header, footer,提示資訊,還有其他文字拼寫,句子的語法等是否正確。
26、系統應該在用戶執行錯誤的操作之前提出警告,提示資訊.
27、頁面解析度檢查,在各種解析度瀏覽系統檢查系統界面友好性。
28、合理性檢查:做delete, update, add, cancel, back等操作后,查看資訊回到的頁面是否合理。
29、檢查本地化是否通過:英文版不應該有中文資訊,英文翻譯準確,專業。
 
十三、兼容性測驗
兼容性測驗不只是指界面在不同作業系統或瀏覽器下的兼容,有些功能方面的測驗,也要考慮到兼容性,
包括作業系統兼容和應用軟體兼容,可能還包括硬體兼容
比如涉及到ajax、jquery、javascript等技術的,都要考慮到不同瀏覽器下的兼容性問題。
 
十四、鏈接測驗
主要是保證鏈接的可用性和正確性,它也是網站測驗中比較重要的一個方面。
可以使用特定的工具如XENU來進行鏈接測驗。
1、導航測驗

導航描述了用戶在一個頁面內操作的方式,在不同的用戶介面控制之間,例如按鈕、對話框、串列和視窗等;或在不同的連接頁面之間。通過考慮下列問題,可以決定一個Web應用系統是否易于導航:
導航是否直觀?Web系統的主要部分是否可通過主頁存取?Web系統是否需要站點地圖、搜索引擎或其他的導航幫助?

在一個頁面上放太多的資訊往往起到與預期相反的效果。Web應用系統的用戶趨向于目的驅動,很快地掃描一個Web應用系統,看是否有滿足自己需要的資訊,如果沒有,就會很快地離開。很少有用戶
愿意花時間去熟悉Web應用系統的結構,因此,Web應用系統導航幫助要盡可能地準確。

導航的另一個重要方面是Web應用系統的頁面結構、導航、選單、連接的風格是否一致。確保用戶憑直覺就知道Web應用系統里面是否還有內容,內容在什么地方。

Web應用系統的層次一旦決定,就要著手測驗用戶導航功能,讓最終用戶參與這種測驗,效果將更加明顯。
2、圖形測驗

在Web應用系統中,適當的圖片和影片既能起到廣告宣傳的作用,又能起到美化頁面的功能。一個Web應用系統的圖形可以包括圖片、影片、邊框、顏色、字體、背景、按鈕等。圖形測驗的內容有:
(1)要確保圖形有明確的用途,圖片或影片不要胡亂地堆在一起,以免浪費傳輸時間。Web應用系統的圖片尺寸要盡量地小,并且要能清楚地說明某件事情,一般都鏈接到某個具體的頁面。
(2)驗證所有頁面字體的風格是否一致。
(3)背景顏色應該與字體顏色和前景顏色相搭配。
(4)圖片的大小和質量也是一個很重要的因素,一般采用JPG或GIF壓縮,最好能使圖片的大小減小到30k以下
(5)最后,需要驗證的是文字回繞是否正確。如果說明文字指向右邊的圖片,應該確保該圖片出現在右邊。不要因為使用圖片而使視窗和段落排列古怪或者出現孤行。
通常來說,使用少許或盡量不使用背景是個不錯的選擇。如果您想用背景,那么最好使用單色的,和導航條一起放在頁面的左邊。另外,圖案和圖片可能會轉移用戶的注意力。
 
十五、業務流程測驗(主要功能測驗)
業務流程,一般會涉及到多個模塊的資料,所以在對業務流程測驗時,首先要保證單個模塊功能的正確性,其次就要對各個模塊間傳遞的資料進行測驗,這往往是容易出現問題的地方,測驗時一定要設計不同的資料進行測驗。
 
十六、安全性測驗
(1)SQL注入(比如登陸頁面)
(2)XSS跨網站腳本攻擊:程式或資料庫沒有對一些特殊字符進行過濾或處理,導致用戶所輸入的一些破壞性的腳本陳述句能夠直接寫進資料庫中,瀏覽器會直接執行這些腳本陳述句,破壞網站的正常顯示,
或網站用戶的資訊被盜,構造腳本陳述句時,要保證腳本的完整性。
  document.write("abc")
  <script>alter("abc")</script>
(3)URL地址后面隨便輸入一些符號,并盡量是動態引數靠后
(4)驗證碼更新問題
(5)現在的Web應用系統基本采用先注冊,后登陸的方式。因此,必須測驗有效和無效的用戶名和密碼,要注意到是否大小寫敏感,可以試多少次的限制,是否可以不登陸而直接瀏覽某個頁面等。
(6)Web應用系統是否有超時的限制,也就是說,用戶登陸后在一定時間內(例如15分鐘)沒有點擊任何頁面,是否需要重新登陸才能正常使用。
(7)為了保證Web應用系統的安全性,日志檔案是至關重要的。需要測驗相關資訊是否寫進了日志檔案、是否可追蹤。
(8)當使用了安全套接字時,還要測驗加密是否正確,檢查資訊的完整性。
(9)服務器端的腳本常常構成安全漏洞,這些漏洞又常常被黑客利用。所以,還要測驗沒有經過授權,就不能在服務器端放置和編輯腳本的問題。
 
十七、性能測驗
1、連接速度測驗
用戶連接到Web應用系統的速度根據上網方式的變化而變化,他們或許是電話撥號,或是寬帶上網。當下載一個程式時,用戶可以等較長的時間,但如果僅僅訪問一個頁面就不會這樣。如果Web系統回應時間太長(例如超過5秒鐘),
用戶就會因沒有耐心等待而離開。
另外,有些頁面有超時的限制,如果回應速度太慢,用戶可能還沒來得及瀏覽內容,就需要重新登陸了。而且,連接速度太慢,還可能引起資料丟失,使用戶得不到真實的頁面。
2、負載測驗
負載測驗是為了測量Web系統在某一負載級別上的性能,以保證Web系統在需求范圍內能正常作業。負載級別可以是某個時刻同時訪問Web系統的用戶數量,也可以是在線資料處理的數量。例如:Web應用系統能允許多少個用戶同時
在線?如果超過了這個數量,會出現什么現象?Web應用系統能否處理大量用戶對同一個頁面的請求?
3、壓力測驗
負載測驗應該安排在Web系統發布以后,在實際的網路環境中進行測驗。因為一個企業內部員工,特別是專案組人員總是有限的,而一個Web系統能同時處理的請求數量將遠遠超出這個限度,所以,只有放在Internet上,接受負載測驗,
其結果才是正確可信的。
進行壓力測驗是指實際破壞一個Web應用系統,測驗系統的反映。壓力測驗是測驗系統的限制和故障恢復能力,也就是測驗Web應用系統會不會崩潰,在什么情況下會崩潰。黑客常常提供錯誤的資料負載,直到Web應用系統崩潰,接著
當系統重新啟動時獲得存取權。
壓力測驗的區域包括表單、登陸和其他資訊傳輸頁面等。
 
備注:
1、負載/壓力測驗應該關注什么
測驗需要驗證系統能否在同一時間回應大量的用戶,在用戶傳送大量資料的時候能否回應,系統能否長時間運行。可訪問性對用戶來說是極其重要的。如果用戶得到“系統忙”的資訊,他們可能放棄,并轉向競爭對手。系統檢測不僅要使用
戶能夠正常訪問站點,在很多情況下,可能會有黑客試圖通過發送大量資料包來攻擊服務器。出于安全的原因,測驗人員應該知道當系統過載時,需要采取哪些措施,而不是簡單地提升系統性能。
1)瞬間訪問高峰
如果您的站點用于公布彩票的抽獎結果,最好使系統在中獎號碼公布后的一段時間內能夠回應上百萬的請求。負載測驗工具能夠模擬X個用戶同時訪問測驗站點。
2)每個用戶傳送大量資料
網上書店的多數用戶可能只訂購1-5書,但是大學書店可能會訂購5000本有關心理學介紹的課本?或者一個祖母為她的50個兒孫購買圣誕禮物(當然每個孩子都有自己的郵件地址)系統能處理單個用戶的大量資料嗎?
3)長時間的使用
如果站點用于處理鮮花訂單,那么至少希望它在母親節前的一周內能持續運行。如果站點提供基于web的email服務,那么點最好能持續運行幾個月,甚至幾年。可能需要使用自動測驗工具來完成這種型別的測驗,因為很難通過手工完成這
些測驗。你可以想象組織100個人同時點擊某個站點。但是同時組織100000個人呢。通常,測驗工具在第二次使用的時候,它創造的效益,就足以支付成本。而且,測驗工具安裝完成之后,再次使用的時候,只要點擊幾下。
采取措施:采用性能測驗工具WAS、ACT,LR等協助進行測驗
 
十八、測驗中應該注意的其他情況
1、在測驗時,與網路有關的步驟或者模塊必須考慮到斷網的情況
2、每個頁面都有相應的Title,不能為空,或者顯示“無標題頁”
3、在測驗的時候要考慮到頁面出現滾動條時,滾動條上下滾動時,頁面是否正常
4、URL不區分大小寫,大小寫不敏感
5、對于電子商務網站,當用戶并發購買數量大于庫存的數量時,系統如何處理
6、測驗資料避免單純輸入“123”、“abc“之類的,讓測驗資料盡量接近實際
7、進行測驗時,盡量不要用超級管理員進行測驗,用新建的用戶進行測驗。測驗人員盡量不要使用同一個用戶進行測驗
8、提示資訊:提示資訊是否完整、正確、詳細
9、幫助資訊:是否提供幫助資訊,幫助資訊的表現形式(頁面文字、提示資訊、幫助檔案),幫助資訊是否正確、詳細
10、可擴展性:是否由升級的余地,是否保留了介面
11、穩定性:運行所需的軟硬體配置,占用資源情況,出現問題時的容錯性,對資料的保護
12、運行速度:運行的快慢,帶寬占用情況

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

標籤:HTML(CSS)

上一篇:為什么if陳述句里不能參考方法

下一篇:JSP九大內置物件

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