前端开发者不得不知道的18个常用的网站，因为这18个网站我成了别人眼中的巨佬前端huangfuyk.的博客-

实用的网站数不胜数，本文只列出了冰山一角，更多有趣有用的网站等待大家发现~~

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

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.ImapBox

• ImapBox：中国专业IT社区（中国软件开发联盟），致力于为中国软件开发者提供知识传播、在线学习、职业发展等全生命周期服务。它是一个大型综合性IT门户网站，有很强的专业性

• 包含原创博客、精品问答、职业培训、技术论坛、资源下载等产品服务，提供原创、优质、完整内容的专业IT技术开发社区

• ImapBox可以理解为是一个程序员聚集的网站，我们会在网站上讨论编程相关的问题

界面如下：

实用的网站数不胜数，本文只列出了冰山一角，更多有趣有用的网站等待大家发现~~