JavaScript的效能問題不容小覷,這就需要我們開發人員在編寫JavaScript程式時多注意一些細節,本文非常詳細的介紹了一下JavaScript效能優化方面的知識點,絕對是乾貨。
先給大家鞏固下javascript基本語法:
javascript基本語法
定義變數統一用var關鍵字
語法:var 變數名稱=變數值
標示符:①、由字母數字底線構成 不能以數字開頭 不能是關鍵字 嚴格區分大小寫
資料型態:
數值型:number
字串:string
布林型:boolean
特殊資料型態:undefined 空的 未定義的 未賦值的
空值:null
引用型別object function
偵測參數的資料型態:typeof()傳回此資料型別對應的字串
兩個等號==和三個等號===的用法
==:比較值相等 與資料型別無關
===:比較全等 與數值和資料型態都有關
布林環境:遇到if自動轉換成布林值
字串string中的布林環境:空為假 非空為真
數值number中的布林環境:0為假 非0為真
number與string之間的關係
①、遇到+做拼接操作
②、需要做運算運算時,要把字串轉換成數值型
轉換方法1、字串*1 變成數值型
轉換方法2:Number(字串) 轉換成數值型
一:針對js檔案的載入位置
在HTML檔案中,<script>標籤是可以加在<head>區域和<body>區域的。這裡鑑於JavaScript執行和UI渲染的單執行緒原因,如果js檔案載入會阻塞後面對於頁面的解析過程,頁面會等到js檔案完全載入並執行後才繼續執行該做的操作。那麼問題就來了,這樣可能會出現頁面空白or卡頓現象。作為一個前端開發,重要的不僅止於實現了需求,應該還有優質的使用者體驗。那我們就需要消除使用者枯燥的等待,針對這個問題,這裡有兩個本獸想到的兩個解決方案:<br /> </script>
1. 如果js檔案沒有特殊要求指明需要在頁面渲染之前載入及編譯完成的,那麼選擇將js檔案放到