原创 WebRTC會話描述協議(SDP)詳解

SDP簡介 SDP全稱是Session Description Protocol,即會話描述協議,用於會話各方間的媒體協商。 什麼是會話? 視頻聊天、語音通話、視頻會議等等都算會話。 爲什麼要媒體協商? 參加會話各用戶環境、配置不一致,需

原创 50行代碼完成視頻通話 (WebRTC + WebSocket)

前言 “它(WebRTC)允許網絡應用或者站點,在不借助中間媒介的情況下,建立瀏覽器之間點對點(Peer-to-Peer)的連接,實現視頻流和(或)音頻流或者其他任意數據的傳輸”。 這是 MDN 上對 WebRTC 的描述,初次接觸時無法

原创 “寫”一個js的new運算符

new 運算符 創建一個用戶定義的對象類型的實例或具有構造函數的內置對象的實例。 比較好奇new運算符的原理,瞭解了下,分享給大家。 看一下MDN上的簡單🌰: function Person(name, age, sex) { th

原创 Vue源碼解析:虛擬dom比較原理

通過對 Vue2.0 源碼閱讀,想寫一寫自己的理解,能力有限故從尤大佬2016.4.11第一次提交開始讀,準備陸續寫: 模版字符串轉AST語法樹 AST語法樹轉render函數 Vue雙向綁定原理 Vue虛擬dom比較原理 其中包含自

原创 Vue源碼解析:雙向綁定原理

通過對 Vue2.0 源碼閱讀,想寫一寫自己的理解,能力有限故從尤大佬2016.4.11第一次提交開始讀,準備陸續寫: 模版字符串轉AST語法樹 AST語法樹轉render函數 Vue雙向綁定原理 Vue虛擬dom比較原理 其中包含自

原创 Vue源碼解析:AST語法樹轉render函數

通過對 Vue2.0 源碼閱讀,想寫一寫自己的理解,能力有限故從尤大佬2016.4.11第一次提交開始讀,準備陸續寫: 模版字符串轉AST語法樹 AST語法樹轉render函數 Vue雙向綁定原理 Vue虛擬dom比較原理 其中包含自

原创 Vue模版字符串轉AST語法樹

前言: 通過對 Vue2.0 源碼閱讀,想寫一寫自己的理解,能力有限故從[尤大佬2016.4.11第一次提交][1]開始讀... 準備陸續寫: - 模版字符串轉AST語法樹 - A

原创 監聽div的resize

簡單點說,就是: 在被監聽的 div 中添加 iframe 標籤,設置其高寬均爲 100%; 在 iframe 的 resize 被觸發時,則表明 div 的大小正在改變! 參考 Resize on div ele