10bet值得关注的 Vue.js开源项目

来源:http://www.chinese-glasses.com 作者:Web前端 人气:66 发布时间:2020-03-16
摘要:时间: 2019-11-17阅读: 60标签: 开源 时间: 2019-11-05阅读: 76标签: 开源 Vue.js框架是由经验丰富的开发人员创建的,具有可靠的社区支持,丰富的功能,而且是轻量级的。 Vue 相对不于 React的一

时间: 2019-11-17阅读: 60标签: 开源

时间: 2019-11-05阅读: 76标签: 开源

Vue.js 框架是由经验丰富的开发人员创建的,具有可靠的社区支持,丰富的功能,而且是轻量级的。

Vue 相对不于 React 的一个优点是它易于理解和学习,且在国内占大多数。咱们可以在 Vue 的帮助下创建任何 Web 应用程序。 因此,时时了解一些新出现又好用的Vue 开源项目也是挺重要,一方面可以帮助咱们更加高效的开发,另一方面,咱们也可以模范学习其精华部分。

Vue.js 的另一个大优点是易于理解和学习。可以在 Vue 框架的帮助下创建任何 Web 应用。因此我建议你了解一些 Vue 开源项目。

接下来看看新出的有哪些好用的开源项目。

这些项目中有一些因为其在 2019 年广受欢迎而被列入此列表。其中一些项目在 GitHub 上没有那么多的Star,但是在我看来,这些项目仍然值得注意。

uiGradients

uiGradients

网址:

渐变效果的集合

GitHub:

Website:

彩色阵列和出色的UX使是这个项目的一个亮点,渐变仍然是网页设计中日益增长的趋势。 咱们可以选择所需的颜色,并可以获得所有可能的渐变,并获取对应的 CSS 代码, 赶紧收藏起来吧。

GitHub:

CSSFX

GitHub Stars: 4.6k

CSS 过度效果的集合

丰富的色彩阵列和出色的 UX 使该项目成为我的最爱之一。渐变效果仍然是网页设计中日益增长的趋势。你可以选择所需的颜色,并查看所有可能的渐变。该收藏非常庞大,因为它是社区贡献的。你可以轻松选择渐变效果并复制其 CSS 代码。

网址:

各种模版:

GitHub:

CSSFX

CSSFX 里面有很多 CSS 过滤效果,咱们可以根据需求选择特定的动画,点击对应的效果即可看到生成的 CSS 代码,动手搞起来吧。

CSS 效果的集合

Sing App Vue Dashboard

Website:

一个管理模板

GitHub:

网址:

GitHub Stars: 5.3k

GitHub:

另一个轻松地向 Web 应用添加少量但重要的细节的项目。该项目使你可以查看每个 CSS 效果的预览,只需单击选择的效果即可查看代码。

事例:

Sing App Vue 仪表板

文档:

管理模板

这是基于最新 Vue 和 Bootstrap 免费和开源的管理模板,其实跟咱们国内的vue-admin-template差不多。咱们不一定要使用它,但可以研究学习源码,相信可以学到很多实用的技巧,加油少年。

Website:

Vue Storefront

GitHub:

网址:

GitHub Stars: 244

GitHub:

Demo:

