寫這篇文章， 一、DiffUtil 對(duì)比列表item 數(shù)據(jù)，git 文件對(duì)比都用到了這個(gè)算法。二、發(fā)現(xiàn)國(guó)內(nèi)的博客，帖子，對(duì)這個(gè)算法的描述很少很少，算法本身又難以理解。三、上...
發(fā)簡(jiǎn)信
IP屬地：上海
-
Myers' diff 算法 -
圖片懶加載-1(首屏幕圖片懶加載)
作用: 保證頁(yè)面打開(kāi)的速度(3s之內(nèi)如果首頁(yè)打不開(kāi)，就已經(jīng)算是死亡頁(yè)面了)。原理: 對(duì)于首屏幕中的圖片: 首先給對(duì)應(yīng)的區(qū)域一張默認(rèn)圖片占的位置(默認(rèn)圖需要非常的小，一般維持在...
-
react原理三（ diff算法）
前言： React基于兩個(gè)假設(shè)：1、兩個(gè)相同的組件產(chǎn)生類似的DOM結(jié)構(gòu)，不同組件產(chǎn)生不同DOM結(jié)構(gòu)。2、對(duì)于同一層次的一組子節(jié)點(diǎn)，它們可以通過(guò)唯一的id區(qū)分。 舉個(gè)例子：(創(chuàng)...
-
【JS原型&原型鏈】一張圖說(shuō)清楚JavaScript原型&原型鏈 原型鏈圖 如果你看到這張圖一臉懵，不要怕，往下看，下面會(huì)一步一步教你認(rèn)識(shí)原型&原型鏈 前置知識(shí) js的初學(xué)者一般很難理解原型和原型鏈的概念，...
-
小敘移動(dòng)端適配解決方案題外話 突然被要求教學(xué)妹怎么做移動(dòng)端適配的問(wèn)題，上一次我寫移動(dòng)端的東西過(guò)去好久了，于是又面向百度了一波，網(wǎng)上感覺(jué)還是零零散散的，于是決定整理下來(lái)，雖有拾人牙慧之嫌，但是總歸會(huì)...
-
老板讓我開(kāi)發(fā)一個(gè)億級(jí)流量的大型網(wǎng)站
對(duì)于一個(gè)大型網(wǎng)站，主要有以下幾個(gè)特征： 支撐海量數(shù)據(jù) 非常高的訪問(wèn)量 在大型網(wǎng)站中，其最核心的功能就是計(jì)算和存儲(chǔ)。因此系統(tǒng)演變過(guò)程也主要圍繞這兩點(diǎn)進(jìn)行。 單機(jī)系統(tǒng) 在網(wǎng)站剛剛...
-
再不善言辭的人，熟記這六個(gè)套路，在任何人面前都游刃有余
第一句，和沒(méi)錢的窮人交流的時(shí)候，一定要從根本的利益來(lái)談起。 這里所指的窮人自然是指物質(zhì)上的貧乏，和這些人交談的時(shí)候，不要談過(guò)多的夢(mèng)想。而因?yàn)閺膶?shí)際的利益出發(fā)才能打動(dòng)他們。這句...
-
面對(duì)Flutter，我終于邁出了第一步哎，F(xiàn)lutter真香啊 早在一年前想學(xué)習(xí)下flutter，但當(dāng)時(shí)對(duì)于它布局中地獄式的嵌套有點(diǎn)望而生畏，心想為什么嵌套這么復(fù)雜，就沒(méi)有xml布局方式嗎，用jsx方式也行啊，為...
-
簡(jiǎn)單實(shí)現(xiàn)節(jié)流函數(shù)和防抖函數(shù)，我奶奶看完都懂了在日常開(kāi)發(fā)中有很多場(chǎng)景我們都需要用到節(jié)流函數(shù)和防抖函數(shù)，比如：實(shí)現(xiàn)輸入框的模糊查詢因?yàn)樾枰喸僡jax，影響瀏覽器性能，所以需要用到節(jié)流函數(shù)；實(shí)現(xiàn)手機(jī)號(hào)、姓名之類的的驗(yàn)證，往...
