前端開發(fā)者不得不知道的18個常用的網(wǎng)站

作者：前端程序員啊 2020-05-18 09:33:27

開發(fā) 前端

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

[[326421]]

1.npm

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

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

界面如下：

2.Express

Express基于 Node.js 平臺，快速、開放、極簡的 Web 開發(fā)框架

關(guān)于Express的介紹可參考：當(dāng)面試官問你關(guān)于Node.js的開發(fā)框架Express時，你怎么回答

界面如下：

3.BootCDN

BootCDN是貓云聯(lián)合 Bootstrap 中文網(wǎng) 共同支持并維護的前端開源項目免費 CDN 服務(wù)，致力于為 Bootstrap、jQuery、React、Vue.js 一樣優(yōu)秀的前端開源項目提供穩(wěn)定、快速、免費的前端開源項目 CDN 加速服務(wù)

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

界面如下：

4.mongoose

mongoose是在node.js異步環(huán)境下對mongodb數(shù)據(jù)庫進行便捷操作的對象模型工具

關(guān)于mongodb可參考：教零基礎(chǔ)女朋友學(xué)MongoDB

界面如下：

5.Vue.js

Vue.js是一套用于構(gòu)建用戶界面的漸進式框架。與其它大型框架不同的是，Vue 被設(shè)計為可以自底向上逐層應(yīng)用

Vue 的核心庫只關(guān)注視圖層，不僅易于上手，還便于與第三方庫或既有項目整合。另一方面，當(dāng)與現(xiàn)代化的工具鏈以及各種支持類庫結(jié)合使用時，Vue 也完全能夠為復(fù)雜的單頁應(yīng)用提供驅(qū)動

關(guān)于Vue的介紹及使用，可參考此專欄：淺談Vue.js

界面如下：

6.React

React

是一個用于構(gòu)建用戶界面的 JAVASCRIPT 庫

主要用于構(gòu)建UI，很多人認為 React 是 MVC 中的 V(視圖)

起源于 Facebook 的內(nèi)部項目，用來架設(shè) Instagram 的網(wǎng)站，并于 2013 年 5 月開源

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

界面如下：

7.BULMA

Bulma是一個基于 Flexbox 構(gòu)建的免費、開源的 CSS 框架

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

界面如下：

8.RAP2

RAP2是一個可視化接口管理工具，通過分析接口結(jié)構(gòu)，動態(tài)生成模擬數(shù)據(jù)，校驗真實接口正確性，圍繞接口定義，通過一系列自動化工具提升我們的協(xié)作效率。

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

RAP2會自動根據(jù)接口文檔生成Mock接口，這些接口會自動生成模擬數(shù)據(jù)，支持復(fù)雜的生成邏輯。

界面如下：

9.Swiper中文網(wǎng)

Swiper常用于移動端網(wǎng)站的內(nèi)容觸摸滑動

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

Swiper能實現(xiàn)觸屏焦點圖、觸屏Tab切換、觸屏多圖切換等常用效果

界面如下：

10.Animate.css

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

很多前端開發(fā)都知道的一個基于css3 animation動畫庫，庫中預(yù)設(shè)的動畫效果幾乎滿足了所有日常開發(fā)中的需求

界面如下：

11.Vant

Vant是有贊開源的一套基于 Vue 2.0 的 Mobile 組件庫。通過 Vant，可以快速搭建出風(fēng)格統(tǒng)一的頁面，提升開發(fā)效率。目前已有近 50 個組件，這些組件被廣泛使用于有贊的各個移動端業(yè)務(wù)中。 Vant 旨在更快、更簡單地開發(fā)基于 Vue 的美觀易用的移動站點。

界面如下：

12.xiaopiu

xiaopiu是一款產(chǎn)品原型設(shè)計與團隊實時協(xié)作平臺?？梢噪S時隨地創(chuàng)作原型，實時保存，實時和他人協(xié)同，一鍵分享，并且提供多款各行業(yè)項目模板以及豐富的組件庫和頁面庫來幫助用戶快速構(gòu)建自己的原型

界面如下：

13.Element

Element：一套為開發(fā)者、設(shè)計師和產(chǎn)品經(jīng)理準(zhǔn)備的基于 Vue 2.0 的桌面端組件庫

這是element(餓了么團隊)基于MVVM框架Vue開源出來的一套前端ui組件。個人覺得它的布局容器使用起來是真的舒服

界面如下：

14.Iconfont

Iconfont 應(yīng)該是大家比較熟悉的，國內(nèi)功能很強大且圖標(biāo)內(nèi)容很豐富的矢量圖標(biāo)庫,提供矢量圖標(biāo)下載、在線存儲、格式轉(zhuǎn)換等功能

界面如下：

15.favicon

favicon提供ico圖標(biāo)在線制作、快速ico圖標(biāo)制作、icon圖標(biāo)制作、可以將png轉(zhuǎn)ico、所有圖片轉(zhuǎn)ico,透明ico圖標(biāo)制作、動態(tài)ico圖標(biāo)制作方法及將所制作的ico圖標(biāo)下載下來,作為favicon.ico使用

界面如下：