主頁 > 前端設計 > MongoDB從立地到成佛(介紹、安裝、增刪改查)

MongoDB從立地到成佛(介紹、安裝、增刪改查)

2020-09-24 11:34:40 前端設計

目錄

  • 課程導學
  • 第一關 MongoDB介紹
      • 1.1 非關系型資料庫
      • 1.2 MongoDB的特點
      • 1.3 MongoDB的應用場景
  • 第二關 MongoDB安裝和表結構
      • 2.1 MongoDB的安裝
      • 2.2 MongoDB的表結構
  • 第三關 MongoDB的增刪改查
      • 3.1 MongoDB插入
      • 3.2 MongoDB查詢
      • 3.3 MongoDB更新
      • 3.4 MongoDB洗掉
    • 課程總結

文章作者公眾號bigsai,已收錄在回車課堂,如有幫助還請不吝嗇點個贊贊支持一下!

課程導學

大家好我是bigsai,我們都學過資料庫,但你可能更熟悉關系(型)資料庫例如MySQL,SQL SERVER,ORACLE等,對于非關系(型)資料庫可能比較陌生,因為大部分入門級專案或者學習對非關系型資料庫的使用要求并不高,所以你了解的會更少,但談起性能和功能,非關系資料庫的表現那可謂是非常亮眼了!咱們今天就介紹學習以及使用其中一種非關系型資料庫——MongoDB資料庫!

