前端開發者不得不知道的41個常用的網站，因爲這41個網站我成了別人眼中的巨佬

實用的網站數不勝數，本文只列出了冰山一角，更多有趣有用的網站等待大家發現~~

1.npm

NPM是隨同NodeJS一起安裝的包管理工具，能解決NodeJS代碼部署上的很多問題，常見的使用場景有以下幾種：

• 允許用戶從NPM服務器下載別人編寫的第三方包到本地使用
• 允許用戶從NPM服務器下載並安裝別人編寫的命令行程序到本地使用
• 允許用戶將自己編寫的包或命令行程序上傳到NPM服務器供別人使用

界面如下：

2.Express

Express基於 Node.js 平臺，快速、開放、極簡的 Web 開發框架

關於Express的介紹可參考：當面試官問你關於Node.js的開發框架Express時，你怎麼回答

界面如下：

3.BootCDN

BootCDN是 貓雲 聯合 Bootstrap 中文網 共同支持並維護的前端開源項目免費 CDN 服務，致力於爲 Bootstrap、jQuery、React、Vue.js 一樣優秀的前端開源項目提供穩定、快速、免費的前端開源項目 CDN 加速服務

截止目前共收錄了 3606 個前端開源項目

界面如下：

4.mongoose

mongoose是在node.js異步環境下對mongodb數據庫進行便捷操作的對象模型工具

關於mongodb可參考：教零基礎女朋友學MongoDB

界面如下：

5.Vue.js

Vue.js是一套用於構建用戶界面的漸進式框架。與其它大型框架不同的是，Vue 被設計爲可以自底向上逐層應用
Vue 的核心庫只關注視圖層，不僅易於上手，還便於與第三方庫或既有項目整合。另一方面，當與現代化的工具鏈以及各種支持類庫結合使用時，Vue 也完全能夠爲複雜的單頁應用提供驅動

關於Vue的介紹及使用，可參考此專欄：淺談Vue.js

界面如下：

6.React

React

• 是一個用於構建用戶界面的 JAVASCRIPT 庫

• 主要用於構建UI，很多人認爲 React 是 MVC 中的 V（視圖）

• 起源於 Facebook 的內部項目，用來架設 Instagram 的網站，並於 2013 年 5 月開源

• 擁有較高的性能，代碼邏輯非常簡單，越來越多的人已開始關注和使用它

界面如下：

7.BULMA

• Bulma是一個基於 Flexbox 構建的免費、開源的 CSS 框架

• Bulma 框架最大的特點，就是簡單好用。所有樣式都基於class，只需爲 HTML 元素指定class，樣式立刻生效

界面如下：

8.RAP2

• RAP2是一個可視化接口管理工具，通過分析接口結構，動態生成模擬數據，校驗真實接口正確性， 圍繞接口定義，通過一系列自動化工具提升我們的協作效率。

• 其具有可視化編輯，完善的版本控制，各種格式的導入導出功能。讓前後端約定接口的工作變得十分的簡單

• RAP2會自動根據接口文檔生成Mock接口，這些接口會自動生成模擬數據，支持複雜的生成邏輯。

界面如下：

9.Swiper中文網

• Swiper常用於移動端網站的內容觸摸滑動

• Swiper是純javascript打造的滑動特效插件，面向手機、平板電腦等移動終端

• Swiper能實現觸屏焦點圖、觸屏Tab切換、觸屏多圖切換等常用效果

界面如下：

10.Animate.css

• Animate.css是一個可在您的Web項目中使用的即用型跨瀏覽器動畫庫。非常適合強調，首頁，滑塊和引導注意的提示

• 很多前端開發都知道的一個基於css3 animation動畫庫，庫中預設的動畫效果幾乎滿足了所有日常開發中的需求

界面如下：

11.Vant-UI

Vant是有贊開源的一套基於 Vue 2.0 的 Mobile 組件庫。通過 Vant，可以快速搭建出風格統一的頁面，提升開發效率。目前已有近 50 個組件，這些組件被廣泛使用於有讚的各個移動端業務中。 Vant 旨在更快、更簡單地開發基於 Vue 的美觀易用的移動站點。
界面如下：

12.xiaopiu

xiaopiu是一款產品原型設計與團隊實時協作平臺。可以隨時隨地創作原型，實時保存，實時和他人協同，一鍵分享，並且提供多款各行業項目模板以及豐富的組件庫和頁面庫來幫助用戶快速構建自己的原型

界面如下：

13.Element

• Element：一套爲開發者、設計師和產品經理準備的基於 Vue 2.0 的桌面端組件庫

• 這是element（餓了麼團隊）基於MVVM框架Vue開源出來的一套前端ui組件。個人覺得它的佈局容器使用起來是真的舒服

界面如下：

14.Iconfont

Iconfont 應該是大家比較熟悉的，國內功能很強大且圖標內容很豐富的矢量圖標庫,提供矢量圖標下載、在線存儲、格式轉換等功能

界面如下：

15.favicon

favicon提供ico圖標在線製作、快速ico圖標製作、icon圖標製作、可以將png轉ico、所有圖片轉ico,透明ico圖標製作、動態ico圖標製作方法及將所製作的ico圖標下載下來,作爲favicon.ico使用

界面如下：

