原创 標籤 async與defer詳解

首先,我們要知道瀏覽器的渲染過程,在網頁渲染過程中,如果遇到<script> 標籤是立即下載的,會阻塞頁面的解析,顯而易見的效果就是,你會發現頁面有一段時間是空白的,因爲瀏覽器只有等待js下載執行完畢後纔會繼續渲染。這樣的用戶體驗

原创 webpack入門教程

webpack簡介 webpack是一種當下比較火熱的前端資源模塊化管理和打包工具,前端開發所用到的幾乎所有資源在webpack下面都可以當作模塊來處理。通過loader的轉換,你可以把CSS、JS、SASS等資源模塊化,同時webpac

原创 <script>標籤 async與defer詳解

首先,我們要知道瀏覽器的渲染過程,在網頁渲染過程中,如果遇到<script> 標籤是立即下載的,會阻塞頁面的解析,顯而易見的效果就是,你會發現頁面有一段時間是空白的,因爲瀏覽器只有等待js下載執行完畢後纔會繼續渲染。這樣的用戶體驗是很差的