建站
咨詢(xún)
售后
建站咨詢(xún)
新聞中心
對(duì) htmx 最常見(jiàn)的批評(píng)之一通常來(lái)自第一次聽(tīng)說(shuō)它的人，如下所示：
麥蓋提ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書(shū)未來(lái)市場(chǎng)廣闊！成為成都創(chuàng)新互聯(lián)的ssl證書(shū)銷(xiāo)售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話(huà)聯(lián)系或者加微信：028-86922220（備注：SSL證書(shū)合作）期待與您的合作！
你抱怨現(xiàn)代前端框架的復(fù)雜性，但你的解決方案只是另一個(gè)復(fù)雜的前端框架。
這是一個(gè)很好的反對(duì)意見(jiàn)！對(duì)于你引入到項(xiàng)目中的任何第三方 (3P) 代碼，你都有權(quán)提出疑問(wèn)。即使你沒(méi)有親自編寫(xiě) 3P 代碼，但只要將其納入項(xiàng)目，你就必須了解它--如果你想升級(jí)它，就必須重新了解它。
讓我們將這些批評(píng)分解成其組成部分，并確定htmx在其聲稱(chēng)要解決的傷害中到底有多少沉迷其中。
庫(kù)和框架的區(qū)別
一些 htmx 捍衛(wèi)者向我們求助：“htmx 不是一個(gè)框架，它是一個(gè)庫(kù)?！边@可能是不正確的。
“框架”是一個(gè)口語(yǔ)術(shù)語(yǔ)——對(duì)于某些第三方代碼從“庫(kù)”演變?yōu)椤翱蚣堋钡某潭葲](méi)有硬性規(guī)定——但我們?nèi)匀粦?yīng)該嘗試定義它。在這種情況下：
- 庫(kù) - 3P 代碼，其 API 不會(huì)顯著影響應(yīng)用程序的其余部分
- 框架 - 3P 代碼，其 API 決定應(yīng)用程序的整體結(jié)構(gòu)
如果你更喜歡比喻：庫(kù)是你添加到機(jī)器上的一個(gè)齒輪，框架是一個(gè)預(yù)先構(gòu)建的機(jī)器，你可以通過(guò)自定義其齒輪來(lái)控制它。
這種區(qū)別雖然可能很模糊，但很重要，因?yàn)樗枋隽颂鎿Q某些第三方代碼的容易程度。例如，使用 CSV 解析庫(kù)的 JavaScript 服務(wù)可能可以輕松地交換不同的 CSV 解析庫(kù)；然而，使用 NextJS 框架的 JavaScript 服務(wù)可能在其整個(gè)使用壽命中都依賴(lài)于 NextJS，因?yàn)榇罅看a是在假設(shè)它與 NextJS 結(jié)構(gòu)交互的情況下編寫(xiě)的。
因此，如果你的服務(wù)是在框架之上構(gòu)建的，則其使用壽命與該框架的使用壽命相關(guān)。如果該框架被放棄，或被鄙視，或以其他方式不受歡迎，那么修改項(xiàng)目的難度將穩(wěn)步增加，直到你放棄修改它，并最終將其完全封存。
這就是人們?cè)趩?wèn)“htmx 只是另一個(gè) JavaScript 框架嗎？”時(shí)所擔(dān)心的問(wèn)題。他們希望確保自己不會(huì)致力于一個(gè)很快就會(huì)過(guò)時(shí)的系統(tǒng)，就像過(guò)去的許多 Web 開(kāi)發(fā)框架一樣。
那么：htmx是一個(gè)框架嗎？它是否會(huì)很快被淘汰，在其迅速消亡后留下一系列無(wú)法維護(hù)的網(wǎng)站？
htmx（通常）是一個(gè)框架
對(duì)我們社區(qū)關(guān)于這個(gè)問(wèn)題的持續(xù)爭(zhēng)論表示歉意——我認(rèn)為 htmx 顯然是一個(gè)框架，至少在大多數(shù)用例中是這樣。但這確實(shí)取決于你如何使用它。
無(wú)論你在項(xiàng)目中的何處使用 htmx，你都會(huì)在 HTML 中包含 htmx 屬性（即 hx-post 、 hx-target ），編寫(xiě)使用 htmx 格式數(shù)據(jù)調(diào)用的端點(diǎn)（使用某些請(qǐng)求標(biāo)頭），并從這些端點(diǎn)返回以 htmx 期望的方式格式化的數(shù)據(jù)（帶有 hx-* 控件的 HTML）。所有這些屬性以及標(biāo)頭和端點(diǎn)相互交互以創(chuàng)建一個(gè)系統(tǒng)，元素通過(guò)該系統(tǒng)通過(guò)網(wǎng)絡(luò)請(qǐng)求進(jìn)入和退出 DOM。
如果你使用 htmx 來(lái)處理網(wǎng)站的大量網(wǎng)絡(luò)請(qǐng)求，那么在應(yīng)用程序中包含 htmx 會(huì)對(duì)項(xiàng)目的結(jié)構(gòu)產(chǎn)生重大影響，從構(gòu)建前端標(biāo)記的方式到端點(diǎn)進(jìn)行的數(shù)據(jù)庫(kù)查詢(xún)。這是類(lèi)似框架的行為，在這種情況下，htmx 不能輕易被替換。
你絕對(duì)可以以類(lèi)似庫(kù)的方式使用 htmx，為網(wǎng)頁(yè)的幾個(gè)部分添加動(dòng)態(tài)功能。但你也可以用這種類(lèi)似于庫(kù)的方式編寫(xiě) React，沒(méi)有人會(huì)說(shuō) React 不是一個(gè)框架。我只想說(shuō)，許多在應(yīng)用程序中使用 htmx 的人都是為了滿(mǎn)足 htmx 的需求，將其作為構(gòu)建超媒體應(yīng)用程序的框架。
如果能發(fā)揮 htmx 的優(yōu)勢(shì)，那么使用 htmx 構(gòu)建程序的效果會(huì)更好。如果你真的堅(jiān)持，可以發(fā)送 JSON 格式的表單體。但你不應(yīng)該這樣做！application/x-www-form-urlencoded 格式的表單體并編寫(xiě)一個(gè)可接受它們的端點(diǎn)會(huì)更簡(jiǎn)單。如果你真的堅(jiān)持，你可以編寫(xiě)一個(gè)在多個(gè)不同客戶(hù)端之間重復(fù)使用的端點(diǎn)。但你不應(yīng)該這樣做！將數(shù)據(jù)和超媒體 API 分離到不同的 URL 中會(huì)更簡(jiǎn)單。是的，htmx 可以作為一個(gè)庫(kù)使用，但或許也可以讓它成為你的框架。
然而，這并不意味著 htmx 只是另一個(gè) JavaScript 框架，因?yàn)?htmx 具有其他框架沒(méi)有的巨大優(yōu)勢(shì)：HTML。
htmx 用于編寫(xiě) HTML
假設(shè)你使用 htmx 作為框架 - 它是 JavaScript 框架嗎？從一種明顯的意義上來(lái)說(shuō)，是的：htmx 是用大約 4k 行 JS 實(shí)現(xiàn)的。但從另一個(gè)更重要的意義上來(lái)說(shuō)，它不是：React、Svelte、Solid 等等，你寫(xiě)的 JS(X) 框架會(huì)轉(zhuǎn)換成 HTML；htmx 只是讓你編寫(xiě) HTML。這就免去了可能會(huì)讓你放棄其他框架的各種維護(hù)工作。
當(dāng)你想要升級(jí)或更改某些依賴(lài)項(xiàng)，但你使用的框架與該更改不兼容時(shí)，代碼庫(kù)往往會(huì)陷入困境。Java 是這里最臭名昭著的罪犯——生產(chǎn)中有數(shù)百萬(wàn)行 Java 永遠(yuǎn)不會(huì)離開(kāi) Java 8，因?yàn)樯?jí) Spring 太難了——但 npm 包生態(tài)系統(tǒng)緊隨其后。當(dāng)你使用 htmx“框架”時(shí)，你永遠(yuǎn)不會(huì)遇到這個(gè)問(wèn)題，因?yàn)?htmx 是一個(gè)零依賴(lài)、客戶(hù)端加載的 JavaScript 文件，因此保證它永遠(yuǎn)不會(huì)與你的服務(wù)器所依賴(lài)的任何構(gòu)建過(guò)程或依賴(lài)鏈發(fā)生沖突。
瀏覽器渲染 HTML，因此無(wú)需編譯器或轉(zhuǎn)譯器即可使用 htmx。雖然許多 htmx 用戶(hù)很樂(lè)意使用 JSX 渲染 API 響應(yīng)，但 htmx 與經(jīng)典模板引擎配合得很好，使其可移植到你喜歡的任何語(yǔ)言。不管你對(duì) Django 和 Rails 有何看法，但它們?cè)?2008 年和今天都很重要 — htmx 與它們無(wú)縫集成。這是 htmx 驅(qū)動(dòng)開(kāi)發(fā)的一個(gè)反復(fù)出現(xiàn)的主題：htmx 與新舊開(kāi)發(fā)工具都能很好地配合，因?yàn)樗羞@些工具的共同點(diǎn)是 HTML，而 htmx 是用于編寫(xiě) HTML 的。
推動(dòng)用戶(hù)主要通過(guò) HTML 而不是 JS 來(lái)定義其應(yīng)用程序的行為有太多優(yōu)點(diǎn)，本文無(wú)法一一介紹，因此我將重點(diǎn)談?wù)勅藗冏钔春薜?JavaScript 成名之作：“churn”。根據(jù)你編寫(xiě) React 應(yīng)用程序的時(shí)間，你可能在編寫(xiě)表單時(shí)使用了受控類(lèi)組件、react Hooks 或這種實(shí)驗(yàn)性的