各平台的主流字體支持情況 各系統的默認字體和常用字體： 系統 默認西文字體 默認中文字體 其他常用西文字體 其他常用中文字體 ...

在頁面上圖片比較多的時候，打開一張頁面必然引起與服務器大數據量的交互。尤其是對於高清晰的圖片，占的幾M的空間呢~ 這里要實現的功能：可見頁面的圖片是加載的，而不可見頁面通過滾動條下拉可見，這也叫做“ImageLazyLoad技術”，需要用到延遲加載的jQuery插件 jquery ...

jquery.lazyload是一個實現圖片延遲加載的jQuery 插件，它可以延遲加載長頁面中的圖片。在瀏覽器可視區域外的圖片在初始狀態下不會被載入，直到用戶將頁面滾動到它們所在的位置。 1.引入js文件 2.img標簽 img標簽 ...

pc端拖動時候用到的三個事件：mousedown、mousemove、mouseup 在移動端與之相對應的分別是：touchstart、touchmove、touchend事件。 還有一點要注意的是在PC端獲取當前鼠標的坐標是：event.clientX和event.clientY ...

由於國內的電信網絡性價比的限制，和手機處理能力的差異，在設計一個無線應用的時候， 為用戶節省流量是一個非常重要的考慮因素。可以說每一個字節都應該為客戶端節省。 節約流量可以從以下幾個方面關注： 一、使用緩存 比如 利用瀏覽器本地存儲 前面已經討論過 二、延遲加載代碼 （觸底檢測，通過接口 ...

...

Javascript Lazyload延遲加載特效,有效降低HTPP連接次數，提高首屏加載時間 1、增加了圖片預加載可選 2、修改了圖片本身就在可視范圍的時候直接顯示而不需要滾動條觸發 3、修改了Splice刪除數組的時候，會跳過下一張圖片BUG 4、瀏覽器窗口resize的時候圖片出現 ...

此前在瀏覽一些網站的時候，發現他們網站的圖片都是你“鼠標”滾到哪，圖片才會加載顯示。當時覺得好神奇，怎么會這么“跟手”呢。 核心原理是： 1 設置一個定時器，計算每張圖片是否會隨着滾動條的滾動，而出現在視口（也就是瀏覽器中的展現網站的空白部分）中； 2 為>標簽設置一個 ...