一、nuxt 的智能預讀取 Nuxt 2.4中發布了Nuxt.js的一個新特性，稱為智能預讀取，它與universal mode相結合，提供了更好的用戶體驗。 　　使用此功能（默認情況下已啟用），當 nuxt-link 路由在視口中可見時（即頁面滾動到路由入口元素時），Nuxt.js ...

head () { script: [{ src: '//webapi.amap.com/maps?v=1.3&key='key值'' },{ src: '/js/map.js ...

Win10系統的資源管理器雖然較以前有所改進，但還是令人不滿意，尤其打開很多文件夾，切換不是非常方便。還好有QTTabBar，它有別於其他產品，不是"另起爐灶"，而是在系統的資源管理器上進行擴展。 ...

圖片預加載, 效果非常明顯, 特別是有多個圖, 方法很簡單 , 體驗提升了不少 <div class="hidden"> <script type="text/javascript"> < ...

開始 所有的測試，都是chrome瀏覽器。 　　js本身是腳本語言，可以不經過編譯直接運行，但是在進入每一個<script>標簽，或者js文件的時候，這樣的情況下，瀏覽器會給js一個預編譯的過程。 這樣就有必要討論一下預編譯了。 　　解析的狀態是首先引入 ...

...

預加載 1.什么是預加載 資源預加載是另一個性能優化技術，我們可以使用該技術來預先告知瀏覽器某些資源可能在將來會被使用到。預加載簡單來說就是將所有所需的資源提前請求加載到本地，這樣后面在需要用到時就直接從緩存取資源。 2.為什么要用預加載 在網頁全部加載之前，對一些主要內容進行加載 ...

所謂預加載，就是提前加載了圖片。 有時候會加載一些在當前頁面沒有用到的圖片，是為了提前加載到緩存里，這樣后面的頁面就可以直接從緩存讀取了。 加載大圖的時候，我們可以先顯示模糊的縮略圖，等到大圖加載完了，再把縮略圖替換掉，這樣填補了圖片加載期間的空白時間。 image也有onload ...