前端杂谈 · Web

前端开发工程师不得不知道的18个常用的网站

•̀.̫•́✧ · 5月16日 · 2020年 · 本文2643字 · 阅读7分钟43

1.npm

NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种

  • 允许用户从NPM服务器下载别人编写的第三方包到本地使用
  • 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用
  • 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用

2.Express

  1. Express基于 Node.js 平台,快速、开放、极简的 Web 开发框架
  2. 提供web服务器 的功能 (路由,读取静态资源等),但不会隐藏Node.js的功能
  3. 可根据我们所选择的各种 HTTP 实用工具和中间件,快速方便地创建强大的 API
  4. Express常用EJS模板(HTML文件内容里含有变量或表达式,这样的hHTML就叫模版)
  5. 目前有许多流行的开发框架都是基于 Express 来构建

3.BootCDN

BootCDN是 猫云 联合 Bootstrap 中文网 共同支持并维护的前端开源项目免费 CDN 服务,致力于为 Bootstrap、jQuery、React、Vue.js 一样优秀的前端开源项目提供稳定、快速、免费的前端开源项目 CDN 加速服务

截止目前共收录了 3606 个前端开源项目

4.mongoose

mongoose是在node.js异步环境下对mongodb数据库进行便捷操作的对象模型工具

  1. MongoDB 是免费使用的。(依稀记得某位成功人士说过:产品要想吸引更多的用户,要么你免费、要么我可以pojie。那这我就不敢苟同了,我支持正版、支持原创,所以科学上网!)
  2. MongoDB 通过集合(collection)和文档(document)存储数据,多个文档就构成了一个集合。
  3. MongoDB 是一个介于关系数据库(例:MySQL)和非关系数据库之间的产品,是非关系数据库当中功能最丰富,最像关系数据库的。
  4. MongoDB是由C++语言编写而成,基于分布式文件存储的开源数据库系统。
  5. MongoDB在高负载的情况下,也可以添加更多的节点,以及保证服务器性能。
  6. MongoDB 可为Web应用提供可扩展的高性能数据存储解决方案。
  7. MongoDB 数据库具有可伸缩性和灵活性,可帮助我们快速查询和索引需要数据。

5.Vue.js

Vue.js是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用

Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一方面,当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动

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

  • CSDN:中国专业IT社区(中国软件开发联盟),致力于为中国软件开发者提供知识传播、在线学习、职业发展等全生命周期服务。它是一个大型综合性IT门户网站,有很强的专业性
  • 包含原创博客、精品问答、职业培训、技术论坛、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区
  • CSDN可以理解为是一个程序员聚集的网站,我们会在网站上讨论编程相关的问题

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

0 条回应