不久前的一個(gè)隨機(jī)日子，我開(kāi)始開(kāi)玩笑說(shuō)“微觀前端”的笑話，這是我第一次學(xué)習(xí)吐司的方式。直到詢問(wèn)周?chē)?，我才理解?lái)源，這是Cam Jackson的這篇文章。

在本文中，我們將描述將前端整體分解成許多較小，更易于管理的材料的最新趨勢(shì)，以及該體系結(jié)構(gòu)如何提高從前端代碼工作的團(tuán)隊(duì)的有效性和效率。

我認(rèn)為應(yīng)該閱讀“前端整體”和“前端代碼”，但我已經(jīng)離題了。

這個(gè)想法類(lèi)似于微服務(wù)，但對(duì)于前端。因此，前端的不同部分不是彼此獨(dú)立的，而不是一個(gè)彼此獨(dú)立的，而不是彼此之間的依賴性，可以獨(dú)立進(jìn)行和部署。

這是您無(wú)法完全判斷它是否真的是對(duì)未來(lái)的一個(gè)有趣的預(yù)測(cè)，這只是一個(gè)恰好適合少數(shù)大型組織的利基建筑選擇，甚至只是理論上的選擇。

我的思想首先是一致性和干燥性。在我工作的任何地方，這些事情都是很大的，而且似乎整個(gè)行業(yè)的運(yùn)輸設(shè)計(jì)都有無(wú)數(shù)的前端問(wèn)題，這些問(wèn)題開(kāi)始，保持一致和保持一致和凝聚力，而無(wú)需重復(fù)鏟子的技術(shù)債務(wù)。如果B團(tuán)隊(duì)B被A團(tuán)隊(duì)阻止，則獨(dú)立前端聽(tīng)起來(lái)可能是一個(gè)問(wèn)題，但它引入了B團(tuán)隊(duì)B的輸出越來(lái)越多的問(wèn)題，即與A團(tuán)隊(duì)A的輸出不一致。

本文本身討論了一個(gè)瀏覽/搜索著陸頁(yè)，詳細(xì)信息/訂購(gòu)頁(yè)面和個(gè)人資料頁(yè)面，其中所有三個(gè)都由不同的獨(dú)立產(chǎn)品/團(tuán)隊(duì)解決。對(duì)我來(lái)說(shuō)，這聽(tīng)起來(lái)有些酷而有趣，聽(tīng)起來(lái)那些團(tuán)隊(duì)更好地坐在工作中。否則，這個(gè)應(yīng)用程序?qū)⒃趦芍軆?nèi)發(fā)展出科學(xué)怪人的怪物。造型只能用“我不知道，做得好”的氛圍輕輕地解決。當(dāng)團(tuán)隊(duì)都在同一產(chǎn)品上時(shí)，團(tuán)隊(duì)會(huì)為此而苦苦掙扎，所以我在這里很擔(dān)心。如果認(rèn)真討論這一點(diǎn)，我將嘗試解決的第一件事是超越所有內(nèi)容的設(shè)計(jì)系統(tǒng)，每個(gè)人都不會(huì)失敗。

如果這些微觀前端在同一頁(yè)面上共存怎么辦？文章說(shuō)，使用

其他集成選項(xiàng)……將它們隔離到自己的捆綁包中，甚至本機(jī)Web組件聽(tīng)起來(lái)好多了。但是，盡管如此，與Vuew組件可能在同一頁(yè)面上拍打的孤立開(kāi)發(fā)的想法似乎是對(duì)非常特定的組織問(wèn)題的巨大用戶罰款。更不用說(shuō)您失去了對(duì)代碼庫(kù)的共同理解的好處，以及對(duì)較小工具的更深入技術(shù)理解的好處。

我可能沒(méi)有公平地描述所有這些，尤其是因?yàn)檫@個(gè)想法對(duì)我來(lái)說(shuō)是新的，我以前從未像現(xiàn)在這樣工作過(guò)。

納德·達(dá)比特（Nader Dabit）有一篇后續(xù)文章：用React，Vue和單SPA構(gòu)建微觀前端。這樣我就不會(huì)誤解這一點(diǎn)：這個(gè)想法實(shí)際上是您可能構(gòu)建了一個(gè)React應(yīng)用程序，而我會(huì)構(gòu)建一個(gè)Vue應(yīng)用程序，并且我們將在同一頁(yè)面上拍打。我肯定來(lái)自一個(gè)時(shí)代，當(dāng)我們?cè)谕豁?yè)面上找到了多個(gè)版本的jQuery的網(wǎng)站時(shí)，我們笑了起來(lái)，然后是一件事，以及一件事，一件事似乎偶然地插入了所有的Mootools和原型。我們之所以畏縮，是因?yàn)槟鞘且粋€(gè)裝滿JavaScript的水桶，主要是無(wú)緣無(wú)故地復(fù)制的，導(dǎo)致錯(cuò)誤并放慢頁(yè)面。這似乎沒(méi)有太大不同。

喬爾·丹寧（Joel Denning）在AMA中指出了該主題：

我指出，我們處于“仇恨而沒(méi)有嚴(yán)格檢查”的階段。在合法，仔細(xì)檢查之后，這個(gè)想法仍然失敗了。但是還為時(shí)過(guò)早。

很公平。

很抱歉堆積。 ？

pic.twitter.com/mhlu0it5dr

- 克里斯·科伊爾（Chris Coyier）（@chriscoyier）2019年6月20日

以上是微觀前端的詳細(xì)內(nèi)容。更多信息請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！