16.GitHub

GitHub 大名鼎鼎的代碼託管平臺，這個就不需要介紹了

界面如下：

17.藍湖

藍湖是一款產品文檔和設計圖的共享平臺,幫助互聯網團隊更好地管理文檔和設計圖

界面如下：

18.CSDN

• CSDN：中國專業IT社區（中國軟件開發聯盟），致力於爲中國軟件開發者提供知識傳播、在線學習、職業發展等全生命週期服務。它是一個大型綜合性IT門戶網站，有很強的專業性

• 包含原創博客、精品問答、職業培訓、技術論壇、資源下載等產品服務，提供原創、優質、完整內容的專業IT技術開發社區

• CSDN可以理解爲是一個程序員聚集的網站，我們會在網站上討論編程相關的問題

界面如下：

19.Moment.js

moment.js是一個簡單易用的輕量級 JavaScript 日期處理類庫，提供了日期格式化、日期解析等功能。

界面如下：

20.React Router

React Router路由庫，它是官方維護的，事實上也是唯一可選的路由庫。它通過管理 URL，實現組件的切換和狀態的變化，開發複雜的應用幾乎肯定會用到。

界面如下：

21.Mint UI

Mint UI包含豐富的 CSS 和 JS 組件，能夠滿足日常的移動端開發需要。通過它，可以快速構建出風格統一的頁面，提升開發效率。

界面如下：

22.Ant Design Mobile

Ant Design Mobile提供了 40+ 基礎組件、覆蓋各類場景，組件特性豐富、滿足各種功能需求。上手足夠簡單，既可以一次加載所有代碼、也可以只加載用到的某幾個組件的代碼、避免冗餘。

界面如下：

23.Ant Design

Ant Design是基於 Ant Design 設計體系的 React UI 組件庫，主要用於研發企業級中後臺產品。

界面如下：

24.Bootstrop

Bootstrop簡潔、直觀、強悍的前端開發框架，讓web開發更迅速、簡單。

界面如下：

25.jsDelivr

jsdelivr免費提供CDN加速,可謂是前端的良心神器之一 jsDelivr 是一個免費、開源的加速CDN公共服務,託管了許多大大小小的項目。

界面如下：

26.jQuery

jquery是一個快速、簡潔的JavaScript框架，是繼Prototype之後又一個優秀的JavaScript代碼庫。jquery設計的宗旨是“write Less,Do More”。

界面如下：

27.Airbnb JavaScript 風格指南

Airbnb JavaScript 風格指南助你養成良好的編碼習慣。

界面如下：

28.Awesomes

awesomes網站是一個致力於打造高質量的前端資源庫，深度對接到 Github，分析熱度和未來的發展趨勢，並開放中文文檔的翻譯和編輯，該站成立的目的主要是爲了給國內用戶提供前端Github庫的歸檔和中文文檔，從而更好地學習前端知識。

界面如下：

29.nrm

nrm(npm registry manager )是npm的鏡像源管理工具,有時候國外資源太慢,使用這個就可以快速地在npm源間切換。

界面如下：

30.axios

axios 是一個基於 promise 的 HTTP 庫，可以用在瀏覽器和 node.js 中。

界面如下：

31.墨刀

添加鏈接描述是一款在線產品原型工具與產品設計團隊協作平臺，能高效、輕鬆的解決團隊成員遠程辦公,高效協作編輯。

界面如下：

32.Tailwind CSS

tailwindcss是一個高度可定製的基礎層 CSS 框架,它爲您提供了構建定製化設計所需的所有構建塊,而無需重新覆蓋任何內建於框架中的設計風格。

界面如下：

33.vue-awesome-swiper

vue-awesome-swiper是一款vue輪播圖插件，能實現觸屏焦點圖、觸屏Tab切換、觸屏多圖切換等常用效果。

界面如下：

34.ECharts

ECharts是一個純JavaScript圖表庫，底層依賴於輕量級的Canvas類庫ZRender，基於BSD開原協議，是一款非常優秀的可視化前端框架。

界面如下：

35.凡科

凡科微信小程序開發製作工具，免費小程序搭建平臺。

界面如下：

36.NProgress（瀏覽器頂部進度條）

NProgress是頁面跳轉是出現在瀏覽器頂部的進度條。

界面如下：

37.Cube-UI

Cube-UI基於 Vue.js 實現的精緻移動端組件庫，由滴滴內部組件庫精簡提煉而來。

界面如下：

38.iView

iView一套基於 Vue.js 的高質量 UI 組件庫。

界面如下：

39.VUX

VUX一款由個人進行維護的 Vue.js 移動端 UI 組件庫。基於 WeUI 和 Vue.js 的 移動端 UI 組件庫,提供豐富的組件滿足移動端(微信)頁面常用業務需求。

界面如下：

40.懶人之家

懶人之家致力於網頁腳本代碼以及Flash素材的收集與整理,努力爲國內前端工作者提供最全面的素材。

界面如下：

41.Font Awesome

Font Awesome字體可以爲我們提供可縮放矢量圖標,它可以被定製大小、顏色、陰影以及任何可以用CSS的樣式。

界面如下：

實用的網站數不勝數，本文只列出了冰山一角，更多有趣有用的網站等待大家發現~~

---