一、問(wèn)題 今天突然被同事問(wèn)到一個(gè)問(wèn)題,以下代碼怎么輸出: 一眼看完,我果斷回答了如下答案: 然而...翻了個(gè)大車,實(shí)際代碼運(yùn)行結(jié)果是: 一直以來(lái)都有個(gè)誤解,以為then和ca...

一、問(wèn)題 今天突然被同事問(wèn)到一個(gè)問(wèn)題,以下代碼怎么輸出: 一眼看完,我果斷回答了如下答案: 然而...翻了個(gè)大車,實(shí)際代碼運(yùn)行結(jié)果是: 一直以來(lái)都有個(gè)誤解,以為then和ca...
一、什么是Event Loop Event Loop指的是計(jì)算機(jī)系統(tǒng)的一種運(yùn)行機(jī)制,在JavaScript中就是采用Event Loop這種機(jī)制來(lái)解決單線程帶來(lái)的問(wèn)題。 1....
本節(jié)需要準(zhǔn)備知識(shí)點(diǎn):Event Loop、Promise 關(guān)于Event Loop介紹參考阮一峰老師的文章: http://www.ruanyifeng.com/blog/2...
一、什么是響應(yīng)式? 在了解什么是響應(yīng)式之前我們現(xiàn)來(lái)看一段代碼演示 代碼示例中,變量y依賴變量x進(jìn)行求值,但是我們會(huì)發(fā)現(xiàn)每一次變量x重新賦值時(shí)都要手動(dòng)對(duì)y進(jìn)行求值,存在大量的重...
上一節(jié)[https://juejin.cn/post/7147527757533020173]主要學(xué)習(xí)創(chuàng)建型的三種設(shè)計(jì)模式是怎么使用的。如何利用創(chuàng)建型設(shè)計(jì)模式來(lái)指導(dǎo)我們更好的...
上一節(jié)[https://juejin.cn/post/7146508772196745229]我們主要學(xué)習(xí)了使用設(shè)計(jì)模式來(lái)寫代碼的指導(dǎo)思想以及設(shè)計(jì)模式的分門別類,本節(jié)主要學(xué)習(xí)...
一、代碼與設(shè)計(jì)模式 1.1. 我們寫代碼到底是在寫什么? 大家可以把自己的項(xiàng)目或者是代碼理解成我們就是在編寫模塊,并且設(shè)計(jì)它們之間的溝通。其實(shí)一個(gè)項(xiàng)目或者功能我們都可以理解成...
前面三個(gè)小節(jié)我們根據(jù)下圖分析了Vue整個(gè)響應(yīng)式系統(tǒng)的閉環(huán),這一節(jié)我們直接來(lái)看Vue源碼。 前面小節(jié)的鏈接在這里: Vue—關(guān)于響應(yīng)式(一、依賴收集原理分析)[https://...
為了應(yīng)對(duì)高并發(fā)的服務(wù)器端開發(fā),微軟在2009年提出了一種更優(yōu)雅地實(shí)現(xiàn)異步編程的方式Reactive Programming即反應(yīng)式編程。隨后其他技術(shù)緊隨其后,比如ES6通過(guò)引...
React的設(shè)計(jì)模式有很多種,比如無(wú)狀態(tài)組件/表現(xiàn)型組件,有狀態(tài)組件/容器型組件,render模式組件,高階組件等等。本文主要介紹react的render模式與HOC設(shè)計(jì)模式...
上一篇我們經(jīng)歷了一次頭腦爆炸,一口氣看完了從webpack-cli到babel-loader的全流程。這一篇可以放松一下了,來(lái)看看hooks中到底包含了什么秘密。 1. ho...
前段時(shí)間,在朋友圈了發(fā)了一張類似于城市黑金風(fēng)格的照片,有些小伙伴留言問(wèn)這是怎么調(diào)的,效果好棒。其實(shí)這張照片的調(diào)色很簡(jiǎn)單的,感謝大家的喜歡,今天來(lái)給大家講講如何通過(guò)簡(jiǎn)單的幾步調(diào)...
vue項(xiàng)目打包的時(shí)候,如果項(xiàng)目比較龐大,那么將會(huì)打出一個(gè)很大的包,速度比較慢,這個(gè)時(shí)候可以考慮拆分,不要把所有的內(nèi)容都打到一個(gè)包里面去。但是在開發(fā)環(huán)境時(shí)使用lazy-load...
我們這次要實(shí)現(xiàn)一個(gè)類似探探主界面的程序 。 所以在這里我們實(shí)現(xiàn)一個(gè)自己的控件,并弄明白其原理就好了。在實(shí)現(xiàn)的過(guò)程中我們先去決定使用什么控件比較合適 在這里使用的Recycle...
前端埋點(diǎn)主要是為了服務(wù)運(yùn)營(yíng)人員采集用戶行為數(shù)據(jù),進(jìn)行后續(xù)的數(shù)據(jù)分析工作。 前端監(jiān)控和埋點(diǎn)能做什么 數(shù)據(jù)監(jiān)控(用戶行為)pv,uv記錄操作系統(tǒng)用戶在每一個(gè)頁(yè)面的停留時(shí)間(離開頁(yè)...