本篇會介紹MongoDB相關內容以及MongoDB的安裝,但是你電腦需要擁有Studio 3T(下載地址https://studio3t.com/ )用來連接管理MongoDB,

如果以前沒見過或者沒使用過也不要緊,本課程包教包會!

通過本次篇你可以掌握以下內容:

  • 認識MongoDB
  • 實作MongoDB的增刪改查

第一關 MongoDB介紹

在介紹MongoDB之前,問個問題,你知道什么是MongoDB嗎?

你可能會說它是個非關系型資料庫,更多的可能就不太了解了,不要緊,我們一層一層捋一下,

在

1.1 非關系型資料庫

NoSQL(Not Only SQL),直譯過來不僅僅是資料庫,泛指非關系型資料庫,隨著互聯網web2.0網站的興起,傳統的關系型資料庫在處理web2.0網站,特別是超大規模和高并發型別的web2.0純動態網站已經顯得力不從心,出現了很多難以克服的問題,而非關系型資料庫則由于其本身的特點得到了非常迅速地發展,非關系型資料庫的產生就是為了解決大規模資料集合多重資料種類帶來的挑戰,尤其是大資料應用難題,

而非關系型資料庫又分為好幾種:

鍵值(Key-Value)存盤資料庫 :這類資料庫會使用一個哈希表,這種模型很像Java中的HashMap的使用,其使用比較簡單,容易部署,但如果只對部分資料查詢或更新時效率不是很高,這類非關系資料庫有Redis、Oracle BDB 等,

列存盤資料庫 :這部分資料庫通常是用來應對分布式存盤的海量資料,鍵仍然存在,但是它們的特點是指向了多個列,這些列是由列家族來安排的,如: HBase, Riak 等,

檔案型資料庫 :它同鍵值存盤類似,該型別的資料以特定的格式存盤,比如JSON,檔案型資料庫可以看作是鍵值資料庫的升級版,允許之間嵌套鍵值,在處理網頁等復雜資料時比傳統鍵值資料庫的查詢效率更高 ,而MongoDB 就是一種高效的檔案資料庫,

圖形資料庫 :圖形資料庫是一種非關系型資料庫,它應用圖形理論存盤物體之間的關系資訊,可以良好地拓展到其他服務器上,

盡管非關系型資料庫(NoSQL)有這么多的區別,但是它們還是有很多共性特點:

易拓展:NoSQL資料庫種類繁多,但都有一個共同的特點:去掉關系型資料庫的關系型特性,資料之間無關系,全靠設計者的設計,這樣就非常容易擴展,無形之間也在架構的層面上帶來了可擴展的能力,

大資料量,高性能:NoSQL資料庫都具有非常高的讀寫性能,尤其在大資料量下讀寫性能也很高,這得益于它的無關系性,資料庫結構簡單 ,能夠快速查找定位到資料,

1.2 MongoDB的特點

講完NoSQL是啥,咱們再來捋一捋MongoDB是個啥,MongoDB又是啥呢?

MongoDB是一個基于分布式檔案存盤的資料庫,由C++語言撰寫,旨在為web應用提供可擴展的高性能資料存盤解決方案,MongoDB是一個介于關系型資料庫和非關系型資料庫之間的產品,是非關系型資料庫當中功能最豐富,最像關系型資料庫的,它支持的資料結構非常松散,是類似JSON的BSON格式,因此可以存盤比較復雜的資料型別,MongoDB最大的特點是它支持的查詢語言非常強大,其語法有點類似于面向物件的查詢語言,幾乎可以實作類似關系資料庫單表查詢的絕大部分功能,而且還支持對資料建立索引,

并且MongoDB最近越來越火,作為一款基于檔案的非關系型資料庫,在越來越多的場景可以使用,通過學習歸納MongoDB官方檔案(https://docs.mongodb.com/manual/),總結MongoDB有以下特點:

  • 容易使用: MongoDB 將資料存盤在靈活的,類似于JSON的檔案中, 檔案模型映射到應用程式代碼中的物件,從而使資料易于使用,
  • 高性能: MongoDB提供高性能的資料持久性,特別是,對嵌入式資料模型的支持減少了資料庫系統上的I / O活動,
    索引支持更快的查詢,并且可以包含來自嵌入式檔案和陣列的鍵,
  • 豐富的查詢語言: MongoDB支持豐富的查詢語言以支持讀寫操作(CRUD)以及:資料匯總文本搜索和地理空間查詢,
  • 高可用性: MongoDB的復制工具(稱為副本集)提供:自動故障轉移、資料冗余,
  • 水平可伸縮性: MongoDB提供水平可伸縮性作為其核心功能的一部分:分片在一組計算機集群分布資料,
    從3.4開始,MongoDB支持基于shard鍵創建資料區域,在平衡集群中,MongoDB僅將區域覆寫的讀寫定向到區域內的那些分片,
  • 支持多種存盤引擎 MongoDB支持多個存盤引擎:
    WiredTiger存盤引擎(包括對靜態加密的支持 )
    記憶體中存盤引擎,

總結的來說,一個NoSQL該有的高性能MongoDB一應俱全,并且是一個使用很方便、很擅長儲存的非關系型檔案資料庫,但MongoDB并非100%的完美,它也有一定的缺陷比如不支持事務、占用記憶體比較大、洗掉記錄不釋放空間、沒有成熟的維護工具等,

1.3 MongoDB的應用場景

有了以上的特性,在日益繁雜的web領域MongoDB有很多它擅長之處

  • 網站實時資料的插入、更新、洗掉,
  • 規模較大但是成本很高的資料(大尺寸、低價值資料)
  • 物件或JSON的文本存盤
  • 不需要經常通過表計算的,對事務要求不高的資料,
  • 一些應用層的快取

具體的應用場景有:

  • 社交場景,使用 MongoDB 存盤用戶資訊,以及用戶發表的朋友圈資訊,通過地理位置索引實作附近的人、地點等功能,
  • 游戲場景,使用 MongoDB 存盤游戲用戶資訊,用戶的裝備、積分等直接以內嵌檔案的形式存盤,方便查詢、高效率存盤和訪問,
  • 物流場景,使用 MongoDB 存盤訂單資訊,訂單狀態在運送程序中會不斷更新,以 MongoDB 內嵌陣列的形式來存盤,一次查詢就能將訂單所有的變更讀取出來,
  • 物聯網場景,使用 MongoDB 存盤所有接入的智能設備資訊,以及設備匯報的日志資訊,并對這些資訊進行多維度的分析,
  • 視頻直播,使用 MongoDB 存盤用戶資訊、點贊互動資訊等,

這些場景都有資料量大、寫入操作頻繁、資料價值較低、事務性要求不高的特點,

很多人把MongoDB當成窮人的大資料,你可以把它理解為一款效率很高但更適合直接操作的一款非關系資料庫,大部分不需要用“腦子”的資料都可以放在MongoDB中,比如很多人把爬蟲的資料存盤到MongoDB中,又或許把網站某些資訊記錄放到MongoDB中,這些資料大一點沒關系,但不建議查詢需要關聯太復雜也不要和ACID的事務扯上關系,

MongoDB就像一個家里的壯漢,啥臟活累活干的特別六,也不嫌累,力大如牛,腳步如飛的這種,干這些體力活用他最好了(速度快、性能好、存盤大檔案),但他有些缺點就是可能每次吃飯吃七八碗干飯,兩三斤肉(占用記憶體大),并且穿針引線、家里算賬記事情這些他就不行了,得他夫人來干這個(關系資料庫)

在

第二關 MongoDB安裝和表結構

知道MongoDB大概是啥和能干啥之后,就該動手安裝和了解使用了!這關帶你安裝MongoDB和了解MongoDB的表結構,

2.1 MongoDB的安裝

MongoDB的安裝很簡單,這里就基于windows進行安裝了,到MongoDB官網下載

在
然后打開這個下載的檔案,一路next到中間根據需求勾選是否選擇compass,compass是一種MongoDB的可視化管理工具,MongoDB的可視化管理工具比較多,在這里我們不勾選這塊內容,在

選擇Custom根據需求自定義安裝:

在
到location可以自定義檔案夾,也可以使用其默認的:
在

下面勾選第一個“連入網路”即可:
在
這樣,你的MongoDB就安裝完成了,再安裝MongoDB可視化工具:studio3t (https://studio3t.com/) 下載安裝完成打開直接連接
在

此時MongoDB就安裝完成,默認擁有admin、config、local三個資料庫,一些日志配置等資料庫,這里就不用管它了,
在

2.2 MongoDB的表結構

對于關系資料庫,我們可能很容易理解它的層次: 資料庫——>表——>記錄(行)——>列,而MongoDB對應的是:資料庫——>集合——>檔案——>欄位,其中集合可以類比成關系資料庫中的表,而檔案就可以看成記錄,

SQL術語/概念MongoDB術語/概念解釋/說明
databasedatabase資料庫
tablecollection資料庫表/集合
rowdocument資料記錄行/檔案
columnfield資料欄位/域
indexindex索引
table joins表連接,MongoDB不支持
primary keyprimary key主鍵,MongoDB自動將_id欄位設定為主鍵

檔案:檔案是 MongoDB 中資料的基本單位,類似于JSON物件和關系資料庫中的行(但是比行復雜),它是由多個資料欄位和值對組成的資料結構,欄位的值也可以是其他檔案或檔案陣列,

集合:集合就是一組檔案,類似于關系資料庫中的表,集合是無模式的,集合中的檔案可以是各式各樣的,雖然一個集合里面的檔案沒有內容的限制,但是我們一般將相同型別的檔案放在同一集合中(提高查詢效率),

資料庫:MongoDB 中多個檔案組成集合,多個集合組成資料庫,一個MongoDB 實體可以承載多個資料庫,它們之間可以看作相互獨立,每個資料庫都有獨立的權限控制,在磁盤上,不同的資料庫存放在不同的檔案中,MongoDB 中存在以下系統資料庫,

  • Admin 資料庫:一個權限資料庫,如果創建用戶的時候將該用戶添加到admin 資料庫中,那么該用戶就自動繼承了所有資料庫的權限,
  • Local 資料庫:這個資料庫永遠不會被復制,可以用來存盤本地單臺服務器的任意集合,
  • Config 資料庫:當MongoDB 使用分片模式時,config 資料庫在內部使用,用于保存分片的資訊,

在

你可能會發現,在與集合同級別的還有Views,GridFS Buckets,它們是啥呢?

視圖Views: MongoDB視圖是可查詢的物件,其內容由其他集合或視圖上的聚合管道定義 ,MongoDB不會將視圖內容持久化到磁盤上,當客戶端查詢視圖時,將按需計算視圖的內容,MongoDB不支持針對視圖的寫入操作,這個和MySQL的視圖有點類似,是個虛表,可以用它來精簡一些查詢的步驟和操作,

GridFS: GridFS是用于存盤和檢索超出BSON檔案大小限制(16MB)的檔案的規范,GridFS不會將檔案存盤在單個檔案中,而是將檔案劃分為多個部分或大塊,并將每個大塊存盤為單獨的檔案,

第三關 MongoDB的增刪改查

學習使用MongoDB之前,要掌握MongoDB基本的增刪改查操作,我們先用控制臺或者資料庫管理工具操作MongoDB,為后面整合進專案做準備,MongoDB隨著發展至今也有不同的版本,在MongoDB3.2以后版本相比3.2以前版本api有些變動和優化,而官方檔案的學習和介紹都是基于3.2以后版本的,所以在學習MongoDB的api語法要參考官方檔案學習最新語法,避免過老語法造成知識混淆,

創建資料庫
我們使用studio 3T創建資料庫和collection,資料庫名為mongo,如果不創建資料庫,向mongoDB中插入資料會默認插入到test資料庫中,
在

然后在資料庫中添加集合collection,collection名為student:
在

可以發現student集合已經被成功添加了:

在這里插入圖片描述

MongoDB的讀操作包括查詢,而寫操作包括插入、更新、洗掉,MongoDB中的所有寫操作都是單個檔案級別的原子操作,你可以指定查詢、更新、洗掉標準或過濾器(查詢、更新、洗掉更新的條件),以標識要查詢、更新、洗掉的檔案,你可以理解過濾器為關系資料庫的條件查詢的條件where子句,

3.1 MongoDB插入

插入操作完成向集合中插入檔案,MongoDB提供了以下向集合插入檔案的方法:

db.collection.insertOne() //New in version 3.2 插入一條檔案(document)
db.collection.insertMany() //New in version 3.2 插入多條檔案(document)
db.collection.insert()//老版本語法 

其中,collection在插入 時候需改成待插入集合的名稱,待插入檔案(document)需要插入到對應集合(collection)中,否則會默認創建一個集合再插入進去,在這里我們插入一條檔案到student集合中,

使用mongo資料庫之前要執行陳述句: use mongo,執行完畢即可直接操作mongo資料庫,
MongoDB的insert的語法如下,更推薦使用insertOneinsertMany,分別用來插入一條和多條檔案(document):

向student集合插入單條檔案(document),執行以下陳述句:

db.student.insertOne({"name": "bigsai","age":"22"})

在
插入多條檔案(document),執行以下陳述句:

db.student.insertMany([{"name": "bigsai2","age":"22"},{"name": "bigsai3","age":"22"}])

在

打開student集合,會發現上面的檔案(document)被成功插入了,

在

3.2 MongoDB查詢

查詢操作完成從集合中查詢檔案,MongoDB提供了以下向集合插入檔案的方法:

db.collection.find()//查詢檔案,在括號內添加各種條件

你可以指定查詢過濾器或條件以標識要回傳的檔案,當然MongoDB也支持各種條件查詢,使用也非常簡單,具體還需要查看官方檔案(https://docs.mongodb.com/manual/tutorial/query-documents/),這里以查詢student集合中資料欄位age為22的檔案為例,展示一下:

//db.student.find()//查詢所有類似select * from student
db.student.find({"age":"22"})

可以看到查詢結果如下,所有資料欄位age為22的檔案都被查詢了出來,
在

3.3 MongoDB更新

更新操作完成從集合中更新(修改)檔案,MongoDB提供了以下更新集合檔案的方法:

db.collection.updateOne() //3.2版中的新功能 更新一條檔案記錄
db.collection.updateMany() //3.2版中的新功能 更新多條檔案記錄
db.collection.replaceOne() //3.2版中的新功能 替換集合中的一個檔案

在MongoDB中,更新操作只針對單個集合(db.collection中對應的collection),MongoDB中的所有寫操作(包括更新)都是單個檔案級別的原子操作,你可以指定更新標準或過濾器(更新的條件),以標識要更新的檔案,這些過濾器與查詢使用的過濾器用法一致,當然MongoDB有update()方法但是已經被棄用,

我們將student集合中所有資料欄位age為22的檔案更新其資料欄位name的值為bigsai22:

db.student.updateOne(
     {"age":"22"},//條件
     {$set:{"name":"bigsai2"}}//修改的值
 )

其中{“age”:“22”}為查詢的條件即找到第一條資料欄位age為22的檔案,而{$set:{}}則用來修改檔案對應資料欄位的值,updateOne()執行成功只會更新第一條匹配的檔案,

在

此時,你如果想將資料欄位name為bigsai2的兩條檔案的資料欄位age改成18,那么執行以下陳述句:

db.student.updateMany(
     {"name":"bigsai2"},
     {$set:{"age":"18"}}
 )

重繪結果會發現檔案已經成功被更新,這種陳述句在sql中就類似update student set age=18 where name=bigsai2
在

3.4 MongoDB洗掉

洗掉操作完成從集合中洗掉檔案,MongoDB提供了以下洗掉集合檔案的方法:

db.collection.deleteOne() //3.2版中的新功能 洗掉一條記錄
db.collection.deleteMany() //3.2版中的新功能 洗掉多條記錄

在MongoDB中,洗掉操作只針對單個集合(db.collection中對應的collection),MongoDB中的所有寫操作(包括洗掉)都是單個檔案級別的原子操作,你可以指定標準或過濾器,以標識要洗掉的檔案,這些過濾器與查詢、更新使用的過濾器用法一致,

這里delete和update操作的條件有點類似,如果使用deleteOne()陳述句會洗掉第一個匹配的檔案,而使用deleteMany()會洗掉所有滿足條件的檔案,如果我們洗掉所有資料欄位name為bigsai2的檔案可以這么操作:

db.student.deleteMany(
     {"name":"bigsai2"}//條件
 )

可以發現檔案被成功洗掉:
在

課程總結

到這里MongoDB的介紹已經結束了,我想優秀的你肯定已經能夠知道MongoDB的來龍去脈了,

回顧本篇的內容,首先,從宏觀上介紹了MongoDB這個非關系型資料庫的特點以及場景;然后介紹了MongoDB的安裝流程以及學習了MongoDB的表結構,從而使你對MongoDB的規則有個更細致地認識;最后,教你如何使用陳述句實作MongoDB的增刪改查,讓你能夠初步操作MongoDB,

當然,本篇只是帶你入門MongoDB,講了一些比較基礎的內容,如果需要深入學習使用MongoDB,還需要多從官網檔案以及其他學習資源中更深入地了解!

MongoDB是當前非常熱門的一種基于檔案的非關系型資料庫,它的應用也正變得越來越多,望你在了解MongoDB之后能夠在編程語言中盡快實戰使用MongoDB,把MongoDB真正用到專案中!

碼字不易,歡迎關注筆者公眾號支持一波:bigsai,期待你的關注愿分享更多內容,回復bigsai獲取精選pdf資料一份,
在這里插入圖片描述

Big sai CSDN認證博客專家 scikit-learn
關注微信公眾號:bigsai,回復進群即可加入leetcode打卡群,回復bigsai獲取珍藏pdf一份,江科大本,南理研一,平凡的日子里努力充實自己,努力學習,努力分享,期待你的關注!

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

標籤:其他

上一篇:SQL陳述句的簡單快速入門

下一篇:資料庫—查詢陳述句中left john怎么用?以及right john怎么用?

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