需求為點開同一個鏈接，在手機端和PC端進行不同的頁面展示，但是頁面內元素在手機端和PC端大體一致。 這里我使用了媒體查詢，對電腦和手機分別寫了一套不同的css。 即 在處理事件時，如果處理結果不同，也需要進行js判斷，然后書寫兩份js。 js判斷代碼為： ...

Supalle-Admin-Layout主要使用有Vue、Element-UI、layui-icon，Ajax實現采用Fetch（是有這個打算，不過目前是jQuery。）。 源碼地址：http ...

　　我們經常會看到，一些站點在首次進入的時候會先顯示一個進度條，等資源加載完畢后再呈現頁面，大概像這樣： 　　 　　然后整個頁面的操作就會非常流暢，因為之后沒必要再等待加載資源了。尤其是在移動端，或者是頁游中，這樣做能避免頁面出現白屏（等待加載圖片），很大程度提升用戶體驗。那這種技術是如何實現 ...

創建子頁面 在mobile app開發過程中，經常遇到卡頭卡尾的頁面，此時若使用局部滾動，在android手機上會出現滾動不流暢的問題； mui的解決思路是：將需要滾動的區域通過單獨的webview實現，完全使用原生滾動。具體做法則是：將目標頁面分解為主頁面和內容頁面，主頁面顯示卡頭卡尾區域 ...

圖片懶加載是手機內嵌h5打開網頁速度的優化方式之一，今天我就接受如何用最少的代碼解決手機端的圖片懶加載問題 因為公司使用的h5都是vue做的，但是其他框架使用方式是一樣的 當后台數據相應后，一般我們會在html這么操作 此時我們並沒有真正的加載圖片資源，而是用一個 ...

html5中的link 標簽 包含了幾個屬性，其中prefetch(空閑時加載)和preload(優先加載)可以讓我們在加載資源時提高用戶體驗。 這里我用css樣式進行舉例，index.html 在加載index.html的樣式時，我在引入index.css后加了下邊一句代碼 ...

順便寫一下常用的高度： Javascript: Jquery ...

//獲取窗口可視范圍的高度function getClientHeight(){ var clientHeight=0; if(document.body.clientHeight&&document.documentElement.clientHeight ...