提升直播app開發質量，我們需要掌握的二三事

雲豹科技程式設計師發表於2021-12-21
APP
直播app開發看似簡單卻又並不簡單，主要是因為不僅在直播app開發過程中需要我們注意的細節有很多，而且為了提升前端效能，我們好需要採取多種手段進行優化，光聽是不是就覺得頭大，今天我們就一起來看看為提升直播app開發質量，我們需要掌握的二三事吧。

1、如何判斷一個物件是否屬於某個類？

if(a instanceof Person){
   alert('yes');
}
// 判斷物件型別最好的方式
// 對於 Object 物件，直接呼叫 toString()  就能返回 [object Object] 。而對於其他物件，則需要通過 call / apply 來呼叫才能返回正確的型別資訊。
Object.prototype.toString.call('') ;   // [object String]
Object.prototype.toString.call(1) ;    // [object Number]
Object.prototype.toString.call(true) ; // [object Boolean]
Object.prototype.toString.call(Symbol()); //[object Symbol]
Object.prototype.toString.call(undefined) ; // [object Undefined]
Object.prototype.toString.call(null) ; // [object Null]
Object.prototype.toString.call(new Function()) ; // [object Function]
Object.prototype.toString.call(new Date()) ; // [object Date]
Object.prototype.toString.call([]) ; // [object Array]
Object.prototype.toString.call(new RegExp()) ; // [object RegExp]
Object.prototype.toString.call(new Error()) ; // [object Error]
Object.prototype.toString.call(document) ; // [object HTMLDocument]
Object.prototype.toString.call(window) ; //[object global] window 是全域性物件 global 的引用

2、new一個物件的過程

1、在直播app開發時建立一個空物件，並且 this 變數引用該物件，同時還繼承了該函式的原型。 2、屬性和方法被加入到 this 引用的物件中。 3、新建立的物件由 this 所引用，並且最後隱式的返回 this 。

3、改變輸入框內提示文字顏色

::-webkit-input-placeholder { /* WebKit browsers */
    color: #999; }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999; }
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999; }
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #999; }
input:focus::-webkit-input-placeholder{ color:#999; }

4、用過哪些前端效能優化的方法？

（1） 在直播app開發中減少http請求次數：CSS Sprites, JS、CSS原始碼壓縮、圖片大小控制合適；網頁Gzip，CDN託管，data快取 ，圖片伺服器。
（2） 前端模板 JS+資料，減少由於HTML標籤導致的頻寬浪費，前端用變數儲存AJAX請求結果，每次操作本地變數，不用請求，減少請求次數
（3） 用innerHTML代替DOM操作，減少DOM操作次數，優化javascript效能。
（4） 當直播app開發需要設定的樣式很多時設定className而不是直接操作style。
（5） 少用全域性變數、快取DOM節點查詢的結果。減少IO讀取操作。
（6） 避免使用CSS Expression（css表示式)又稱Dynamic properties(動態屬性)。
（7） 圖片預載入，將樣式表放在直播app開發頂部，將指令碼放在底部 加上時間戳。
（8） 避免在頁面的主體佈局中使用table，table要等其中的內容完全下載之後才會顯示出來，顯示比div+css佈局慢。
（9）對直播app開發有一個統一的思路，就是儘量向前端優化、減少資料庫操作、減少磁碟IO。
本文轉載自網路，轉載僅為分享乾貨知識，如有侵權歡迎聯絡雲豹科技進行刪除處理 原文連結：


來自 “ ITPUB部落格 ” ，連結：http://blog.itpub.net/69996194/viewspace-2848715/，如需轉載，請註明出處，否則將追究法律責任。

相關文章