我應(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)，或者他們做的或沒(méi)有任何阻止它們共同努力的東西。

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

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

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

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

Lemme對(duì)上面的那些問(wèn)題造成了破解。

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

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

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

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

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

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

我可以在Gatsby中使用Flexbox嗎？

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

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

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

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

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

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