用戶中心USER CENTER
摘要：手寫一款符合規(guī)范的長(zhǎng)篇預(yù)警有點(diǎn)長(zhǎng)，可以選擇性觀看。初始狀態(tài)是，狀態(tài)可以有或者不能從轉(zhuǎn)換為或者從轉(zhuǎn)換成即只要由狀態(tài)轉(zhuǎn)換為其他狀態(tài)后，狀態(tài)就不可變更。 手寫一款符合Promise/A+規(guī)范的Promise 長(zhǎng)篇預(yù)警！有點(diǎn)長(zhǎng)，可以選擇性觀看。如果對(duì)Promise源碼不是很清楚，還是推薦從頭看，相信你認(rèn)真從頭看到尾，并且去實(shí)際操作了，肯定會(huì)有收獲的。主要是代碼部分有點(diǎn)多，不過(guò)好多都是重復(fù)的，不...
rubyshen
發(fā)布于JavaScript
摘要：首先，我們將監(jiān)聽(tīng)該事件，并且每次用戶滾動(dòng)時(shí)我們都會(huì)請(qǐng)求當(dāng)前位置。這允許瀏覽器立即滾動(dòng)頁(yè)面，因?yàn)樗F(xiàn)在知道該事件不會(huì)被取消。 通過(guò)將當(dāng)前滾動(dòng)偏移映射到html元素上的屬性，我們可以根據(jù)當(dāng)前滾動(dòng)位置設(shè)置頁(yè)面上的元素樣式。我們可以使用它來(lái)構(gòu)建一個(gè)浮動(dòng)導(dǎo)航組件。 這是我們將使用的HTML，當(dāng)我們向下滾動(dòng)時(shí)，我們希望在內(nèi)容之上浮動(dòng)的一個(gè)很好的組件。 Im the page header Lots...
rubyshen
發(fā)布于JavaScript
摘要：小結(jié)本文只是簡(jiǎn)單分享了如何開(kāi)發(fā)一個(gè)簡(jiǎn)單的谷歌瀏覽器插件，以及一些注意事項(xiàng)，并且提到了如何授權(quán)和使用谷歌插件，重點(diǎn)介紹了插件開(kāi)發(fā)必備的入口文件和插件中幾個(gè)重要環(huán)境以及環(huán)境之間的通信。 我們?cè)谏暇W(wǎng)的時(shí)候，都會(huì)用到瀏覽器，但是瀏覽器并非擁有我們想要的所有功能，我們可以根據(jù)自己的需要，實(shí)現(xiàn)自己的插件來(lái)滿足需求。比如網(wǎng)頁(yè)中經(jīng)常會(huì)有大量的廣告，如果你希望擁有一個(gè)純凈的網(wǎng)頁(yè)，可以實(shí)現(xiàn)一個(gè)插件來(lái)刪除網(wǎng)...
rubyshen
發(fā)布于JavaScript
摘要：事件發(fā)生后，對(duì)象可能會(huì)作出響應(yīng)，也有可能無(wú)動(dòng)于衷。事件模型在講解事件模型前，再用一個(gè)例子作為引入。當(dāng)一個(gè)事件發(fā)生時(shí)，事件會(huì)在樹(shù)中進(jìn)行傳播。冒泡階段在此階段，事件從事件源開(kāi)始向上傳播，直到根結(jié)點(diǎn)。 1.何為DOM DOM是Document Object Model的縮寫，中文譯為文檔對(duì)象模型。它是一種跨平臺(tái)、跨語(yǔ)言的編程接口，將HTML，XHTML，XML文檔映射成樹(shù)形結(jié)構(gòu)，樹(shù)的每一個(gè)節(jié)...
rubyshen
發(fā)布于JavaScript
摘要：盤點(diǎn)一下，模式反應(yīng)了典型的控制權(quán)問(wèn)題。異步狀態(tài)管理與控制權(quán)提到控制權(quán)話題，怎能少得了這樣的狀態(tài)管理工具。狀態(tài)管理中的控制主義和極簡(jiǎn)主義了解了異步狀態(tài)中的控制權(quán)問(wèn)題，我們?cè)購(gòu)娜纸嵌冗M(jìn)行分析。 控制權(quán)——這個(gè)概念在編程中至關(guān)重要。比如，輪子封裝層與業(yè)務(wù)消費(fèi)層對(duì)于控制權(quán)的爭(zhēng)奪，就是一個(gè)很有意思的話題。這在 React 世界里也不例外。表面上看，我們當(dāng)然希望輪子掌控的事情越多越好：因?yàn)槌橄髮?..
rubyshen
發(fā)布于JavaScript
