我們在做需要展示大量圖片的網(wǎng)站時，為了減少網(wǎng)絡(luò)壓力、提升用戶體驗，通常會對圖片進行懶加載處理，所以歸納整理一下圖片懶加載的原理及代碼，瀑布流其實也是懶加載的一種特殊處理展示的...
發(fā)簡信
IP屬地：天津
-
jQuery模擬豆瓣電影移動端項目預(yù)覽鏈接 之前使用jQuery的時候模擬過一個豆瓣電影移動端的頁面，前兩天翻到發(fā)現(xiàn)已經(jīng)忘記差不多了，重新梳理了一遍，做一下過程中的問題及注意點的總結(jié)。 分析項目結(jié)構(gòu) 其實...
-
正則表達式學(xué)習(xí)記錄
和通配符類似，正則表達式也是用來進行文本匹配的工具，只不過比起通配符，它能更精確地描述你的需求，當(dāng)然，代價就是更復(fù)雜。所以開文進行學(xué)習(xí)過程的記錄，個人習(xí)慣只記錄關(guān)鍵點，那么，...
-
-
Vue組件之間如河通信
學(xué)習(xí)使用Vue過程中涉及到組件間通信方式的區(qū)別，做一個學(xué)習(xí)記錄總結(jié) 父子組件通信 父 > 子 ： 通過 Prop 向子組件傳遞數(shù)據(jù)使用 v-bind 來動態(tài)傳遞父元素的 pr...
-
setTimeout失焦停止運行解決辦法
瀏覽器為了性能控制每1000ms只能運行一次，為了解決這個問題有兩種思路 visibilitychange 更改瀏覽器焦點狀態(tài)使用本地時間戳進行轉(zhuǎn)換 Web Worker 新...
-
async & defer 區(qū)別分析當(dāng)然，最佳實踐還是把所有腳本放在 前面 當(dāng)瀏覽器碰到 script 腳本的時候： 沒有 defer 或 async，瀏覽器會立即加載并執(zhí)行指定的腳本，“立即”指的是在渲染該 ...
-
自己擼一個jQuery
吶，來研究一下jQuery的實現(xiàn)原理，自己擼一個簡單版的來一試究竟吧！ 選取元素 按照我們使用jQuery的使用步驟來一步步研究實現(xiàn)，所以，第一步當(dāng)然就是從選取元素開始了。 ...
-
Javascript之內(nèi)存空間堆與棧 我們都知道：在計算機領(lǐng)域中，堆棧是兩種數(shù)據(jù)結(jié)構(gòu)，它們只能在一端(稱為棧頂(top))對數(shù)據(jù)項進行插入和刪除。 堆：隊列優(yōu)先,先進先出；由操作系統(tǒng)自動分配釋放 ，存放函...
-
談?wù)凥TML語義化
隨著HTML5的普及，越來越多的新標(biāo)簽被加入到HTML里，HTML語義化越來越被重視，所以想寫篇文章學(xué)習(xí)整理一下關(guān)于HTML語義化的相關(guān)知識。 HTML語義化的含義 Tim ...
-
line-height VS font-sizeline-height概念 先來看看MDN里對于line-height的定義，來幫大家有個初步的概念認(rèn)識。 line-height屬性用于設(shè)置行所需要的空間，例如文本。對于塊...
