首页 >图片操作 > 内容

前端开发者不得不知道的41个常用的网站,因为这41个网站我成了别人眼中的巨佬

2023年9月18日 22:49

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

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的样式。

界面如下:
在这里插入图片描述

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


在这里插入图片描述


参考文章:https://blog.csdn.net/weixin_42881768/article/details/106090732

郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时候联系我们修改或删除,在此表示感谢。

特别提醒:

1、请用户自行保存原始数据,为确保安全网站使用完即被永久销毁,如何人将无法再次获取。

2、如果上次文件较大或者涉及到复杂运算的数据,可能需要一定的时间,请耐心等待一会。

3、请按照用户协议文明上网,如果发现用户存在恶意行为,包括但不限于发布不合适言论妄图

     获取用户隐私信息等行为,网站将根据掌握的情况对用户进行限制部分行为、永久封号等处罚。

4、如果文件下载失败可能是弹出窗口被浏览器拦截,点击允许弹出即可,一般在网址栏位置设置

5、欢迎将网站推荐给其他人,网站持续更新更多功能敬请期待,收藏网站高效办公不迷路。

      



登录后回复

共有0条评论