用戶中心USER CENTER
摘要：答案題目三解析方法的參數(shù)如果是一個(gè)原始值，或者是一個(gè)不具有方法的對(duì)象，則方法返回一個(gè)新的對(duì)象，狀態(tài)為，方法的參數(shù)，會(huì)同時(shí)傳給回調(diào)函數(shù)。 常見(jiàn)Promise面試題 題目一 const promise = new Promise((resolve, reject) => { console.log(1); resolve(); console.log(2); }) ...
SnaiLiu
發(fā)布于JavaScript
摘要：如果我們能在頁(yè)面加載完就立即請(qǐng)求首屏數(shù)據(jù)然后再請(qǐng)求等資源的話將接口請(qǐng)求與資源請(qǐng)求并行的話首屏?xí)r間就能節(jié)省至少個(gè)請(qǐng)求的耗時(shí)。 上個(gè)Q做了一波web性能優(yōu)化,積累了一點(diǎn)點(diǎn)經(jīng)驗(yàn) 記錄分享一下。 先分享一個(gè)比較常用的接口前置 的優(yōu)化方案吧 優(yōu)化前首屏秒開(kāi)大約在40%左右 首屏秒開(kāi)大約提高了25% 先發(fā)一張優(yōu)化成果圖 showImg(https://segmentfault.com/img/b...
SnaiLiu
發(fā)布于JavaScript
摘要：一個(gè)頁(yè)面在瀏覽器顯示出來(lái)至少需要個(gè)線程，分別是引擎，渲染，事件觸發(fā)。其中事件觸發(fā)是獨(dú)立于其他個(gè)執(zhí)行的，而和是相互排斥的，也就是說(shuō)同一個(gè)時(shí)間二者只有一個(gè)在工作。 作為DOM本身十分重要的2個(gè)異步執(zhí)行函數(shù)，初學(xué)者感覺(jué)這個(gè)很不好理解，我簡(jiǎn)單寫一寫我的理解 setTimeout (func, millisec); setInterval(func, millisec); 這兩個(gè)方法在形式看起來(lái)...
SnaiLiu
發(fā)布于JavaScript
摘要：當(dāng)鼠標(biāo)事件發(fā)生時(shí)，組件的最外層會(huì)進(jìn)行處理，然后通過(guò)幾層包裝器的處理后，會(huì)開(kāi)始進(jìn)行批量更新操作。在這之后，會(huì)將這些事件處理成常見(jiàn)到樣子。 接上文， React流程圖：https://bogdan-lyashenko.gith... 回到最初 在流程圖中，也許你已經(jīng)注意到，setState方法可以通過(guò)幾種方式觸發(fā)，更準(zhǔn)確的說(shuō)，可以分為是否由外部引起的（也就是是否由用戶觸發(fā)）。讓我們看下如下...
SnaiLiu
發(fā)布于JavaScript
摘要：最終效果說(shuō)明一提到圖表第一反應(yīng)就是，但是這次需求不一樣，就要求展示一個(gè)簡(jiǎn)單的折線圖，沒(méi)必要搞那么大。簡(jiǎn)單的用了一下的基礎(chǔ)的那幾個(gè)函數(shù)就實(shí)現(xiàn)了。我認(rèn)為只要沿著這條思路走，就可以繪制出你想要的任何圖表。 1、最終效果showImg(https://segmentfault.com/img/bV6j5f?w=384&h=203); 2、說(shuō)明一提到圖表第一反應(yīng)就是echart，但是這次需求不一...
SnaiLiu
發(fā)布于JavaScript
