前端开发常用网站整理

最新推荐文章于 2024-03-18 14:55:41 发布
最新推荐文章于 2024-03-18 14:55:41 发布
阅读量4.3k 收藏 63
点赞数 2
分类专栏： 前端杂记 文章标签： 前端 ui 资源 组件 books
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45020818/article/details/127036685
版权

文章目录

1、MDN web docs

2、稀土掘金

3、NPM

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

4、segmentfault

5、图标制作

6、阿里巴巴图标库

7、ES6入门（阮一峰）

8、JavaScript教程网

9、常用色彩搭配表

10、短信验证码接口

11、轮播图插件

12、Vue官网

13、Awesome-Vue

14、一些Vue的UI组件库

  • Quasar Framework 中文网

  • iView UI组件库

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

  • Vux UI组件库

  • Element UI组件库

  • Mint UI组件库

  • Ant Design Vue UI组件库

  • Ant Design Vue UI组件库

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

  • N3-components UI组件库

  • 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.org/
    • 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.com/zh-Hans
      Vuetify完全根据Material Design规范开发。每个组件都是手工制作的，为您的下一个伟大的应用程序带来最好的UI工具。开发并没有停留在Google规范中的核心组件上。通过社区成员和赞助商的支持，更多的组件将被设计并提供给大家享受。
