服務(wù)器租用價格,杭州seo推廣服務(wù),建設(shè)文化網(wǎng)站的目的和意義,百度下載安裝2022最新版今天在 GitHub 上看到了一個讓我 “大腦宕機(jī)” 的項(xiàng)目。作為一個寫了多年代碼的開發(fā)者#xff0c;我見識過把 HTML 寫在 JS 里的#xff08;JSX#xff09;#xff0c;也見過把 CSS 寫在 JS 里的#xff08;CSS-in-JS#xff09;。但我萬萬沒想到#xff0c;2025 年快到…今天在 GitHub 上看到了一個讓我 “大腦宕機(jī)” 的項(xiàng)目。作為一個寫了多年代碼的開發(fā)者我見識過把 HTML 寫在 JS 里的JSX也見過把 CSS 寫在 JS 里的CSS-in-JS。但我萬萬沒想到2025 年快到了竟然有人發(fā)明了在 CSS 類名里寫 SQL。沒錯你沒看錯。這個項(xiàng)目叫TailwindSQL。它的口號是“像寫 TailwindCSS 一樣用類名來寫你的數(shù)據(jù)庫查詢”看完這個項(xiàng)目我的第一反應(yīng)是這也太“抽象”了吧它是怎么玩的如果你用過 Tailwind CSS你一定熟悉這種寫法通過組合text-center、p-4、bg-blue-500這樣的小原子類來構(gòu)建樣式。TailwindSQL 把這個邏輯搬到了數(shù)據(jù)庫查詢上。假設(shè)你想從users表里查出名字name并且只查 ID 為 1 的用戶。傳統(tǒng)的 SQL 寫法SELECT name FROM users WHERE id 1;TailwindSQL 的寫法DB classNamedb-users-name-where-id-1 /是的你只需要在一個DB /組件上寫一串 class它就自動變成了 SQL 查詢并且把結(jié)果渲染出來。頁面上會直接顯示查詢到的結(jié)果Larry Nadella。再看幾個離譜的例子作者似乎是認(rèn)真的他還搞出了更復(fù)雜的語法。1. 查列表并限制數(shù)量比如你想查products表里的商品標(biāo)題限制前 5 條。DB classNamedb-products-title-limit-5 asul /加上asul它甚至直接給你渲染成一個無序列表ul。2. 排序按價格倒序排列DB classNamedb-products-orderby-price-desc /3. 連表查詢Join最硬核的來了。如果你想把users表和posts表連起來查DB classNamedb-users-name-limit-5 astable Join tableposts onid-author_id selecttitle/ /DB這一頓操作下來前端可以直接“篡位”把后端的活干了。后端開發(fā)看完可能都要陷入沉思我原本是負(fù)責(zé)寫 API 的現(xiàn)在只需維護(hù)表結(jié)構(gòu)了嗎這到底是什么黑科技看到這里你可能會問這玩意兒在瀏覽器里跑豈不是要把數(shù)據(jù)庫密碼暴露給用戶了其實(shí)不會。TailwindSQL 主要是為了展示React Server Components (RSC)的能力。零運(yùn)行時Zero Runtime這些查詢是在構(gòu)建時或服務(wù)器端解析的。安全性它使用 SQLite并且是在服務(wù)端運(yùn)行不會把 SQL 邏輯發(fā)送到瀏覽器端。類型安全假的作者在官網(wǎng)上很幽默地標(biāo)了一個標(biāo)簽——Type Safe*然后底下加了一行小字* Type safety not actually included并不包含真正的類型安全。這是一個正經(jīng)項(xiàng)目嗎作者在項(xiàng)目介紹里非常誠實(shí)。他在頁面底部寫了一句話“Built with using Next.js, SQLite, and questionable decisions. 用 Next.js、SQLite 和一些值得懷疑的決策精心構(gòu)建。在 GitHub 的 README 里他也明確警告“Do whatever you want with it (except deploy to production ) 你想怎么玩都行除了把它部署到生產(chǎn)環(huán)境。所以這并不是一個為了顛覆現(xiàn)有開發(fā)模式而生的工具而是一次充滿極客精神的“整活”。項(xiàng)目地址在這里https://github.com/mmarinovic/tailwindsql想圍觀的可以去看下