这是一个PWA,可以连接到任何后端(或几乎任何后端)。这个项目的主要优点是使用了无头架构。这是一种全面的解决方案,为咱们提供了许多可能性(巨大的支持稳步增长的社区,服务器端渲染,将改善网页SEO,移动优先的方法和离线模式。

文档:

Faviator

这是免费的开源管理模板,使用最新的 Vue 和 Bootstrap 构建。如今最常用的做法是使用管理仪表板模板,而不是从头开始构建所有内容。在评估管理模板时,我想到的主要标准是:定制的可能性和文档的完整性。 Sing App Vue 将会为你提供可靠的建议,帮助你快速入门所提供所有必要的图表、表单、表格、地图等。

图标生成的库

Vue Storefront

网址:

A PWA storefront

GitHub:

PWA 网店

如果需要创建一个图标增加体验度。 可以使用任何 Google 字体以及任何颜色。只需通过首选的配置,然后选择PNG,SVG或JPG格式即可。

Website:

iView

GitHub:

Vue UI 组件库

GitHub Stars: 5.8k

网址:

这是一个 PWA 应用,可以与任何后端(或几乎任何后端)连接。该项目的主要优势是使用无头架构。这是一个全面的解决方案,为你提供了很多可能性(由于不断增长的社区的大力支持,将改进你的服务器端渲染的 SEO 效果、移动优先方法和脱机模式。

GitHub:

Faviator

不断迭代更新使这组UI组件成为具有任何技能水平的开发人员的不错选择。

一个生成图标的库

要使用iView,需要对单一文件组件有充分的了解,该项目具有友好的API和大量文档。

Website:

Postwoman

Demo:

API请求构建器

GitHub:

网址:

GitHub Stars: 94

GitHub:

如果你需要创建一个图标的向导。可以使用任何 Google 字体以及任何颜色。只需通过首选的配置,然后选择 PNG,SVG 或 JPG 格式即可。

这个与 Postman 类似。 它是免费的,具有许多参与者,并且具有多平台和多设备支持。 这个工具真的非常快,并且有大量的更新。 该工具的创建者声称在不久的将来会有更多功能。

iView

Vue Virtual Scroller

Vue UI 组件工具包

快速滚动

Website:

网址:-...

GitHub:

GitHub:

GitHub Stars: 22.8k

Vue Virtual Scroller具有四个主要组件。 RecycleScroller可以渲染列表中的可见项。 如果咱们不知道数据具体的数量,最好使用DynamicScroller。 DynamicScrollerItem将所有内容包装在DynamicScroller中(以处理大小更改)。 IdState简化了本地状态管理(在RecycleScroller内部)。

不断的更新使这组 UI 组件成为具有不同技能水平的开发人员的不错选择。但是你应该知道它不支持IE8。

Mint UI

要开始使用 iView,请确保你对单文件组件有充分的了解。该项目具有友好的 API 和大量文档。

移动端的 UI 库

PostwomanAPI 请求构建器*

网址:-ui.github.io/#!/en

Website:

GitHub:

GitHub:

使用现成的CSS和JS组件更快地构建移动应用程序。使用此工具,咱们不必承担文件大小过大的风险,因为可以按需加载。动画由CSS3处理,由此来提高性能。

GitHub Stars: 10.5k

V Calendar

这是 Postman 的替代方案。它是免费的,具有许多人参与开发,并且支持多平台和多设备。这个工具真的非常快,并且有大量的更新。该工具的创建者声称在不久的将来会有更多功能。你可以通过添加自动完成功能、更多方法和 HTTP 支持来帮助该项目。请加入社区!

用于构建日历的无依赖插件

Vue Virtual Scroller

网址:

快速滚动条

GitHub:

Website:-...

您可以选择不同的视觉指示器来装饰日历。V Calendar还为咱们提供了三种日期选择模式:

GitHub:

单选多选日期范围Vue Design System

GitHub Stars: 3.4k

一组UI工具

Vue Virtual Scroller 具有四个主要组件。 RecycleScroller 可以渲染列表中的可见项目。如果你不知道项目的大小,最好使用 DynamicScroller。 DynamicScrollerItem 将所有内容包装在 DynamicScroller 中(以处理大小的更改)。 IdState 简化了本地状态管理(在 RecycleScroller 内部)。

网址:

Mint UI

GitHub:

移动端界面元素

这是一种组织良好的工具,对于任何web开发团队来说,它的命名都很容易理解。其中一个很大的优点是使用了更漂亮的代码格式化器,它可以在提交到Git之前自动排列代码。

Website:-ui.github.io/#!/en

Proppy

GitHub:

UI组件的功能道具组合

GitHub Stars: 15.2k

网址:

使用现成的 CSS 和 JS 组件能够更快地构建移动应用。使用此工具,你不必担心生成大文件的风险,因为你可以按需加载。动画由 CSS3 处理。要使用 Mint UI 需要安装 npm。你应该尝试预测应用程序所需的所有组件,并仅导入必要的组件。完整的代码(包括 CSS 文件)仅 30kb。

GitHub:

V Calendar

ProppyJS 是一个很小的库,用于组合道具,它附带了各种集成包,让您可以自由地使用它流行的渲染库。

用于构建日历的无依赖插件

我们的想法是首先将Component的行为表达为props,然后使用Proppy的相同API将其连接到您的Component(可以是React,Vue.js或Preact)。

Website:

API还允许您访问其他应用程序范围的依赖项(如使用Redux的商店),以方便组件树中的任何位置。

GitHub:

Light Blue Vue Admin

GitHub Stars: 1.6k

vue 后台展示模板

你可以选择不同的视觉指示器来装饰日历。 V Calendar 还为你提供了三种日期选择模式:

网址:

单一日期;多个日期;日期范围选择模式。

GitHub:

本文由10bet发布于Web前端,转载请注明出处:10bet值得关注的 Vue.js开源项目

关键词:

上一篇:JAVA经典算法40题

下一篇:没有了

频道精选

最火资讯