關於預載入InstantClick的問題解決方法

2022-09-28 09:48:07 字數 973 閱讀 7685

昨晚在改造的時候**高亮沒法執行,準確的說是只執行一次,第二次就不執行了。所以發文說明一下,而且大致看了instantclick的文件,主要還是乙個黑名單區域的問題。按我個人的理解,黑名單主要包含兩種比較常見的過濾型別,一種是a標籤,另一種是js。根據其原理實際上就是對黑名單區域不進行處理(按正常手動開啟的情況載入重新整理),這種不處理才zbrtcibn能讓相關的結構和js起作用。。

所以在instantclick執行時,看它的引用語句:

instantclick.init();程式設計客棧;

語句作用就過濾掉了instantclick它本身,相當於在執行後正常重新整理一遍自己。

正常載入重新整理js

語句本身的data-no-instant引數意思就是不處理,並且正常重新整理這部分結構。所以如果要其他js在instantclick下起作用,必須將js本身重新整理,可以把**寫入instantclick.min.js裡面,也可以帶上data-no-instant引數獨立引用。如果不將自己的js寫入instantclick.min.js內,就要利用它的四個引數來重新載入,參考:

a標籤instantclick對新視窗開啟的a標籤是不處理的,還有在帶有data-no-instant引數的標籤包裹下的a標籤也不會處理。如這部分會按正zbrtcibn常情況重新整理

。最後總結:data-no-instant屬性是用來避免instantclick在頁面切換時對該元素重複載入(意思就是按正常重新整理)。它可以用在script、style標籤中,也能放在a標籤中,表示該鏈結將使用正常方式開啟而不用instantclick加速,但對於div標籤是沒有用的,這一點必須知曉。

搞清楚上面兩點就好辦了,之前把它當成是ajax來理解,是整個body請求過來。也就是說把不處理的部分放在body標籤之外也是可以的。

值得一提的是,我個人還是很中意它快取後退前進的功能的,這樣非常快。

本文標題: 關於預載入instantclick的問題解決方法

本文位址: /ruanjian/j**a/203337.html

mysql 預載入快取 預載入與快取

最近的專案中為了能夠提公升那麼一丟丟效能,嘗試了一下對 chunks 進行預載入處理。雖然做了非同步載入的處理,但是專案大小決定了還是有多個非同步的 chunk.js 需要進行預載入,這裡我指的是 preload與a webpack plugin for injecting into htmlweb...

ViewPager Fragment 預載入問題

viewpager 預設載入兩個fragment 左右各乙個 viewpager.setoffscreenpagelimit 1 其中引數可以設為0或者1,引數小於1時,會預設用1來作為引數,未設定之前,viewpager會預設載入兩個fragment,左右各1個。如果要讓fragment 只預載入...

資源預載入

提到前端效能優化時,我們首先會聯想到檔案的合併 壓縮,檔案快取和開啟伺服器端的gzip壓縮等,這使得頁面載入更快,使用者可以盡快使用我們的 web 應用來達到他們的目標。資源預載入是另乙個效能優化技術,我們可以使用該技術來預先告知瀏覽器某些資源可能在將來會被使用到。引用 patrick hamann...