大厂出身，却有着向上积极的态度。本文已收录到GitHubhttps://github.com/qq44924588...，文章已分类，也整理了很多我的文档和教程资料。最近开源了一个Vue组件，但是还不够完善。欢迎大家一起完善，也希望大家能给个star支持一下。谢谢。github地址：https://github.com/qq44924588...Vue相对于React的一个优势就是简单易懂易学，在国内占了大多数。我们可以在Vue的帮助下创建任何Web应用程序。因此，及时了解一些新的好用的Vue开源项目也是非常重要的。一方面可以帮助我们更高效的开发，另一方面我们也可以从中汲取精华。接下来，让我们看看新的和有用的开源项目。uiGradients官网：http://uigradients.com/GitHub：https://github.com/ghosh/uiGr...GitHubStars：4.6k色阵和出色的UX使其成为本项目的一大亮点，gradients依然是webpage设计的增长趋势。我们可以选择自己想要的颜色，也可以得到所有可能的渐变，得到对应的CSS代码，赶紧收藏起来吧。CSSFXCSS过渡效果合集网址：https://cssfx.devGitHub：https://github.com/jolaleye/c...GitHubStars：3.5kCSSFX中有很多CSS滤镜效果，我们可以根据需要选择具体的动画我们的需求，点击对应的效果就可以看到生成的CSS代码了，开始吧。唱AppVueDashboard一个管理模板网址：https://flatlogic.com/templat...GitHub：https://github.com/flatlogic/...GitHubStars：254例：https://flatlogic.com/template...文档：https://demo.flatlogic.com/si...这是一个免费开源的基于最新Vue和Bootstrap的管理模板，其实和我们国内的vue-admin-template差不多。我们不一定要用，但是可以研究学习源码，相信可以学到很多实用的技巧，加油小子。VueStorefrontURL：https://www.vuestorefront.ioGitHub：https://github.com/DivanteLtd...GitHubStars：5.8k这是一个可以连接到任何后端（或几乎任何后端）的PWA。该项目的主要优点是使用无头架构。这是一个全面的解决方案，为我们提供了许多可能性（来自稳定增长的社区的巨大支持、将改进页面SEO的服务器端呈现、移动优先方法和离线模式。Faviator图标生成库URL：https://www.faviator.xyzGitHub:https://www.faviator.xyz/play...GitHubStars:94如果你需要创建一个图标来增加体验。你可以使用任何谷歌字??体和任何颜色。只需通过首选配置，然后选择PNG、SVG或JPG格式iViewVueUI组件库URL:https://iviewui.com/GitHub:https://github.com/iview/iviewGitHubStars:22.8k不断迭代更新使这组UI组件变成对于任何技能水平的开发人员来说都是一个不错的选择。要使用iView需要对单文件组件有深入的了解，该项目有一个友好的API和大量的文档。PostwomanAPIRequestBuilderURL:https://postwoman.io/GitHub:https://github.com/liyasthoma...GitHubStars:10.5k这个和Postman类似。它是免费的，参与者众多，并且支持多平台和多设备。这个工具真的很快并且有大量的更新。该工具的创建者声称在不久的将来会推出更多功能。VueVirtualScroller快速滚动URL:https://akryum.github.io/vue-...GitHub:https://github.com/Akryum/vue...GitHubStars:3.4kVueVirtualScroller有四个主要组件。RecycleScroller可以呈现列表中的可见项。如果我们不知道具体的数据量，最好使用DynamicScroller。DynamicScrollerItem将所有内容包装在DynamicScroller中（以处理大小更改）。IdState简化了本地状态管理（在RecycleScroller内部）。MintUI移动端UI库网址：http://mint-ui.github.io/#!/enGitHub：https://github.com/ElemeFE/mi...GitHubStars：15.2k使用现成的CSS和JS更快地构建移动应用程序的组件。使用此工具，我们不必冒文件过大的风险，因为它们可以按需加载。动画由CSS3处理，从而提高了性能。大家都说简历里没项目可写，所以给大家找了一个项目，还给了一个【搭建教程】。VCalendar一个用于构建日历的无依赖插件URL：https://vcalendar.ioGitHub：https://github.com/nathanreye...GitHubStars：1.6k您可以选择不同的视觉指示器来装饰您的日历。VCalendar还为我们提供了三种日期选择模式：单选多选日期范围VueDesignSystem一套UI工具URL:https://vueds.com/GitHub:https://github.com/viljamis/v...GitHubStars：1.7k这是一个组织良好的工具，对于任何Web开发团队来说，命名都易于理解。最大的优势之一是使用更漂亮的代码格式化程序，它可以在提交到Git之前自动排列代码。ProppyUI组件功能prop组合URL:https://proppyjs.comGitHub:https://github.com/fahad19/pr...GitHubStars:856ProppyJS是一个用于组合props的小型库，它自带各种集成包，让您可以自由使用其流行的渲染库。这个想法是首先将组件的行为表达为props，然后使用Proppy的相同API将其连接到您的组件（可以是React、Vue.js或Preact）。该API还允许您在组件树的任何位置方便地访问其他应用程序范围的依赖项（如使用Redux的商店）。淡蓝色VueAdminvue后台展示模板网址：https://flatlogic.com/templat...GitHub：https://github.com/flatlogic/...GitHubStars：79例：https://demo.flatlogic。com/li...文档：https://demo.flatlogic.com/li...该模板是使用VueCLI和Bootstrap4构建的。从演示中可以看出，该模板有一组非常基本的页面:typography,maps,diagrams,chatinterface等。如果我们需要一个扩展模板，我们可以看看LightBlueVueFull，它有60多个组件，没有jquery，还有两个颜色主题。VueAPIQuerybuildrequestsforRESTAPIsGitHub:https://github.com/robsonteno...GitHubStars:1.1k这个项目就不多说了。它的作用与它在描述行中所说的完全一致：它帮助我们构建RESTAPI请求。Vue网格布局Vue的网格布局网站：https://jbaysolutions.github....GitHub：https://github.com/jbaysoluti...GitHubStars：3.1k所有网格相关问题的简单解决方案。它具有静态、可调整大小和可拖动的小部件。或者可以恢复和序列化响应和布局。如果您需要再添加一个小部件，则不必重建所有网格。VueContentLoader创建一个占位符来加载Website:http://danilowoz.com/create-v...GitHub:https://github.com/egoist/vue...GitHubStars:2k当我们开发一个网站或者当APP遇到内容过多，加载速度慢时，会导致用户打开页面时出现大量空白页面。vue-content-loader是解决这个问题的组件，这样在加载内容之前生成一个dom模板，以提高用户体验。EchartswithVue2.0数据可视化网址：https://simonzhangiter.github...GitHub：https://github.com/SimonZhang...GitHubStars：1.3k在图片中，我们可以看到非常漂亮的图表。该项目使任何数据更具可读性，更易于理解和解释。它使我们能够轻松检测任何数据集中的趋势和模式。大家都说简历里没项目可写，所以给大家找了一个项目，还给了一个【搭建教程】。Vue.jsModal高度可定制的模态框网站：http://vue-js-modal.yev.io/GitHub：https://github.com/euvl/vue-j...GitHubStars：2.9kAllthedifferent可以在此站点上查看模态类型。共有15个按钮，按任意按钮可查看模态示例。VuesaxFrameworkComponents网站：https://lusaxweb.github.io/vu...GitHub：https://github.com/lusaxweb/v...GitHubStars：3.7k该项目在社区中非常受欢迎。它允许我们为每个组件设计不同的样式。Vuesax的创建者强调，在网页设计方面，每个Web开发人员都应该有选择的自由。Vue2Animatevue2.0—使用animate.css构建项目和创建组件网站：https://the-allstars.com/vue2...GitHub：https://github.com/asika32764...GitHubStars：1.1k这个库是跨浏览器的，我们可以从5种类型的动画中进行选择：旋转、滑动、淡入淡出、弹跳和缩放。网站上有演示。动画的默认时长是1秒，但是我们可以自定义这个参数。VuetensilsToolsetforVue.jsWebsite:https://vuetensils.stegosourcec...GitHub:https://github.com/stegosourcec...GitHubStars:111这个UI库有一个标准的功能，但最酷的是它没有额外的样式。您可以使设计尽可能个性化，满足您的所有需求。只需编写您需要的样式，将它们添加到您的项目中，并根据需要包含尽可能多的组件。达人的【三通】是小智继续分享的最大动力。本博客如有错误或建议，欢迎达人留言。最后谢谢大家的观看。编辑过程中可能存在的BUG无法实时获知。之后为了解决这些bug，花费了大量的时间在日志调试上。顺便推荐一个好用的BUG监控工具Fundebug。原文：https://flatlogic.com/blog/ne...https://flatlogic.com/blog/ne...每周更新交流文章。可以微信搜索“大千世界”阅读立即阅读提醒（比博客早一两篇），这篇文章已经收录到GitHubhttps://github.com/qq449245884/xiaozhi，还有我的很多文档已经整理好了。欢迎明星和完美。面试复习可以参考考点，关注公众号，后台回复福利就可以看到福利，就知道了。
