大部分人聽到想到web前端開發的時候，通常腦海里面一反應就是HTML、css、JavaScript。前端基本內容確實是由三項元素組成，學好這三部分基本上可以從事初級的前端工作。但是前端不止這三項，還有很多優秀的前端框架，可以便捷大家的日常開發和工作，快來一起看看吧。

成都web前端培訓：前端開發必看的幾個開源框架

        1、Bootstrap

        Bootstrap無疑是流行的CSS框架，它是早的Web前端框架，由Twitter開發。Bootstrap還提供了許多示例來幫助你入門。

        使用Bootstrap，你可以將不同的組件和布局組合在一起，從而創建有趣的頁面設計。它還提供了大量詳細的文檔。

        2、Pure

        Bootstrap，Patternfly和MDC Web是功能非常強大的CSS框架，但它們可能非常繁瑣和復雜。如果你想要一個輕量級的CSS框架，可以嘗試Pure.css。

        它本身更接近于CSS編程，但又可以幫助你構建一個不錯的網頁。Pure是具有小占用空間的輕量級CSS框架，它由Yahoo開發，根據BSD許可是開源的。

        3、Skeleton

        如果說還有什么框架比Pure更加輕量級，那一定是Skeleton。Skeleton庫只有大約400行，并且該框架僅提供一些基本的CSS框架組件。盡管如此，Skeleton還是提供了詳細的文檔來幫助你快速上手。

        4、Materialize

        Materialize 是一個基于 Material Design風格的一個現代化的響應式前端框架，解決了繁重的工作，結合你的自定義組件，為你提供默認的樣式。Materialize的文檔頁面非常全面，并且很容易遵循。其組件頁面包括按鈕，卡片，導航等。

        5、Bootflat

        Bootflat是從Twitter的Bootstrap派生的開源CSS框架。與Bootstrap相比，Bootflat更簡單，并且更加輕量級。Bootflat的文檔似乎幾乎受到了IKEA的啟發，大部分都是圖像，沒有太多的文字。

成都web前端培訓：前端開發必看的幾個開源框架

        以上就是千鋒成都web前端培訓小編整理的web前端開發入門的基本內容。如果你想了解更多前端開發技術，想要積累較多實戰開發經驗，可以來千鋒成都官網（www.yncex.com）免費預約試聽課程，趕快來學習吧！

上一篇

ui設計主要學什么內容？成都ui設計培訓多少錢？

下一篇

新手小白學習web前端開發要注意這幾點