薛定谔的壳
关注
  • 2
    点赞
  • 踩
  • 63
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
前端工程师必备九大网站
BYGFJ的博客
03-01 4456
01 GitHub https://github.com/ 这个网站托管着很多优质的开源项目，像你可能听说过的 Linux，React，Vue，Webpack，JQuery等都在这个网站上开源。你可以轻松地获取源码并为相应的项目发送 pull request，然后你就变成了这个项目的贡献者了， so cool ,right? 02 MDN web docs https://developer.mozilla.org/zh-CN/docs/Web 这个网站以精美详细的文档著名。想CSS.
网页前端开发小细节
09-22
前端开发小细节，这里整理的都是一些常用的问题。喜欢的朋友可以参考下。
前端开发小图标（1500个）.zip
06-14
网页开发常用小图标案例
11个前端工程师必备的网站，前端开发了解这些自然无惧面试
2401_83621331的博客
03-18 463
MDN 他原来是 Mozilla 开发者中心, 也就是出火狐浏览器的那个组织的，但是呢,现在他是由一群社区的开发者，还有一些文档专家来维护的这么一个文档项目，它上面有好多关于 web 开发的一些文档，有 html, JavaScript 和 css，还有浏览器内置的一些 web API，包括还有后端的 node.js 和 express 开发。它的内容有文章形式的，也有视频形式的，还有一些代码的示例，咱们想实现一个特效的时候，可以在这上面找一找。然后关于编程的也有不少，当然也有咱们关于前端的。
30组常用前端开发组件库,前端组件收集整理列表.docx
11-26
...
2013年最新500个常用网页小图标，做前端开发常用
05-02
2013年最新500个常用网页小图标，做前端开发可以用到的。
前端网站实例100套源码
02-02
史上最良心的前端网站资源，资源包含100套前端网站案例源码，帮助快速搭建各类网站，欢迎下载学习。
前端工具文档网站推荐（印记中文、程序员盒子、前站）
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
12-02 8490
工具推荐，网站推荐，前端工具大全，文档大全
前端工程师必备的17个实用网站
weixin_46007404的博客
07-12 7939
前端框架、素材网站 目录 一、配色类网站 二、图标类网站 三、插件类网站 四、素材类网站 五、字体类网站 六、工具类 七、UI框架 UI框架： http://element-cn.eleme.io/#/zh-CN/component/typography https://muse-ui.org/#/zh-CN https://youzan.github.io/vant/#/zh-CN/intro http://amazeui.org/ http://sui.tao...
30个前端和设计必备网站，让你的工作更轻松！
Twinkle_sone的博客
10-29 2304
当今互联网时代，前端开发和设计领域变化迅速，每天都会有新技术和工具不断涌现。无论你是一名前端工程师还是一名设计师，都需要不断了解最新的前沿技术和工具。下面是30个前端和设计经常会用到的网站，以及每个网站的功能介绍。
前端开发常用的官方网站
syyangg的博客
11-11 408
前端开发常用的官方网站
WEB前端开发常用英语单词和语句汇总
05-22
WEB前端开发常用英语单词和语句汇总，里面包含web前端开发常用的英语单词和常用语句，掌握好英语对编程有事半功倍的效果，是培训机构达*整理的
网站开发常用技术手册整理.zip
02-22
包含HTML5中文手册、CSS 2.0 中文手册、CSS 3.0参考手册、Javascript中文手册、jQuery 1.7 中文手册、MySQL中文手册、php中文手册、java1.8中文手册，文件打不开配置教程等。适合前端工程师、PHP工程师、java工程师查阅文档。资源收集于网络，如有侵权，请联系博主删除。
web前端开发笔记整理（一）
01-08
文章目录一.HTML常用标签类二.CSS常用样式 一.HTML常用标签类 1. 告诉搜索引擎爬虫我们的网站关于什么内容 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 在 HTML 中， 标签没有结束标签,永远位于 head 元素内部。 属性名不加双引号，属性值加双引号 标签的属性定义了与文档相关联的名称/值对, 元数据总是以名称/值的形式被成对传递的。 规定 HTML 文档的字符编码： 2. HTML全局属性，lang 属性规定元素内容的语言。 lang 属性在以下标签中无效：, , , , , , 以
1500个前端开发常用JavaScript特效
05-05
高手收集整理的1500个前段JS特效，有需要的童鞋可以看看哦，很赞的 比如鼠标事件（滑过、放上、离开产生的动态变化）、表格的展开与合并、菜单的动态设计（也是展开合并或者树状结构的菜单都可以实现）、消息框等。。。 麻烦点的，比如页面时钟、浮动窗口、托窗。。。
前端常用知识点整理.md
04-14
这是我花了一个月时间整理出来的一份平时工作中经常用到的前端知识点资料，弄懂这里面的知识点，会对读者有很大的帮助，该资料适合有一定基础的前端开发人员。
30组常用前端开发组件库,前端组件收集整理列表.pdf
11-26
...
前端JavaScript常用方法
最新发布
04-10
封装了一个在日常开发中频繁使用的JavaScript方法，这些方法经过实践检验，具备较高的实用性和稳定性。为了方便大家的使用，将其整理成可下载的文件，各位开发者可以根据自己的项目需求，随时下载并在项目中直接引入...
前端常用开发手册-jquery文档
03-31
学无止境，坚持整理我们经常使用的学习手册，加油！
前端html5css3笔记整理下载
07-24
### 回答1： 前端HTML5和CSS3是网页开发中常用的技术，对于想要学习或者加深自己的前端开发能力的人来说，整理和下载相应的笔记是非常必要的。 HTML5是一种用于构建网页结构的标记语言，它引入了许多新的元素和属性，使得网页能够更好地表达其结构和语义。在HTML5笔记中，可以整理各种标签的使用方法，例如段落、标题、链接、图像等基本标签的使用，同时还可以介绍一些更高级的标签和属性，如多媒体元素、表单元素、Canvas绘图等。此外，HTML5还支持一些新的API，如本地存储、地理位置、拖放等，这些也可以作为笔记的一部分来整理和下载。 CSS3则是用于控制网页样式的样式表语言，它引入了丰富的新特性，使得前端开发人员能够更加灵活地控制网页的外观和布局。在CSS3笔记中，可以整理各种选择器、属性和值的用法，例如颜色、字体、背景、边框等的设置，同时还可以介绍一些更高级的特性，如过渡、动画、媒体查询等。此外，CSS3还支持一些新的布局方式，如弹性布局、网格布局等，这些也可以作为笔记的一部分来整理和下载。 通过整理和下载前端HTML5和CSS3的笔记，可以将学习的内容进行系统化和梳理，方便日后查阅和回顾。同时，也可以将笔记分享给其他人，帮助他们快速入门和掌握这些技术。最后，还可以通过不断更新这些笔记，保持自己对HTML5和CSS3相关知识的不断学习和掌握。 ### 回答2： 前端HTML5和CSS3是用于网页开发的两种新技术，它们可以增强网页的功能和美观性。以下是我整理的一些关于前端HTML5和CSS3的笔记，供大家下载使用。 1. HTML5的新特性： - 语义化标签：header、footer、nav等，用于标识网页结构，提高可读性和可访问性。 - 音频和视频元素：可以直接在网页上播放音频和视频文件。 - 表单验证：新增了一些表单验证属性，如required和pattern，可以在网页上进行表单输入验证。 - 本地存储：通过localStorage和sessionStorage可以在客户端存储数据，实现离线应用和提高性能。 - Canvas绘图：使用Canvas元素可以在网页上绘制图形、动画和游戏。 2. CSS3的新特性： - 过渡和动画：通过transition和animation属性可以实现元素的平滑过渡和动态效果。 - 圆角和阴影：通过border-radius和box-shadow属性可以设置元素的圆角和阴影效果。 - 渐变：通过linear-gradient和radial-gradient属性可以实现元素的渐变背景效果。 - 多列布局：通过column-count和column-width属性可以实现多列的文本布局效果。 - 媒体查询：通过media query可以根据不同的设备和屏幕尺寸应用不同的样式。 以上是关于前端HTML5和CSS3的一些笔记，你可以点击以下链接进行下载： [下载链接] 希望这些笔记能对你学习和应用前端开发有所帮助。如果你有任何问题，请随时向我提问。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

薛定谔的壳

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值