我們?cè)谧鲂枰故敬罅繄D片的網(wǎng)站時(shí)泞莉，為了減少網(wǎng)絡(luò)壓力咽扇、提升用戶(hù)體驗(yàn)酵紫，通常會(huì)對(duì)圖片進(jìn)行懶加載處理祥国，所以歸納整理一下圖片懶加載的原理及代碼吓坚，瀑布流其實(shí)也是懶加載的一種特殊處理展示的...
發(fā)簡(jiǎn)信
IP屬地：天津
-
jQuery模擬豆瓣電影移動(dòng)端項(xiàng)目預(yù)覽鏈接 之前使用jQuery的時(shí)候模擬過(guò)一個(gè)豆瓣電影移動(dòng)端的頁(yè)面仪缸，前兩天翻到發(fā)現(xiàn)已經(jīng)忘記差不多了遗菠，重新梳理了一遍尝蠕，做一下過(guò)程中的問(wèn)題及注意點(diǎn)的總結(jié)烘豌。 分析項(xiàng)目結(jié)構(gòu) 其實(shí)...
-
正則表達(dá)式學(xué)習(xí)記錄
和通配符類(lèi)似，正則表達(dá)式也是用來(lái)進(jìn)行文本匹配的工具看彼，只不過(guò)比起通配符廊佩，它能更精確地描述你的需求，當(dāng)然靖榕，代價(jià)就是更復(fù)雜标锄。所以開(kāi)文進(jìn)行學(xué)習(xí)過(guò)程的記錄，個(gè)人習(xí)慣只記錄關(guān)鍵點(diǎn)茁计，那么料皇，...
-
-
Vue組件之間如河通信
學(xué)習(xí)使用Vue過(guò)程中涉及到組件間通信方式的區(qū)別娜膘，做一個(gè)學(xué)習(xí)記錄總結(jié) 父子組件通信 父 > 子 ： 通過(guò) Prop 向子組件傳遞數(shù)據(jù)使用 v-bind 來(lái)動(dòng)態(tài)傳遞父元素的 pr...
-
setTimeout失焦停止運(yùn)行解決辦法
瀏覽器為了性能控制每1000ms只能運(yùn)行一次逊脯，為了解決這個(gè)問(wèn)題有兩種思路 visibilitychange 更改瀏覽器焦點(diǎn)狀態(tài)使用本地時(shí)間戳進(jìn)行轉(zhuǎn)換 Web Worker 新...
-
async & defer 區(qū)別分析當(dāng)然男窟，最佳實(shí)踐還是把所有腳本放在 前面 當(dāng)瀏覽器碰到 script 腳本的時(shí)候： 沒(méi)有 defer 或 async，瀏覽器會(huì)立即加載并執(zhí)行指定的腳本贾富，“立即”指的是在渲染該 ...
-
自己擼一個(gè)jQuery
吶春缕，來(lái)研究一下jQuery的實(shí)現(xiàn)原理，自己擼一個(gè)簡(jiǎn)單版的來(lái)一試究竟吧艘蹋！ 選取元素 按照我們使用jQuery的使用步驟來(lái)一步步研究實(shí)現(xiàn)锄贼，所以，第一步當(dāng)然就是從選取元素開(kāi)始了女阀。 ...
-
Javascript之內(nèi)存空間堆與棧 我們都知道：在計(jì)算機(jī)領(lǐng)域中宅荤，堆棧是兩種數(shù)據(jù)結(jié)構(gòu)，它們只能在一端(稱(chēng)為棧頂(top))對(duì)數(shù)據(jù)項(xiàng)進(jìn)行插入和刪除浸策。 堆：隊(duì)列優(yōu)先,先進(jìn)先出冯键；由操作系統(tǒng)自動(dòng)分配釋放 ，存放函...
-
談?wù)凥TML語(yǔ)義化
隨著HTML5的普及庸汗，越來(lái)越多的新標(biāo)簽被加入到HTML里惫确，HTML語(yǔ)義化越來(lái)越被重視，所以想寫(xiě)篇文章學(xué)習(xí)整理一下關(guān)于HTML語(yǔ)義化的相關(guān)知識(shí)蚯舱。 HTML語(yǔ)義化的含義 Tim ...
-
line-height VS font-sizeline-height概念 先來(lái)看看MDN里對(duì)于line-height的定義改化，來(lái)幫大家有個(gè)初步的概念認(rèn)識(shí)。 line-height屬性用于設(shè)置行所需要的空間晓淀，例如文本所袁。對(duì)于塊...
-
HTTP入門(mén)必讀
廢話(huà)不說(shuō)盏档，直接進(jìn)入正文吧凶掰！ 一、 W3C 簡(jiǎn)介（查維基百科） W3C這么大名鼎鼎的存在想必你肯定是聽(tīng)說(shuō)過(guò)的吧蜈亩，那么它到底是什么呢懦窘？ 萬(wàn)維網(wǎng)聯(lián)盟（World Wide Web ...
