搜索歷史

清空
搜索熱詞
      0
      • 聊天消息
      • 系統(tǒng)消息
      • 評(píng)論與回復(fù)
      VIP于 到期 續(xù)費(fèi)
      登錄后你可以
      • 下載海量資料
      • 學(xué)習(xí)在線課程
      • 觀看技術(shù)視頻
      • 寫文章/發(fā)帖/加入社區(qū)
      會(huì)員中心
      創(chuàng)作中心
      發(fā)布
      創(chuàng)作活動(dòng)

      完善資料讓更多小伙伴認(rèn)識(shí)你，還能領(lǐng)取20積分哦，立即完善>

      3天內(nèi)不再提示

      CSS框架：Tailwind的優(yōu)缺點(diǎn)

      如意 ? 來源：百家號(hào) ? 作者：51CTO ? 2020-07-01 16:43 ? 次閱讀

      Tailwind

      Tailwind是一款utility-first的框架，可以被用于快速地構(gòu)建UI。作為一個(gè)utility-based的CSS庫，它比那些語義和精益標(biāo)記（lean markup）更注重實(shí)用性和速度。在創(chuàng)建網(wǎng)站時(shí)，您只需要確定項(xiàng)目的范圍，而無需自行編寫CSS。雖然Tailwind并不提供默認(rèn)的主題，您也找不到任何內(nèi)置的UI組件，但是您可以使用預(yù)設(shè)計(jì)的部件菜單，來構(gòu)建目標(biāo)網(wǎng)站。

      Tailwind CSS框架的使用情況統(tǒng)計(jì)

      在State of CSS的調(diào)查中，它位居2020年最佳CSS框架類別排名第八。

      有4.9%的CSS開發(fā)人員已經(jīng)在使用，并希望繼續(xù)使用它。

      在Github上擁有69顆星、13個(gè)fork、以及2個(gè)貢獻(xiàn)者。

      選擇Tailwind CSS框架的理由

      1.網(wǎng)站不會(huì)受到個(gè)別更改的影響

      某個(gè)元素的更改并不會(huì)影響到與之相關(guān)的其他元素。

      2.易于使用

      一旦熟悉了語法，您可以輕松地使用Tailwind，而且不必在樣式表和HTML之間來回切換。

      3.高度可定制性

      它帶有許多自定義的選項(xiàng)，而且不會(huì)預(yù)設(shè)網(wǎng)站的外觀。

      4.更快速的開發(fā)

      由于Tailwind省略了編寫CSS的必須步驟，因此其開發(fā)速度得以大幅提升。

      Tailwind CSS框架的有待改進(jìn)之處

      1.對(duì)CSS專家的吸引力不夠

      該前端框架對(duì)于剛?cè)胄械拈_發(fā)人員來說，比較容易上手，但是對(duì)于資深的CSS開發(fā)人員，則不太有吸引力。

      2.不支持網(wǎng)格布局（Grid Layout）

      即使在12列布局下，Tailwind也不支持網(wǎng)格布局。

      知名客戶

      BlaBlaCar、otto-now、Website、Clarisights、JetThoughts、EXR。

      聲明：本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人，不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用，如有內(nèi)容侵權(quán)或者其他違規(guī)問題，請(qǐng)聯(lián)系本站處理。 舉報(bào)投訴
      • ui
        ui
        +關(guān)注

        關(guān)注

        0

        文章

        203

        瀏覽量

        21330
      • CSS
        CSS
        +關(guān)注

        關(guān)注

        0

        文章

        109

        瀏覽量

        14340
      • 開源框架
        +關(guān)注

        關(guān)注

        0

        文章

        32

        瀏覽量

        9407
      收藏 人收藏

        評(píng)論

        相關(guān)推薦

        開環(huán)和閉環(huán)功放的區(qū)別，優(yōu)缺點(diǎn)，應(yīng)用場(chǎng)合有什么不同？

        問下TI的工程師，開環(huán)和閉環(huán)功放的區(qū)別，優(yōu)缺點(diǎn)，應(yīng)用場(chǎng)合有什么不同？請(qǐng)解釋下，謝謝！
        發(fā)表于 11-04 06:33

        不同類型UPS電源的優(yōu)缺點(diǎn)

        不間斷電源（UPS）是為關(guān)鍵設(shè)備提供穩(wěn)定、不間斷電力供應(yīng)的重要設(shè)備。根據(jù)設(shè)計(jì)和功能的不同，UPS可以分為幾種類型，每種類型都有其獨(dú)特的優(yōu)缺點(diǎn)。以下是一些常見的UPS類型及其優(yōu)缺點(diǎn)的概述： 在線式
        的頭像 發(fā)表于 10-28 10:45 ?303次閱讀

        FPGA與ASIC的優(yōu)缺點(diǎn)比較

        FPGA（現(xiàn)場(chǎng)可編程門陣列）與ASIC（專用集成電路）是兩種不同的硬件實(shí)現(xiàn)方式，各自具有獨(dú)特的優(yōu)缺點(diǎn)。以下是對(duì)兩者優(yōu)缺點(diǎn)的比較： FPGA的優(yōu)點(diǎn) 可編程性強(qiáng) ：FPGA具有高度的可編程性，可以靈活
        的頭像 發(fā)表于 10-25 09:24 ?208次閱讀

        雪崩晶體管有哪些優(yōu)缺點(diǎn)

        雪崩晶體管作為一種特殊的半導(dǎo)體器件，在電子領(lǐng)域具有其獨(dú)特的優(yōu)缺點(diǎn)。
        的頭像 發(fā)表于 09-23 18:05 ?193次閱讀

        運(yùn)放恒流源有哪些優(yōu)缺點(diǎn)

        運(yùn)放恒流源，即利用運(yùn)算放大器（Operational Amplifier，簡(jiǎn)稱運(yùn)放）構(gòu)成的恒流源電路，具有一系列獨(dú)特的優(yōu)點(diǎn)和缺點(diǎn)。以下是對(duì)其優(yōu)缺點(diǎn)的詳細(xì)分析。
        的頭像 發(fā)表于 08-28 10:18 ?744次閱讀

        GaN HEMT有哪些優(yōu)缺點(diǎn)

        GaN HEMT（氮化鎵高電子遷移率晶體管）作為一種先進(jìn)的功率半導(dǎo)體器件，在電力電子、高頻通信、汽車電子等多個(gè)領(lǐng)域展現(xiàn)出了顯著的優(yōu)勢(shì)，但同時(shí)也存在一些缺點(diǎn)。以下是對(duì)GaN HEMT優(yōu)缺點(diǎn)的詳細(xì)分析：
        的頭像 發(fā)表于 08-15 11:09 ?812次閱讀

        AI大模型與小模型的優(yōu)缺點(diǎn)

        在人工智能（AI）的廣闊領(lǐng)域中，模型作為算法與數(shù)據(jù)之間的橋梁，扮演著至關(guān)重要的角色。根據(jù)模型的大小和復(fù)雜度，我們可以將其大致分為AI大模型和小模型。這兩種模型在定義、優(yōu)缺點(diǎn)及應(yīng)用場(chǎng)景上存在著顯著的差異。本文將從多個(gè)維度深入探討AI大模型與小模型的特點(diǎn)，并分析其各自的優(yōu)缺點(diǎn)
        的頭像 發(fā)表于 07-10 10:39 ?2252次閱讀

        同步整流的優(yōu)缺點(diǎn)有哪些

        同步整流是一種在數(shù)字電路設(shè)計(jì)中常用的技術(shù)，它通過將電路中的所有信號(hào)同步到一個(gè)共同的時(shí)鐘信號(hào)上，來實(shí)現(xiàn)信號(hào)之間的同步。這種技術(shù)在數(shù)字電路設(shè)計(jì)中具有重要的作用，但同時(shí)也存在一些優(yōu)缺點(diǎn)。以下是對(duì)同步整流
        的頭像 發(fā)表于 07-09 09:09 ?758次閱讀

        nbiot和lora的優(yōu)缺點(diǎn)是什么？

        nbiot和lora的優(yōu)缺點(diǎn)
        發(fā)表于 06-04 06:37

        日本大帶寬服務(wù)器優(yōu)缺點(diǎn)分析

        日本大帶寬服務(wù)器是很多用戶的選擇，那么日本大帶寬服務(wù)器優(yōu)缺點(diǎn)都是什么?Rak部落小編為您整理發(fā)布日本大帶寬服務(wù)器優(yōu)缺點(diǎn)分析。
        的頭像 發(fā)表于 03-22 10:08 ?424次閱讀

        儲(chǔ)能元件的分類和優(yōu)缺點(diǎn)

        常見的PCS儲(chǔ)能用的是電池，有磷酸鐵鋰，鋰電池等材料，但是也有用電容儲(chǔ)能的，比如用無極性大電容和超級(jí)法拉電容的。 1、請(qǐng)問用電池儲(chǔ)能和電容儲(chǔ)能那種效率更高？?jī)烧吒饔惺裁?b class='flag-5'>優(yōu)缺點(diǎn)？ 2、在儲(chǔ)能過程中，儲(chǔ)
        發(fā)表于 03-11 23:03

        帶你探索穩(wěn)壓器的優(yōu)缺點(diǎn)和選擇技巧

        TOREX特瑞仕（KOYUELEC光與電子）：帶你探索穩(wěn)壓器的優(yōu)缺點(diǎn)和選擇技巧
        的頭像 發(fā)表于 01-24 10:35 ?786次閱讀
        帶你探索穩(wěn)壓器的<b class='flag-5'>優(yōu)缺點(diǎn)</b>和選擇技巧

        電動(dòng)機(jī)調(diào)速方式的優(yōu)缺點(diǎn)

        電動(dòng)機(jī)調(diào)速方式的優(yōu)缺點(diǎn)? 電動(dòng)機(jī)調(diào)速是指根據(jù)負(fù)載的要求調(diào)整電動(dòng)機(jī)轉(zhuǎn)速的過程，可分為機(jī)械調(diào)速和電子調(diào)速兩種方式。機(jī)械調(diào)速主要使用機(jī)械裝置來調(diào)整電動(dòng)機(jī)的速度，而電子調(diào)速則利用電子器件對(duì)電動(dòng)機(jī)進(jìn)行精確
        的頭像 發(fā)表于 01-04 11:26 ?1146次閱讀

        WLAN和蜂窩網(wǎng)絡(luò)的優(yōu)缺點(diǎn)

        WLAN和蜂窩網(wǎng)絡(luò)的優(yōu)缺點(diǎn) WLAN（無線局域網(wǎng)）和蜂窩網(wǎng)絡(luò)（Cellular Network）是我們?nèi)粘Ｉ钪袕V泛使用的兩種無線通信技術(shù)。它們?cè)谶B接設(shè)備和提供網(wǎng)絡(luò)服務(wù)方面有著不同的優(yōu)缺點(diǎn)。下面將
        的頭像 發(fā)表于 12-11 11:26 ?2154次閱讀

        常見開關(guān)電源優(yōu)缺點(diǎn)對(duì)比

        常見開關(guān)電源優(yōu)缺點(diǎn)對(duì)比
        的頭像 發(fā)表于 12-07 15:30 ?657次閱讀
        常見開關(guān)電源<b class='flag-5'>優(yōu)缺點(diǎn)</b>對(duì)比