我應(yīng)該使用WordPress還是React鉤子？
我應(yīng)該使用D3還是CSS？
我應(yīng)該使用Markdown還是JSON？
我可以在Gatsby中使用Flexbox嗎？
我可以在Jekyll中使用自定義屬性嗎？
我應(yīng)該使用HTML還是云？
如何在我的Vue網(wǎng)站上添加深色模式？

這些是嘲諷的，但是這里有一個(gè)要點(diǎn)。了解一項(xiàng)技術(shù)是一個(gè)挑戰(zhàn)，也是了解技術(shù)如何合并在一起的另一個(gè)挑戰(zhàn)。

雖然上面的技術(shù)組合似乎令人困惑，但您很幸運(yùn)，您知道足以發(fā)現(xiàn)它們令人困惑。這意味著您足夠了解這些技術(shù)，以至于您知道它們都不相關(guān)，或者他們做的或沒有任何阻止它們共同努力的東西。

我經(jīng)常在初學(xué)者中看到這種混亂，這確實(shí)沒有什么可恥的。這都是過程的一部分。

我還看到了與此網(wǎng)站的讀者的這種混亂，因?yàn)槲覀兘?jīng)常寫有關(guān)漂亮的基礎(chǔ)網(wǎng)絡(luò)技術(shù)，而不會介紹它們?nèi)绾芜m應(yīng)不同的抽象，例如JavaScript Frameworks或CMS s。例如，查看有關(guān)構(gòu)建滑塊的這篇文章。它甚至沒有觸摸JavaScript；只是香草html和CSS。

也許經(jīng)驗(yàn)豐富的前端開發(fā)人員會知道他們可以在任何地方使用此滑塊代碼，因?yàn)樗蝗Q于其他任何東西。但是，也有一些開發(fā)人員會像在JSX中一樣，所以我無法真正使用它。還是在NPM上？我永遠(yuǎn)讓人們問我，他們在網(wǎng)站上找到的一些想法和技術(shù)是否可以在他們的WordPress網(wǎng)站上使用。

那么，如何在WordPress網(wǎng)站上使用此滑塊代碼？好吧，因?yàn)樗皇荋TML和CSS，您可以在任何模板中使用HTML，將CSS放入網(wǎng)站的樣式表中，并且可以使用。但是，也許您想以某種方式管理WordPress本身中的幻燈片，而不是編輯模板文件。也許您有一種自定義的帖子類型的“幻燈片”，然后是一個(gè)自定義頁面，該頁面在滑塊的divs中輸出這些帖子的內(nèi)容。更復(fù)雜，但基本上是相同的想法。如果您希望滑塊在React中工作，則可能是將某些類屬性更改為className并將CSS更改為React站點(diǎn)的造型。我們經(jīng)常依靠CSS-Tricks上的基本技術(shù)，因?yàn)樗故虑樽兊酶悠毡?，但是它仍然很有趣，并且是學(xué)習(xí)如何將概念移植到其他技術(shù)的另一種技能。

Lemme對上面的那些問題造成了破解。

我應(yīng)該使用WordPress還是React鉤子？

WordPress是您選擇幫助您構(gòu)建結(jié)構(gòu)化內(nèi)容并可能構(gòu)建整個(gè)網(wǎng)站的CMS。您可以用React構(gòu)建一個(gè)網(wǎng)站，這越來越受歡迎，但這并不常見。 React是一種用JavaScript構(gòu)建的組件來構(gòu)建站點(diǎn)前端的一種方式，以幫助模板和邏輯。 React鉤子是在組件之間共享功能的一種方式。因此，這個(gè)問題不是一個(gè)/或 - 您可以同時(shí)做。

我應(yīng)該使用D3還是CSS？

CSS在所有網(wǎng)站上都用于進(jìn)行樣式。 D3是用于進(jìn)行數(shù)據(jù)可視化的JavaScript庫。有一些交叉，因?yàn)槔?，您可以使用僅HTML和CSS構(gòu)建條形圖，或者在D3中構(gòu)建相同的條形圖。但是總的來說，D3正在做CSS無法使用的非常精美的圖紙，并且CSS正在在SVG（D3輸出）無法使用的站點(diǎn)上進(jìn)行布局。

我應(yīng)該使用Markdown還是JSON？

Markdown是一種用于編寫匯編為HTML的內(nèi)容的語言。例如，您可能會在Markdown中寫一篇博客文章，因?yàn)樗梢郧鍧崒懽鳎春蛣褡枘诓粦?yīng)該的地方與HTML一起使用HTML。 JSON是一種以許多編程語言（尤其是JavaScript）的格式存儲數(shù)據(jù)的格式，可以輕松處理。 JSON具有相當(dāng)直觀的嵌套鍵/值對語法。如果以這種方式存儲數(shù)據(jù)很有用，則可以將Markdown放在JSON中。有一些有趣的跨界車，因?yàn)橛刑厥獾慕祪r(jià)品種可以將元數(shù)據(jù)作為文件的一部分，稱為前提。盡管有些不同的語法，但此前提數(shù)據(jù)的數(shù)據(jù)也以鑰匙/值對格式。盡管如此，這些通常是完全不同的技術(shù)。 API通常會返回JSON，但不會返回Markdown，您通常會在Markdown中寫博客，而不是JSON。

我可以在Gatsby中使用Flexbox嗎？

當(dāng)然。 Flexbox是CSS的東西，蓋茨比是一個(gè)反應(yīng)框架。蓋茨比不在乎您在網(wǎng)站上使用的CSS。由于Gatsby是基于React的，因此可能還會使用CSS-IN-JS庫的整個(gè)世界，因此，如果您遇到麻煩，那可能與之相關(guān)。例如，如果正在通過JavaScript對象格式設(shè)置樣式，則可能必須使用諸如Flexgrow而不是Flex Grow等的內(nèi)容。

我可以在Jekyll中使用自定義屬性嗎？

Jekyll是一個(gè)由紅寶石驅(qū)動的靜態(tài)站點(diǎn)生成器，主要用于從Markdown文件中生產(chǎn)博客。就像蓋茨比不在乎您的CSS一樣，Jekyll也不是。自定義屬性是CSS的東西，因此您可以在CSS中自由使用它們，而CSS又是Jekyll網(wǎng)站的一部分。

我應(yīng)該使用HTML還是云？

“云”具有含糊的含義，但通常是指互聯(lián)網(wǎng)附加的服務(wù)器。不僅是一臺服務(wù)器，而且還具有強(qiáng)大的擴(kuò)展能力和具有冗余的能力的大型網(wǎng)絡(luò)。 HTML是網(wǎng)站的基本語言。每個(gè)網(wǎng)站都從Web服務(wù)器的HTML請求開始。它們與基于云的服務(wù)器有關(guān)，可能會為HTML文件提供這些請求！但是它們不是一個(gè)或什么。您可以編寫由不是特別“多云”的服務(wù)器提供的HTML，并且您可以將云服務(wù)器用于與HTML無關(guān)的東西（例如存儲大數(shù)據(jù)文件）。

以上是溪流交叉混亂的詳細(xì)內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！