前端开发常用网站整理

文章目录

• • 1、MDN web docs
  • 2、稀土掘金
  • 3、NPM
  • 4、segmentfault
  • 5、图标制作
  • 6、阿里巴巴图标库
  • 7、ES6入门（阮一峰）
  • 8、JavaScript教程网
  • 9、常用色彩搭配表
  • 10、短信验证码接口
  • 11、轮播图插件
  • 12、Vue官网
  • 13、Awesome-Vue
  • 14、一些Vue的UI组件库

---

---

1、MDN web docs

• https://developer.mozilla/zh-CN/docs/Web
• 这个网站以精美详细的文档著名。想CSS，HTML，Javascript的一些语法和API，都有详细的描述，并且有简单的实例

2、稀土掘金

• https://juejin.im/timeline
• 综合技术社区，非常活跃，每天都有大量的技术文章发布

3、NPM

• https://www.npmjs
• 有大量的JavaScript 类库，遇到一个新需求，先去上面看看有没有相关的类库，如果有，直接用就可以了

4、segmentfault

• https://segmentfault
• 这也是一个相当活跃的技术社区，里面有很多文章

5、图标制作

• http://www.bitbug/

6、阿里巴巴图标库

• https://www.iconfont/

7、ES6入门（阮一峰）

• http://es6.ruanyifeng/

8、JavaScript教程网

• https://zh.javascript.info/

9、常用色彩搭配表

• http://tool.c7sky/webcolor/

10、短信验证码接口

• https://www.mysubmail/sms/api?tag=jq22

11、轮播图插件

• https://www.swiper/

12、Vue官网

• https://cn.vuejs/

13、Awesome-Vue

• https://next.awesome-vue.js/
• https://awesomejs.dev/for/vue/
• https://github/vuejs/awesome-vue
  这也有超多资源、组件

14、一些Vue的UI组件库

• Quasar Framework 中文网

  • http://www.quasarchs/

• iView UI组件库

  • https://www.iviewui/
  • 组件还是比较齐全的，更新也很快，文档写得很详细。还有开源了一个iView Admin，做后台非常方便。

• Vux UI组件库

  • https://vux.li/
  • 主要服务于微信页面

• Element UI组件库

  • http://element.eleme.io/#/zh-CN
  • 组件齐全，基本涵盖后台所需的所有组件，文档讲解详细，例子也很丰富。

• Mint UI组件库

  • http://mint-ui.github.io/#!/zh-cn
  • Mint UI是真正意义上的按需加载组件。

• Ant Design Vue UI组件库

  • https://bootstrap-vue.js/
  • Bootstrap-Vue可以让你在Vue中也实现Bootstrap的效果。

• Ant Design Vue UI组件库

  • https://vuecomponent.github.io/ant-design-vue/docs/vue/introduce-cn/
  • 熟悉Ant Design的在使用Vue时，很容易的上手。

• AT-UI UI组件库

  • https://at-ui.github.io/at-ui/#/zh
  • 基于 Vue.js 2.0 的前端 UI 组件库，主要用于快速开发 PC 网站中后台产品。AT-UI 更加精简，实现了后台常用的组件。

• Vant UI组件库

  • https://youzan.github.io/vant/#/zh-CN/intro
  • Vant是一个轻量、可靠的移动端 Vue 组件库。Vant是有赞团队开源的，主要维护也是有赞团队。截止到目前，Vant已经开源了50+ 个经过有赞线上业务检验的组件。比如：、AddressEdit 地址编辑、AddressList 地址列表、Area 省市区选择、Card 卡片、Contact 联系人、Coupon 优惠券、GoodsAction 商品页行动点、SubmitBar 提交订单栏、Sku 商品规格弹层。

• cube-ui UI组件库

  • https://didi.github.io/cube-ui/#/zh-CN
  • 由滴滴内部组件库精简提炼而来，在交互体验方面追求极致。支持按需引入和后编译，轻量灵活；扩展性强，可以方便地基于现有组件实现二次开发。

• Muse-UI UI组件库

  • https://muse-ui/#/zh-CN
  • Muse-UI基于 Vue 2.0 优雅的 Material Design UI 组件库。Muse UI 拥有40多个UI 组件，用于适应不同业务环境。Muse UI 仅需少量代码即可完成主题样式替换。Muse UI 可用于开发的复杂单页应用

• N3-components UI组件库

  • https://n3-components.github.io/N3-components/component.html
  • N3-components超过60个组件 组件列表、自定义样式、支持多种模化范式（UMD）、使用ES6进行开发。

• Mand Mobile

  • https://didi.github.io/mand-mobile/#/zh-CN/home
  • Mand Mobile是面向金融场景的Vue移动端UI组件库，丰富、灵活、实用，快速搭建优质的金融类产品，让复杂的金融场景变简单。Mand Mobile含有丰富的组件30+的基础组件，覆盖金融场景，极高的易用性组件均有详细说明文档、案例演示，汲取最前沿技术，组件化轻量化实现，兼顾稳定和品质，努力实现金融场景的全覆盖。
    下面是1.x的文档和演示地址：（文档地址已经迁移了）
    https://mand-mobile.github.io/1x-doc/
    https://mand-mobile.github.io/2x-doc/

• we-vue UI组件库

  • https://wevue/
  • we-vue 是一套基于 Vue.js 的移动关组件库，结合 weui.css 样式库，封装了一系列组件，非常适于微信公众号等移动端开发。we-vue 包含35+ 个组件，单元测试覆盖率超 98%，支持 babel-plugin-import，完善的在线文档，详细的在线示例。
    we-vue官网：

• veui UI组件库

  • https://ecomfe.github.io/veui/components/#/
  • veui是一个由百度EFE team开发的Vue企业级UI组件库。目前文档还没有，只有demo。
    GitHub上说是正在进行的一项工作。那我们就耐心等待吧。

• Semantic-UI-Vue UI组件库

  • https://semantic-ui-vue.github.io/#/
  • Semantic-UI-Vue是基于 Vue.js对Semantic-UI 框架的实现。
    Semantic作为一款开发框架，帮助开发者使用对人类友好的HTML语言构建优雅的响应式布局。Semantic-UI-Vue提供了一个类似于 Semantic-UI 的 API 以及一组可定制的主题。

• Vue.js Material Component Framework — Vuetify.js

  • https://vuetifyjs/zh-Hans
    Vuetify完全根据Material Design规范开发。每个组件都是手工制作的，为您的下一个伟大的应用程序带来最好的UI工具。开发并没有停留在Google规范中的核心组件上。通过社区成员和赞助商的支持，更多的组件将被设计并提供给大家享受。