❤️❤️❤️前端成神之路必看学习资源（一），建议收藏起来，偷偷学习！！！❤️❤️❤️

置顶 于 2021-06-09 11:50:56 发布
阅读量8k 收藏 38
点赞数 5
分类专栏： 资源工具 文章标签： 资源
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kaimo313/article/details/117735112
版权

整理一下我博客上的学习资源，具体可以查看我的个人博客：[卡夫卡的岛上书店–资源工具]

在这里插入图片描述

网站资源

大佬收藏夹

文档

社区

博客

Vue

  • Vuesax 一个优质的vue的组件库

移动端

工具 & 插件

  • codota AI代码智能提示（应用于代码编辑器）

Node

博客评论插件

电子书

文章

视频

  • 慕课网 实战视频教程
  • 妙味课堂 比较系统的前端入门视频教程
  • 中国大学MOOC 涵盖计算机、外语、心理学等专业免费课程
  • bilibili B站，上面也有一些可供学习的免费视频
  • egghead 质量还不错的短视频教程，外网
电视直播

Github

在线工具

开发
代码编辑
Emoji表情

windows系统下按Win+.快速打开表情选择框

图片工具
作图
CSS
CDN加速
  • jsDelivr 国外的一家优秀的公共 CDN 服务提供商
  • unpkg cdn 服务
正则
其他

设计

图库

有趣

交互

  • 微交互 里面收集了市面上很多很好的微交互例子 值得学习
  • Little Big Details 同上，一个国外微交互汇集网站
  • cruip 登录页的各种页面设计，可以免费下载模板
  • Comixify 一个波兰团队做了非常好玩的工具，可以把视频自动转成漫画，上图是他们提供的 demo，效果很棒。
  • taiko-web 太鼓达人网页版 只能说很 6

教程

产品

实用

Talk

算法

Vue资

官方资源

外部资源

工作门户

社区

会议

播客

Youtube 渠道

官方例子

讲解

事例

书籍

博客文章

开源的

  • PageKit-使用 Symfony 组件和 Vue.js 构建的模块化轻量级 CMS。
  • npmcharts.com-比较 npm 软件包并发现下载趋势。
  • Koel-可以正常工作的个人音乐流服务器。
  • Raven 阅读器-使用原子电子和 vue.js 制作的简单 RSS 阅读器。
  • Gokotta-由电子和 vue 构建的简单音乐播放器。
  • CoPilot-基于 AdminLTE 和 vue.js 集成的管理门户。
  • Retrospectify-在敏捷团队中进行协作回顾的简单工具。
  • jade-press-基于 mongodb，nodejs，koa，vue 等的 Cms。
  • astralapp-轻松组织 GitHub Stars。
  • EME-优雅的 Markdown 编辑器。
  • Github-explorer-一个可以帮助您更好地检查 github 的水疗中心。
  • 酒店-从浏览器启动开发服务器，并在几秒钟内获得本地域。
  • Surfbird-使用现代网络技术编写的 Twitter 客户端。
  • Approach0-一个可识别数学的搜索引擎。
  • Flox-自托管电影，系列和动漫观看列表。
  • JavaScript Guessing Game-用于识别 JavaScript 工具和库的游戏。
  • vue-ghpages-blog-Vue.js 2 + Webpack 2 基于 GitHub 页面的博客。
  • Vuedo-使用 Laravel 和 Vue.js 构建的博客平台。
  • vue-music163-一个 Vue.js 音乐项目。
  • Tomato5-实时协作工具，它将 Pomodoro 技术与团队状态共享板结合在一起。
  • Web 学习-一种服务，可让您轻松访问有关 Web 开发和编程的数千个视频教程。
  • ExcelJSON-一种将 CSV，TSV 与 JSON 相互转换的工具。
  • Materialize-blog-使用 Laravel5.3 和 Vue2.x 构建的材料博客。
  • VueCompomnentGenerator-在浏览器上生成 vue 单个文件组件。
  • SDR 新闻-来自多个来源(Reddit，Hacker News 和 Prominent Blogs)的 Web 设计人员和开发人员新闻。
  • PJ Blog-使用 Laravel 和 Vue.js 构建的开源博客。
  • Lulumi-browser-Lulumi-browser 是使用 Vue.js 2 和 Electron 编码的轻型浏览器。
  • vue-wordpress-pwa
  • OpenAPI 3 查看器-浏览并测试 OpenAPI 3.0 规范中描述的 REST API
  • Stacer-Linux 系统优化程序和监视
  • Distrochooser.de-Linux 初学者的入门指南
  • Buka-电子书管理
  • 文档-一个无需构建过程即可编写文档的框架
  • pm86-Node.js 应用网站的生产流程经理
  • vms-一个 Vue.js 2.0 管理系统
  • nativescript-vue-NativeScript 渲染器的 Vue.js 实现。
  • piper-基于 Vue 的拖放式移动网站构建器。
  • mmf-blog-vue2-基于 Vue2(Vue-router，Vuex)和 Webpack2 的博客。
  • 媒体管理器-Web 文件管理器。
  • dyu / bookmarks-一个由 leveldb 驱动的自包含，自托管的书签应用程序，由 Vue2.1.x 构建。
  • JSON 模式编辑器-JSON 模式的直观编辑器。使用 Vue.js 2 和 Firebase 开发。
  • npm-stats-npm 包下载统计信息面板
  • vue2-admin-lte-一个将 AdminLTE 转换为可与 Vuejs(v2.x)一起使用的项目。
  • Dockeron-基于 Electron + Vue.js 构建的桌面 Docker 项目。
  • Flamme-一个基于 Education 和 Vue.js 构建的开源 Tinder 桌面客户端，用于教育目的
  • Goldfish-使用 VueJS，Golang 和 Bulma CSS 构建的 HashiCorp Vault UI
  • 管理-基于Vuetify的管理控制台，请选中[在线演示](http：// adminify。 genyii.com)
  • 提示-用 Vue.js 编写的框架，用于在 Web 浏览器中创建类似命令行的界面。
  • Hare-🐇 基于 Vue.js 2.x，Koa 2.x，Element-UI 和 Nuxt.js 的应用程序样板
  • Paper-Dashboard-为 Vue 制作的 Creative Tim Paper Dashboard
  • AdminLTE-VueJS2-一个在 AdminLTE 上实现 VueJS(v2.x)的开源项目。
  • 材质仪表板-为 Vue 制作的创意 Tim 材质仪表板
  • Explore-Github-VueJS 2 Github Explorer 使用 API v3
  • CoreUI-由 Vue.js 支持的开源管理模板
  • ChuckNorris-使用 VueJS + api.chucknorris.io 构建的 Chuck Norris 笑话生成器
  • LeafPlayer-一个简单，快速，私有的音乐流服务器。
  • JSON 编辑器-一种可识别架构的 JSON 编辑器。用 Vue2 开发。
  • Voten-使用 Vue2 和 Laravel 构建的类似 Reddit 的平台。
  • News Weaver-使用 VueJS 和 VuetifyJS 制作的基于 Web 的 RSS 阅读器/聚合器
  • 唤醒 Billie Joe！-根据绿日的歌曲“唤醒我，当九月结束”而倒计时到十月的网站。使用 Vue 和 Firebase 创建。
  • Astrum-旨在包含在任何 Web 项目中的轻量级模式库。
  • vue2-pwa-vision-带有 Vue2 + Vuetify +渐进式 Web App 的人脸检测 Google Cloud Vision
  • vue2-pwa-rekognition-使用 Vue2 + Vuetify + Progressive Web App 进行人脸检测的 Amazon Rekognition
  • AmmoBin.ca-有关加拿大在线弹药价格的元搜索网站
  • SPA-asp.net-api-vuejs--用于使用基本任务管理和消息传递的 Vue.js 单页应用程序 ASP .NET Webapi 2 和 SQL Server
  • Book-Trading-Club-与您所在地区的其他图书读者进行贸易或借阅图书。使用 nodejs 和 vuejs2 构建
  • vuejs-extension-pack vscode-扩展 packf 或 vscode，具有用于 Vue.js 开发的流行 VS Code 扩展。
  • Wiki.js-基于 NodeJS，Git 和 Markdown 构建的现代，轻量级且功能强大的 Wiki 应用程序
  • vue-pwa-speech-在 Vue2 + Vuetify + Progressive Web App 上使用 Google Cloud 进行文字演讲
  • vue-speech-streaming-在渐进式 Web App 上执行流式语音识别可通过 Google Cloud Speech + socket.io 实时生成语音到文本
  • 我的动画列表-一个易于获取 CSS 动画代码的工具
  • vue-input-streaming-使用 Pusher 进行 TextInput 流实时和双向数据绑定广播
  • TidyTab-一个 Chrome 扩展程序，用于整理这些标签。
  • peregrine-cms-基于 Vue.js 和 Apache Sling 的可选 CMS
  • concept-to-clinic-具有 Vue.js 界面的肺癌预测项目
  • grid-awesome-使用 css 显示为网格布局生成样板 css：grid; 属性。
  • Light Bootstrap 仪表板-为 Vue 制作的创意 Tim Light Bootstrap 仪表板
  • Hubaga-适用于开发人员和其他数字商店的免费轻量级 WordPress 电子商务插件。
  • vue-webpack-buefy-具有全功能 Webpack 和 Buefy 的 Vue.js 入门
  • Coypu-类似文本编辑器的每周计划
  • 核心服务器-高度可扩展的 VueJs 框架，具有集成的 API 系统和多种高级功能。
  • discord-logo-基于 SVG 的 Vue.js 动画不和谐徽标生成器。(Github 页面)
  • node-vue-template-用于使用 Node.js(API)和 Vue.js(SPA)构建完整应用程序的入门模板，其中包括一些软件包和配置，以帮助快速开始开发。
  • vue-storefront-Vue.js 店面-电子商务的 PWA。100％离线，与平台无关，无头，支持 Magento2。
  • fd-vue-IoT 框架的 Vue.js 客户端
  • wildfire-其他注释插件的替代品。
  • 收据-简单的自动化桌面应用程序，可以从 Uber 和 Lyft 下载并整理您的税款发票。
  • vue-chrome-extension-boilerplate-使用 Vue.js 和 Webpack 进行 Chrome 扩展的样板
  • TimeMark-一个可以记录您的时间的时间管理器，还将开发更多功能。
  • Laravel Enso-由 Bulma，VueJS 和 Laravel 构建的 SPA 管理面板，开箱即用地打包了很多功能。
  • 代码说明-针对使用 Electron＆Vue.js 构建的开发人员的简单代码段管理器。
  • Pomotroid-简单，美观且可自定义的 Pomodoro 计时器。
  • XMR Miner-加密货币(XMR)挖掘应用程序，使用 Vue.js 构建并使用 D3 进行可视化
  • XMR Paper-Monero 钱包生成器，使用 Vue.js 构建
  • JoyProxy-Chrome 扩展程序，用于处理代理设置
  • 活动自动化-管理日常活动并及时获取报告。
  • jsettlers-web流行的德国棋盘游戏，用赚来的资源建造六角形，定居点，城市，道路
  • Tamiat CMS-Tamiat 是面向前端的 CMS，使用 Vue.JS 作为前端，并与 Firebase 集成了后端功能。
  • vuegg-vue GUI 生成器：一次性创建模型和代码！它通过其可视化编辑器利用页面，组件和样式的创建。为您的下一个 vuejs 项目生成所有脚手架代码。
  • Podlove Web Player-经过 Podcast 优化的基于 HTML5 的音频播放器，具有章节，字幕和嵌入功能。
  • Leo Vue-使用开源 Leo 概述编辑器/ IDE 创建带有嵌套菜单的 Web 应用程序，并支持内容中的 Vue 组件。
  • Justine-使用 Vue 组件作为文档模板的可配置 HTML 文档生成器(当前支持 JSDoc)
  • Deezer-Vue-使用 Vue \ Vuex 构建的 Deezer 客户端
  • Vuep.run-Vue 的在线 SFC 编辑器
  • V·oogle-Google.com，已修订
  • Pomidorus-使用 Vue 和 D3 构建 Pomodoro 时间跟踪器 🍅
  • Hubble-：telescope：浏览 GitHub Stars 的历史。
  • Vuepress-简约的 Vue 驱动的静态网站生成器
  • Socialhome-具有社交网络功能的联合富个人资料生成器
  • GenVue-一个可托管的 Web 应用程序，允许机密用户上传和共享基于 Vue.js，Vuetifyjs 和 NetCore WebAPI 堆栈的私有文件
  • vue-array-Vue 下的数组对象操作，Vue 下的数组对象操作使用此包可操作数组。Vue 可以监视阵列中的更改
  • Laqu-l-具有 Quasar Framework，带有 OAUTH 2.0 身份验证的 GraphQL API 后端，Firebase 就绪，多语言功能等的完整应用入门套件。
  • Protovue-一个原型组件库，可帮助设计人员和开发人员快速搭建抽象的应用程序布局。
  • Chattier-使用 Laravel 5.6，Vue.js 2 和 Bulma(Buefy 组件+ Bulmaswatch 主题)构建的 SPA 社交网络。还使用 JWT 身份验证。
  • chrome-ribbon-reminder-使用 Vue 和 Async / Await 编写的 Chrome 扩展程序。使用弹出显示并更改徽章计数。
  • 收藏夹-一个简单的简单收藏夹生成器。
  • 模块化家谱-使用 Laravel 5.7，Vue.js 2.5 和各种组件的家谱/族谱管理系统。工作正在进行中。
  • 最小注释-使用 Vue.js 构建 Web 应用
  • 烘焙一个应用程序，旨在帮助咖啡爱好者在学习 Laravel + Vue.js 的同时找到他们的下一杯咖啡。
  • 堆栈编辑-浏览器内 Markdown 编辑器
  • Bael 博客模板-静态生成的博客模板，该模板使用 Netlify CMS 作为后端，使用 Netlify 进行托管。具有野蛮美学，模糊搜索，无服务器电子邮件注册等功能。
  • Buefy Shop示例商店，开源的，具有 Nuxt，Stripe，Firebase，Bulma 和无服务器功能。
  • sysmon用于 Linux 的 AB / S 模式系统监视器。您可以在任何地方通过 Web 浏览器远程监视系统资源的使用情况。
  • eth-vue一个松露盒子，提供您快速构建具有 Vue.js 身份验证功能的以太坊 dApp 所需的一切，包括易于部署到 Vue.js 的配置。 Ropsten 网络。它还具有 Gravatar 功能。
  • Nippon-color受 nipponcolors 点 com 的启发。这是使用 vue-cli 3 的日本彩色 PWA 版本。
  • Saleina CMS一个静态网站内容管理系统，使用 git 作为后端使用 vue 构建。
  • Vuido用于创建本机桌面应用程序的框架。它可以使用本机 GUI 组件在 Windows，OS X 和 Linux 上运行。
  • YouGetYouTube 视频/音频/字幕下载器+ Cutter
  • Vue Pug 手写笔Vue + Pug +手写笔样板 💚🐶🖌
  • Crypto News允许您转换加密货币，查看每个 ICO 的最新新闻和汇率–来自一个加密货币世界的所有数据。
  • Epiboard一个新的选项卡页面扩展，具有材料设计和有用的功能：new：：tada：
  • zhudyos / duic分布式配置中心：新：
  • Vuemmerce使用 Vue.js 和 Bulma 框架构建的免费电子商务模板：新：
  • Nucleus分层体系结构 ASP.NET Core API 和 Vuejs 客户端应用程序启动模板
  • Carpoolear阿根廷拼车应用程序的开源 Vue.js 前端(移动和 Cordova 应用程序)：[Carpoolear](https://carpoolear.com。 ar)
  • Statusfy：Statusfy 是一个状态页面系统，易于使用且完全开源。
  • DynamoDb-GUI-Client：DynamoDb 的跨平台 GUI 客户端
  • RosterWebApp开源名册 Web 应用程序，允许对员工/团队的名册进行工作会议和其他功能。
  • Vue 电子商店 Templet-带有 vue / vuex / vue-router 和 bootstrap4 的电子商务 Templet。
  • Kitty Ipsum-生成由不同语言的“喵”组成的 lorem ipsum。
  • Git Superstar-计算您的 git 星级和顶级存储库。
  • Twill-用于 Laravel 的开源 CMS 工具包，可帮助开发人员快速创建直观，强大而灵活的自定义管理控制台。
  • MATH_BOT-通过对机器人编程来学习数学。
  • Vue 填字游戏-一个基于 Vue.js 的填字游戏构建器和填充前端应用程序。使用CodeSandbox构建。
  • Vue 组织结构图-免费管理和发布您的交互式组织结构图(orgchart)，无需网络服务器。
  • 哔-使用 Vue.js 和 Ionic 4 构建的帐户安全扫描程序
  • Vue CRUD-基于 Vue.js 的 REST-ful CRUD 系统。Vue CRUD 允许您轻松创建快速应用程序，例如 CMS 或 CRM。
  • Vue HQ 管理员仪表板–由 Vue，Sass，Firestore 和 Netlify 支持的现代管理仪表板。
  • MToDo-带有简单身份验证的迷你待办事项列表，该身份验证是使用 Vue.js 和 JSON Server 作为数据模拟构建的。非常适合作为发现有关真实 Vue.js 参考的任何人的参考
  • FireX 代理-FireX 代理是用户值得信赖的 Chrome 和 Firefox 浏览器扩展程序，可让您解除阻止任何网站的权限并私密安全地浏览 Web。🛡
  • VueSolitaire-接龙(spider，klondike)包含在 Vue.js 中。
  • Thermal-一站式访问所有 Git 存储库。
  • QMK Configurator-Vue.js 中的 QMK 固件键盘配置 UI。
  • Eplee用 Vue.js 和 Electron.js 制作的甜美，简单的 epub 阅读器。
  • vue-realworld-example-app-示例性全栈 Medium.com 克隆
  • 每日-精选的开发新闻已传递到您的新标签页 👩🏽‍💻
  • Laravel 文件管理器-Laravel 的强大文件管理器
  • Vue 加密仪表板-用 Vue.js 制作的 Cryptocurrency 仪表板

商业产品

  • Wijmo-具有 VueJS 支持的 UI 控件的集合。
  • 整理说明
  • Formester-表格，电子邮件营销自动化变得容易
  • ChatWoot-通过 Facebook Messenger 进行 Livechat 和代理协作。
  • VueA-具有多种布局和 laravel 版本的 VueJS 管理模板。
  • Teleo-团队合作应用在讲话，计划和做事之间轻松移动
  • Cover-基于 Vue.js 构建的高质量组件库
  • EducationLink-适用于教育代理商和大学的 CRM 和销售自动化。
  • Pragmatic v2.0-使用 Vue.js 和 Element 构建的响应式和可配置管理模板。
  • 座位-简单而现代的团队沟通和协作解决方案。
  • Moonitor-台式机的加密货币跟踪器。
  • Deskree-将想法，任务和问题集中在一处的在线协作平台。
  • OSHCExpress-OSHC(海外学生健康保险)保险(澳大利亚国际学生保险)的比较和电子商务。
  • Agiloo-适用于 Scrum 和看板的项目管理应用
  • ScaffoldHub-带有 NodeJS，MongoDB 或 SQL 的 VueJS 在线 Web App 生成器。
  • Commandeer-可以重新构想管理。使用 Vue.js 和 Electron 构建的桌面云管理应用程序。
  • SA Email Builder-使用 VueJS 和 Quasar Framework 做出响应的电子邮件模板构建器

应用/网站

  • Laravel Spark
  • 副视频
  • 表格
  • Laracasts
  • esa.io
  • 稀土掘金
  • 布拉格机场
  • 投资组合网站
  • 乐风乐团
  • Atiiv-面向私人教练及其客户的应用程序。
  • 统计
  • Embalses！-使用美国地质调查局数据库报告水坝水位的工具。
  • TravelMap-旅行者基于地图创建博客的简单方法。
  • 适当的衬衫制造商-定制衬衫的制造商。
  • CheckIt
  • Reddit 新闻-浏览器扩展程序，用于显示来自 reddit 的通知和新闻。
  • 卡通网络自行制作 Powerpuff
  • 小桃酱
  • cloudradioo-Web 应用程序，可随机播放 soundcloud 图表中的前 50 首歌曲
  • vNotes-使用 Vue.js 和本地存储 API 的 Markdown 简洁漂亮的记事本。
  • 开放功能计算机
  • Dermail-用 Vue.js 编写的针对 Dermail 的 Webmail 客户端，Dermail 是用 node.js 编写的邮件系统。
  • octimine-专利搜索引擎。
  • Draxed-基于 Web 的 MySQL 和 PostgreSQL 数据浏览器和仪表板管理器。
  • Leapspotleap-查找您附近的 Wikipedia 文章的简单方法。或只是导航到一个地方并找到有趣的维基百科信息。响应式 Web 应用程序。
  • X-SONGTAO-个人博客。FE 和 CMS 位于同一 vue SPA 中。
  • Jobinja-在伊朗运营的求职委员会和职业平台。
  • 滚蛋吧！莆田系-显示所有 Put 田医院的信息
  • Jobi：招聘平台
  • 香料屋-高质量香料的电子商务网站。结帐，购物车，产品详细信息页面和搜索是使用 Vue 构建的。Checkout 是用 Vue＆Vuex 编写的单页应用程序。
  • Livestorm-网络研讨会/直播活动应用。
  • Metric Loop-一个技术服务和解决方案网站。
  • 保持
  • 全球考试-语言能力测试在线培训
  • SlugSurvival-一个可帮助学生更好地计划课程的网络应用程序(业余项目，不属于 UCSC)。
  • FreePoll.Online-使用 Vue.js，vue 可排序，语义 UI 和 Zappa 构建的群体决策工具。
  • GitRelease-使用带有电子的 vue.js 在 mac 菜单栏上跟踪 github 项目的新版本。
  • 12BAY.VN-在线预订机票。
  • PLAYCODE.IO-快速前端实验的游乐场。
  • The Void Radio-地下室内音乐在线广播。
  • Bitly Vue-使用 VueJS 和 Bitly API 缩短 URL。
  • Storyblok-使用 VueJS 作为前端的基于 API 的/分离的 CMS。
  • WizzAir
  • 移至 HTTPS-有关将不同平台/托管站点移至 HTTPS 的指南
  • Booknshelf-发现有关不同主题的出色书籍和书架。
  • Top HN-在 Hacker News 上实时显示最新新闻活动
  • Euronews-Euronews 是一种多语言新闻媒体服务，总部位于法国里昂。
  • Roozameروزامه??-Roozame 是波斯语的智能新闻媒体服务。
  • Koumoul
  • NinjaCalc-一组与嵌入式工程相关的计算器，使用 vue.js 作为开源单页应用程序构建。
  • Vue.js Feed-最新的 Vue.js 新闻，教程，插件等。基于Vuedo，使用 Vue.js 和 Laravel 制作。
  • 蒜瓣-使用 Vue2.0 和 Douban API 开发的网络应用
  • 猜对了-一个“猜单词”游戏-用 Vue / vuex / vue-router(前端)和 Laravel / MySQL(后端)编写。代码是GitHub 上的开源(尽管不是在 kdcinfo 上运行游戏的实时文件)。
  • GRAP-商业通讯服务
  • 简易模拟
  • mmf-blog-vue2-ssr使用 Vue 2.0，vue-router 和 vuex 构建的博客，并具有服务器端渲染
  • JSON 模式编辑器-使用 Vue.js 和 Firebase 构建的 JSON 模式的直观编辑器。
  • Winsome Trivia-一个单人或多人琐事游戏，具有由 Vue.js 构建并由 Open Trivia 数据库提供支持的 2,000 多个独特问题。
  • Moon Organizer-农历日历应用
  • Flash-Vue-“未来的抽认卡”将学习无处不在：rocket：
  • Kinderbesteck-具有 Vue2.0，Vuex，Vue 路由器的完整在线商店 SPA
  • n2ex-vue ssr(必须)网站，请使用 v2ex API
  • 词库-众包在线词库
  • Chattanosy-由社区提供的田纳西州查塔努加新事物的数据库。
  • PAIXIN-正版图片销售网站
  • CodeBottle-将代码段拖放到您的项目中
  • 1XBET-自 2007 年开始运营的博彩公司
  • MyOwnTV-用于创建互联网电视的流媒体网站
  • CrowdCircus-欧洲最大的众筹和众筹平台
  • 与某人交谈-与世界各地的陌生人进行免费，匿名和保密的在线文本聊天。
  • 车轮工厂-ui 组件和库共享网站
  • ابیاتنابپارسی-波斯诗集
  • Ripplectron-Ripple(区块链硬币)vue-electron 的电子钱包桌面客户端
  • PingBreak使用 vuejs 作为实时仪表板的免费，简单的网站监控服务
  • Todoist 致敬-Todoist 克隆，用 Rails + Vue 编写
  • JSON 编辑器-使用 Vue2 和 firebase 构建的可识别架构的 JSON 编辑器。
  • Develteam-独立游戏开发者的社交网络。
  • Mixsii-适用于青少年，成人，家人和朋友的免费视频聊天室网站。
  • PipQuest-Vue 中内置的复古益智游戏
  • Matryx-去中心化的协作平台。
  • iPrevYou-YouTube™ 播放器-用于在桌面上观看 youtube 视频的 Chrome 应用。
  • 物品管理器-传送命运 2 游戏物品的应用程序。
  • 前端大师 Vue 简介-前端大师全日制课程
  • TR-101-鼓合成器/音序器。
  • Bazaar-媒体共享平台。
  • WynnStats-非官方的 WynnCraft 统计信息。
  • Vectr-免费的矢量图形软件
  • 大脑位-Emotiv 耳机的 P300 在线拼写机制
  • Coin Dashboard-完全客户端的加密货币资产仪表板。
  • Habitica-角色扮演游戏形式的在线任务管理应用程序。
  • MadeWithVueJs-由 Vue.js 制作的项目图库(网站本身也使用 Vue.js)
  • CodeDependencyScanner-显示.Net 汇编代码依赖关系的 AC＃dektop 应用程序使用 Vue，Neutronium 和 D3.js 构建。
  • 千以太坊首页-百万美元首页被重新构想为以太坊 DApp。在 Vue.js 上构建并开源。
  • 让我们着迷-免费的在线图像升级和神经网络增强功能。
  • Pi.TEAM-在线发票和会计-简单易用的在线会计和发票，单用户和自由职业者免费。
  • Vuethwallet-一个简单的应用程序使用 vuejs 生成以太坊钱包。
  • Tipe-下一代 API 优先的 CMS。使用功能强大的编辑工具创建内容，并使用 GraphQL 或 REST API 从任何地方访问它。停止让 CMS 决定如何构建应用。
  • Vuethexplore-一个简单的应用程序使用 vuejs 探索以太坊区块链。
  • Fintechers-以 Fintech 为重点的工作委员会。
  • Devjournal-项目和构想的协作待办事项列表。
  • Bubbleflat-一种在线平台，可通过搜索具有相似生活方式，兴趣爱好或学校的人来帮助学生和年轻的专业人 士找到理想的室友。Laravel 和 Vuejs
  • TeaQuinox Tea Co-专门从事散叶茶的电子商务网站。
  • blip-测试网站的速度，移动友好性，安全性和 HTML5 文档类型。在某个位置查找商家，然后整体测试其网站，或者只是测试您自己的 URL。
  • sunpos-太阳位置，仰角，方位角，黄道/赤道坐标和日出/日落时间(朱利安日)计算和转换实用程序。使用纯 JS，Vuejs 和 i18n Vuejs 本地化插件对网站进行编程。可视化是使用 D3.js 创建的。
  • U3xyz-基于 vue ssr 的个人博客。
  • 27.ua-乌克兰的互联网大型超市
  • 国际象棋守护者-从您自己的游戏中回答国际象棋位置问题。
  • 二十一点休息-二十一点的快速游戏
  • MECHANICAL-适用于 Firefox 的 Reddit mod，可显示上下文数据见解。
  • GameVix-与他人交换您使用过的视频游戏光盘，无忧。具有材料设计的 PWA。
  • VivifyScrum-适用于交付团队的敏捷项目管理应用程序。可定制的 Scrum 和看板板。
  • 9GAG-流行的在线平台和社交媒体网站
  • CryptoVue-实时加密货币仪表板
  • 厨房故事-烹饪平台
  • MailRabbit-在没有开发人员的情况下创建，A / B 测试和监视交易电子邮件。
  • Vue 资源精选-出色的 Vue 组件列表，类别，内嵌演示秀和简介
  • Cronhub-无痛 Cron 监控工具
  • wrkprty-针对自由职业者，远程工作者和希望离开办公室的专业人员的弹出协作活动。
  • 用爱制造-世界各地的“用爱制造 ❤️”倡议是庆祝 🎉，促进 📣 和建立 build 品牌的运动。它从 Dribbble，ProductHunt，Behance 和 Techcrunch 等多个来源获取 Tech 新闻，设计灵感和趋势。💝
  • 产品路径-在创业公司和科技公司中发现超过 1,000 个产品工作。
  • V·oogle-Google.com，已修订。一个笑话项目。😃
  • 经纪人注释-‘研究成为房地产经纪人’：房屋：
  • SyncLounge-SyncLounge 是用于在多个位置的多个播放器之间同步 Plex 内容的工具。
  • HCE.it-一家意大利代理商的网站，完全由 Vue 使用基于 Laravel 的无头 CMS 创建。
  • 页面-网页设计灵感
  • Scrumpy-敏捷团队的漂亮项目管理工具
  • Spektrum-Spektrum Media Agency 网站
  • SPKSPK 生态系统的网站
  • IDDEF☪️ 重视人类的网页，CMS，CRM 和捐赠以及所有电子商务页面的协会联合会均使用 Vue.js，Vuex 和纯 JavaScript 设计 🙏
  • 配置文件管理-一种管理配置文件的简单方法
  • 烘焙这个应用程序旨在帮助咖啡爱好者在学习 Laravel + Vue.js 的同时找到他们的下一杯咖啡。
  • YBR-集中的 YBS 公开电子投诉管理系统。(全 SPA)
  • Regex Fiddler
  • Myanpwel-活动票务平台的网站。
  • CryptoArte-以太坊的艺术品收藏，不可替代的代币和 Dapp。
  • Muuviez-具有时尚设计的电影发现和跟踪网站
  • NAGA VIRTUAL-NAGA VIRTUAL 是第一个独立的虚拟商品市场。
  • Scroll.in-Scroll.in 是独立的新闻，信息和娱乐企业。
  • Akunyi-慈善网站
  • Mark Ruffalo 会做什么？-动机网站基于 Mark Ruffalo 在获得成功之前在数百次试镜中失败的故事。
  • 白兰地-菜单栏的品牌资产管理器。
  • Ruster 社区-CN 的 Rust 全栈社区论坛。
  • NBC Sports-NBC Sports 是一家体育新闻网站。
  • WITHIN-虚拟现实中的非凡故事。
  • plottr.io-规划跑步和骑车路线
  • beCamp-在弗吉尼亚州夏洛茨维尔举行的由社区组织的技术会议。网站代码是开源的。
  • Trustpilot-免费开放给所有评论平台。
  • Lagom-简单，直观且响应迅速的 WHMCS 主题
  • ScoutMyTrip-Roadtrip Planner-印度的公路旅行计划应用程序，可帮助旅行者建立行程，发现景点，寻找酒店，加油站，美食餐厅等沿路线。
  • Podflix-播客应用。
  • GamersClub-巴西最大的电子竞技社区发展公司
  • MIT-麻省理工学院的官方网站。
  • Elvenar-Elvenar 是一个基于浏览器的幻想城市建设者游戏。
  • 信标-：blue_heart：这项服务可让您在多个网站之间共享内容。
  • Artfinder-Artfinder 是买卖艺术品的网站。
  • Rolodromo-专门用于桌面 RPG 的西班牙语网站。
  • GitHubExplorer-用于探索 GitHub 的纯静态页面 webapp。使用Vuejs和GitHub GraphQL API v4。
  • 主题演讲-与 Vue 一同展示。
  • HappyPlants-用于组织植物的渐进式 Web 应用 🌱。
  • Pocket Lists-世界上最友好的待办事项列表应用程序。
  • Padlet-协作公告板
  • Glovo-按需交付
  • MySigMail-MySigMail 是一个免费的浏览器电子邮件签名生成器，无需创建帐户
  • Wordguru-一个简单的口头游戏，您可以分成几个小组，并尝试猜测尽可能多的关键字。
  • ApiFlash-基于 Chrome 的截图 API，基于 AWS Lambda 开发人员专用
  • Kitty Ipsum-生成由不同语言的“喵”组成的 lorem ipsum。
  • Git Superstar-计算您的 git 星级和顶级存储库。
  • DECS-分散的多合一工作区，用于管理代码段并保护敏感数据。
  • Careup-牙医 🦷 的业务管理工具。
  • Asciiur-互联网的 ascii 艺术收藏
  • Tapestri Designer-用于设计用于基因组测序实验(NGS)的 PCR 引物的免费工具
  • Remote-Access-SSH-使用 node-ssh 的基于 Web 的远程主机访问
  • 地图标记生成器-一个免费的在线工具，可即时生成自定义地图图标
  • Monocle Reader-在一个地方关注提要，Twitter，YouTube，博客和其他所有内容。
  • 前站导航-前端社区，文档收录。
  • Geenes-生成调色板并将其应用于 UI，然后将其导出到草图或代码中。
  • Blurrish-Mac / Windows 加密的 Morning Pages 日记，由 Vue 和 Electron 构建。书写时模糊，因此可以在公共工作区中记录日志。
  • ExifShot-摄影的方式和方式，精美绝伦。
  • Studolog-用于学生的在线文件共享平台，包括测试人员和评论。目前仅捷克语 🇨🇿。
  • sum.cumo–数字业务模型(以 Vue 作为技术堆栈的核心)。
  • Gamebrary-用于组织视频游戏收藏的开源工具。
  • Guds-比较各大超市的价格。仅适用于墨西哥 🇲🇽。
  • Premium Poker Tools-扑克玩家用来学习的东西。
  • QMK Configurator-从浏览器配置，构建和下载自定义 QMK 固件。
  • Worksome-适用于合格的 IT 专业人员，自由职业者以及希望雇用他们的公司的市场/平台。
  • Translator-vuejs-使用 Vuejs，Yandex API 和 ResponsiveVoice.js API 构建的翻译应用程序。
  • 大计时器-用于研讨会，会议和演示的全屏倒数计时器。Big Timer 可以帮助研讨会主持人，会议椅，设计短跑选手，演示者和有抱负的游戏节目主持人坚持自己的计划。
  • Wirenook-用于构建响应式网站线框的免费在线应用程序。高保真和低保真，项目共享和 svg 下载。
  • Kvalitetskontroll-为建筑业量身定制的挪威管理系统。
  • Poolside FM-复古音乐播放器

互动体验

企业用途

A11y

  • Vue A11y 项目-Vue.js 社区项目，用于改善 Web 可访问性。
  • vue-skip-to-它可以帮助仅使用键盘的人跳到最重要的地方。
  • vue-axe-Vue.js 应用程序的可访问性审核。
  • vue-announcer-Vue 的一种简单方法，可为屏幕阅读器宣布任何有用的信息。
  • eslint-plugin-vue-a11y-用于.vue 中元素可访问性规则的静态 AST 检查器
  • vue-focus-lock-这是一个陷阱！焦点锁定。A11y util，用于确定焦点。
  • vue-a11y-calendar-可访问的国际化 Vue 日历。

表格

  • vuetable-2数据表简化
  • vue-tables-2-Vue.js 2 网格组件。
  • vue-datasource-一个 vue.js 服务器端组件，用于创建动态表。
  • ag-grid-vue-用于 ag-Grid 的 Vue 适配器。
  • vue-data-tables-Vue2.0 数据表，基于 element-ui。
  • vue-floatThead-用于 floatThead 的 Vue 2.0 组件，floatThead 是一个浮动的粘性表头插件。
  • vuetiful-datatable-具有排序，过滤，分页，分组和聚合的数据表组件。
  • vue-materialize-datatable-Materialize CSS 的 VueJS 数据表
  • vue-good-table-一个易于使用的 VueJS(2.x)表插件，具有排序，列过滤，分页等功能。
  • vue-grid-Vue.js 的灵活网格组件
  • vue-easytable-基于 Vue2.x 的功能强大的表组件
  • vue2-datatable-component-永远不会烂的 Vue.js 2.x 最佳数据表
  • vue-js-grid-Vue.js 2.x 响应式网格系统，具有平滑的排序，拖放和重新排序
  • vue-handsontable-official用于 Handsontable 电子表格组件的 Vue.js 包装器
  • vue-grid-用于 Vue.js 2.x 的功能强大的 flexbox 网格系统，使用内联样式构建
  • vue-data-tablee-基于 vue-good-table，一个简单漂亮的表组件
  • vue-scrolling-table-具有 flexbox 大小的简单表格组件，滚动表格主体(水平和垂直)，所有 tr / th / td 的插槽渲染。
  • el-search-table-pagination-将 Element UI 的 Form，Table 和 Pagination 组件组合在一起。基于 Vue 2.x。(详细信息)
  • vue-crud-x-使用 Vuetify 布局的可扩展 Crud 组件，除了通常的页面，排序，过滤器之外，它还能嵌套的 CRUD，自定义表单，过滤器，操作。
  • Vue 数据表-VueJS 支持的数据表，具有 Laravel 服务器端加载和 JSON 模板设置
  • v2-table-一个基于 Vue 2.x 的简单表组件。
  • vue-cheetah-grid-在 Vue.js 的画布上工作的高性能网格引擎。
  • vue-table-component-直指 Vue 组件以显示表。
  • @ lossendae / vue-table-Vue.js 2.x 的简单表组件，具有分页和可排序的列。
  • el-data-table-基于 element-ui，可以轻松完成任务
  • DevExtreme Vue 网格-用于 Bootstrap 的基于插件的高性能 Vue 数据网格。
  • vue-ads-table-tree-具有过滤，排序和分页功能的 vue Table 组件。行可以具有子行，因此可以构建树结构。它还支持异步调用以从后端加载行。它是使用 CSS 框架tailwindcss构建的
  • 用于 Vue 的 Synfusion 数据网格-显示和处理具有分页，排序，过滤，编辑和分组等功能的表格数据。
  • @ marketconnect / vue-pivot-table-数据透视表的 vue 组件
  • vue-teible-Web 的轻巧灵活的表组件：zap：
  • vue-jqxgrid-具有过滤，排序，编辑，分组，数据导出和其他功能的 Vue 数据网格。
  • vue-jqxpivotgrid-具有枢轴设计器的 Vue 枢轴数据网格，钻取单元格，枢轴功能。
  • toast-ui.vue-grid- [TOAST UI Grid]的 Vue 包装器(http://ui.toast.com/tui -grid /)。
  • vueye-datatable-Vueye 数据表是基于 Vue.js 2 的响应数据表组件，它按页面组织数据以便于浏览。
  • vue-sorted-table-一个将表转换为排序表的插件。支持嵌套的对象键，自定义图标和可重用组件。
  • vue-bootstrap4-table-基于 Vue 2 和 Bootstrap 4 的高级数据表，其中包括多列过滤，多列排序，分页和信息，复选框行和高度可定制的插槽选项。
  • vuejs-smart-table-直截了当的表格组件，使用原始 HTML 表格结构，并具有开箱即用的排序，过滤，分页和选择功能。
  • @ myena / vue-table-用于客户端/服务器数据处理的表组件。筛选，排序，分页，分组，展开详细信息行。高度可定制的通孔，用于过滤器，标题，列，分页，详细信息行。
  • vue-jd-table-Vue 2 的高级且灵活的数据表组件。功能丰富：搜索，过滤，导出，分页(传统和虚拟)滚动)等等！
  • vue-grd-用于网格布局的简单，轻巧和灵活的 Vue.js 组件。
  • iview-table-page-将 iview UI 的表和页面组件组合在一起。基于 Vue2.x。并听到了一些使用 iview-table-page 的示例。

通知

装载机

进度条

工具提示

工具提示/弹出窗口

覆盖

  • vuedals-一个 VueJS(2.x)插件，用于具有单个组件实例的多个模态窗口。
  • sweet-modal-vue-发生模态的最甜的库。现在可用于 Vue.js。
  • vue-js-modal-简单易用，高度可定制，移动友好的 Vue.js 2.0+模态，具有 0 个依赖关系。
  • vudal-vue.js 的模态窗口
  • vodal-具有动画的 Vue 模态。
  • vue-image-lightbox-一个 Vue 图像灯箱/图库，可以很好地显示图像。
  • vue2-simplert-Vue 2 简单警报组件(受 SweetAlert 启发)，作者：Irfan Maulana
  • Vue-Semantic-Modal-不具有 jQuery 依赖关系的 Vue 2 语义-UI 模态组件
  • v-img-易于安装的图库。
  • vue-dialog-drag-可拖动对话框
  • vue-ya-semantic-modal-Vue2 的另一个语义 UI 模态组件，没有 Jquery 但具有 Vue 转换
  • vue-pure-lightbox-非常简单的灯箱插件，没有任何依赖性-仅 Vue！🖼
  • v-viewer-基于[viewer.js]的 vue 图像查看器组件，支持旋转，缩放，缩放等(https：// github.com/fengyuanchen/viewerjs)
  • vue-messagebox-Vue 上易于定制的消息框组件。
  • vuejs-dialog-轻量级，基于承诺的警报，提示和确认对话框。
  • @ hscmap / vue-window-vue2 的窗口 UI 组件。
  • vue-gallery-VueJS 响应式和可自定义的图像和视频库，轮播和灯箱，已针对移动和桌面 Web 浏览器进行了优化。基于 blueimp-gallery
  • vue-swal-用于将 SweetAlert 集成到 Vuejs 的小型包装器。(与 SSR 兼容)
  • vue-modal-dialogs-✨ 承诺自己的对话框！
  • vue-img-view-Vue.js 的插件，您可以在任意位置拖动/查看/旋转图片
  • vue-modaltor-vuejs 的最先进的可配置模态组件
  • v-modal-backdrop-用于 vue 的简单通用背景组件
  • vue-cute-modal-适用于 Vue 应用程序的简单易用的 Modal 组件。
  • v-dialogs-一个简单而强大的对话框，包括基于 Vue2.x 的 Modal，Alert，Mask 和 Toast 模式
  • vue-gallery-slideshow-VueJS 的响应式画廊组件
  • vue-a11y-dialog-用于可访问对话框[a11y-dialog](https://github.com的Vue.js组件包装器。 com / edenspiekermann / a11y-dialog)。
  • vue-slideout-panel-VueJS 的可堆叠面板组件
  • v-gallery-用于在“ gallery”或“ carousel”中显示图像的 Vue2 插件
  • vue2-image-loader-vue2 的图像 lazyLoad loader 组件
  • vue-my-photos-一个简单的无依赖图像灯箱组件，具有过滤功能
  • vue-img-orientation-changer-一个 Vue.js 指令，可自动调整您的 img 以更正方向。
  • vue-topmodal-一个完全可定制，易于使用的 Vue.js 模态组件。(自适应，可堆叠，可滚动，动画)
  • vue-modal🖼-为多个可切换模态内容提供对象数组或快速内联您的内容。完全可定制的 Vue 模态组件。
  • @ innologica / vue-stackable-modal-用于可堆叠的模态对话框的库。完全可定制且非常易于使用。
  • vue-sweetalert2-sweetlaert2 的包装器，支持 TypeScript，Nuxt 和 SSR

视差

  • vue-parallax-以比窗口慢的速度滚动图像以产生整洁的光学效果。
  • vue-parallaxy-用于视差图像滚动效果的 Vue.js 组件。
  • vue-mouse-parallax-一个易于使用的鼠标视差组件-由 Vue.js 制成
  • vue-parallax-js-微小的 vue 组件，为元素上的视差效果添加了指令。

图标

  • vue-awesome-Vue.js 的 Font Awesome 组件，使用嵌入式 SVG。
  • vue-material-design-icons-单个 SVG Material Design 图标集合文件组件。
  • vue-icon-font-Vuejs 的 iconfont 插件(支持 Font-class 和 Symbol)。
  • vue-ionicons-来自离子团队的 Vue 图标集组件。
  • vue-ico-具有嵌入式浏览器支持和选择性捆绑功能的 Vue 简易图标
  • mdi-vue-Vuejs 的 Material Design 图标组件
  • vue-fontawesome-Font Awesome 5 Vue 组件
  • g-icon-svg 图标的简单图标组件(与类似于 Font Awesome 的字体工具包兼容)
  • vue-simple-line-icons-Vuejs 的简单线条图标组件
  • vue-country-flag-国家标记图标的 Vue 组件- vicon- Vicon 是用于 vue 的简单 iconfont 组件。
  • md-svg-vue-Google 为 Vue.js 和 Nuxt.js 提供的 Material Design 图标(服务器端支持(带缓存)，内嵌 svg)渲染，官方图标名称)
  • vue-lang-code-flags-Vue 组件，显示语言来源国的标志
  • vue-zondicons-精美[Zondicon]的 Vue 组件(http://www.zondicons.com/icons.html)svg 图标
  • vue-eva-icons-简单漂亮的开源 eva 图标作为 Vue 组件。
  • vue-unicons-为您的下一个项目提供超过 1000 个像素完美的 svg unicons 作为 Vue 组件。
  • vue-fa-简单的 FontAwesome 5 Vue.js 2 组件。
  • vue-cryptoicon-美丽的像素完美的 400+加密货币和 10+法定货币图标。

菜单

输入

轮播

  • vue-easy-slider-Vue.js 的滑块组件。
  • vue-l-carousel-Vue.js v2.x +的响应式轮播(即滑块或滑动)组件。
  • vue-awesome-swiper-Vue.js(1.x〜2.x)的 Swiper(slide)组件。
  • vue-lory-基于 lory 的 Vue 滑块组件。
  • vue-slick-Slick-carousel 的 Vue 组件。
  • vue-flickity-Flickity.js 的 Vue 组件。
  • vue-carousel-3d-Vue Carousel 3D-Vue.js 美观，灵活且受触摸支持的 3D Carousel。
  • vue-carousel-适用于 Vue.js 的灵活，响应迅速，触摸友好的轮播。
  • vue-coverflow-vue2.x Coverflow 组件。
  • vue-agile–受 Slick 启发的轮播组件，仅以 Vue.js 和 Vanilla JS 编写。
  • vue-tiny-slider–由 ganlanyuan 创建的轮播组件，用 Vue.js 编写。没有 jQuery。适用于 IE8 +。
  • vue2-text-swimlane-用于 Vue.js 的 Text Swimlane 插件
  • vue-picture-swipe-Vue Picture Swipe Gallery(具有缩略图，延迟加载和轻扫的图像画廊)由 photowipe 支持。
  • vue2-siema-非常小的 Siema 转盘/滑块库的插件包装。
  • vue-flux-带有 20 个炫酷过渡的图片滑块。
  • vue-glide- [Glide.js]上方的 Vue 滑块和轮播组件(https://github.com/glidejs/glide)
  • vue-owl-carousel- [Owl Carousel 2]的 Vue 组件(https://owlcarousel2.github.io/OwlCarousel2/)
  • vueper-slides-适用于 Vue JS 的易于触摸且响应迅速的幻灯片/轮播。
  • vue-canvas-carousel- [vuc-carousel]的 Vue 画布组件(http://vuc.tianchenyong.top/#/carousel)
  • 胡珀-针对 Vue 优化的可自定义的可访问轮播滑块
  • 语言-Vue 的简单图像库组件，在下面显示带有缩略图的大图像
  • vue-piece-slider-动画幻灯片的碎片化外观
  • vue2-photo-carousel-Vue2 的照片轮播组件

图表

  • vue-morris-VueJS 组件包装了 Morris.js。
  • vue-charts-适用于 Vue.js 的 Google Charts 插件。
  • vue-chartjs-Chart.js 的 Vue.js 包装器。
  • hchs-vue-charts-基于 ChartJs 的 Vue2.0 包装器。
  • vue-echarts-Vue.js 的 ECharts 组件。
  • vuetrend-Vue.js 的简洁优雅火花线。
  • vue-highcharts-Vue 的 Highcharts 组件。
  • vue-echarts-v3-ECharts.js(v3.x +)的 Vue.js(v2.x +)组件包装。
  • vue-chartist-Chartist 的 Vue.js 2.0 组件包装。
  • g2-vue-用于在 Vue 组件中轻松使用 G2 的工厂包装。
  • vuebars-适用于 Vue.js 的简洁优雅的火花棒。
  • vue-d3-network-使用 d3-force 绘制网络图形的 Vue 组件
  • vue2vis- Visjs的 Vue2 包装器。
  • vue-c3-用于 c3 图表的可重用 vue 组件
  • vue-d2b-d2b 图表的 Vue 组件。(包括轴，饼图，sankey 和森伯斯特图)
  • VueChart-一个非常简单的 Chart Vue 包装器。
  • vue-chartkick-用一行 Vue 创建漂亮的 JavaScript 图表
  • d3vue-用于在 VueJS 中创建反应性数据可视化的 D3 插件
  • vue2-frappe-VueJS 的 Frappe Charts 的简单包装
  • vue-google-charts-Google Charts lib 的反应性 Vue.js 包装器
  • vue-graph-数据可视化库，用于 Vue.js 中的仪表板实现
  • vue.d3.sunburst-基于 D3.js 的反应性旭日形组件
  • v-chart-plugin-一个可定制的组件，用于添加绑定到组件数据的 D3 图表。
  • vue-jqxchart-具有饼图，气泡，甜甜圈，线，条，栏，面积，瀑布，极地和蜘蛛系列的制图组件。
  • toast-ui.vue-chart- [TOAST UI 图表]的 Vue 包装器(http://ui.toast.com/tui -图表/)。
  • vue-apexcharts- [ApexCharts]的 Vue.js 组件(https://github.com/apexcharts/apexcharts.js)。
  • vue-doughnut-chart-Vue.js 的甜甜圈图组件。
  • v-charts-基于 Vue2.x 和 Echarts 的图表组件。
  • vue-css-donut-chart-用于绘制纯 CSS 甜甜圈图的轻量级 Vue 组件。
  • vue-trend-chart-Vue.js 的简单趋势图
  • vueplotlib-声明性，交互式，链接的绘图组件
  • vgauge-GaugeJS 的 Vue 包装器-创建漂亮的量规
  • vue-plotly- plotly.js声明性图表库的包装，随附 20 图表类型，包括 3D 图表，统计图和 SVG 地图。
  • vue-funnel-graph-js-Vue.js 的漏斗图绘制库。创建垂直和水平动画 SVG 漏斗图，并添加标签，值，图例和其他信息。
  • pure-vue-chart-在没有任何图表库相关性的情况下实现的轻量级 vue 图表

时间

日历

地图

音频视频

  • Vue-APlayer-：cake：用于 Vue 2.x 的易于配置的音乐播放器。
  • vue-audio-音频标签包装器；Vue 2.x 的声音播放器组件
  • vue-dplayer-基于 DPlayer 的 Vue 2.x 视频播放器组件。
  • vue-canvasvideo-一个 Vue 2.x 组件，用于在 iOS / Safari 上播放视频背景和自动播放视频。
  • vue-music-基于 html5``的 Vue 组件。
  • vue-audio-visual-Vue HTML5 音频可视化组件。
  • vue-plyr-一组用于 plyr 视频和音频播放器的 Vue 组件。
  • v-playback-一个 Vue2 插件，可简化视频播放。
  • vue-audio-recorder-Vue.js 的音频记录器。它允许在服务器上创建，播放，下载和存储记录
  • vue-video-section-Vue 的简单视频标头/部分组件。适用于视频背景并在其上叠加内容。

无限滚动

拉动刷新

降价

  • vue-markdown-适用于 Vue 的强大，高速 Markdown 解析器。
  • vue-mavonEditor-基于 Vue 的降价编辑器，支持多种个性化功能。
  • vue-simple-markdown-适用于 Vue 的简单，高速 Markdown 解析器。
  • vue-simplemde- simplemde的包装。不论是初学者还是专家，都可轻松编辑。具有内置的自动保存和拼写检查功能。
  • toast-ui.vue-editor- [TOAST UI 编辑器]的 Vue 包装器(http://ui.toast.com/tui -编辑)。

PDF

  • vue-pdf-基于 mozilla 的 PDF.js 的 pdf 查看器
  • pdfvuer-Vue 的 PDF 查看器，使用 Mozilla 的 PDF.js 和文本支持。演示

树

社交分享

  • vue-social-sharing-一个 Vue.js 组件，用于共享指向社交网络的链接，可与 Vue.js 1.X 或 2.X 一起使用。
  • vue-goodshare-用于社交共享的 Vue.js 组件，具有精美的按钮设计。简单的安装，丰富的文档，开发人员支持，SEO 友好，干净的代码，无需脚本即可快速跟踪页面上的用户活动。使用 Vue.js2.x。
  • vue-socialmedia-share-一个 Vue.js 组件，用于使用 Vue 2.X 共享与社交网络的链接
  • vue-picture-sharesheet-一个 Vue 图片共享表组件，受到苹果新闻编辑室中图片共享表的启发
  • vue-twitter-用于嵌入 Twitter 小部件(例如时间线，按钮)的 Vue.js 组件
  • vue-share-buttons-Vue.js 组件，用于在您的项目中放置按钮，您可以共享任何东西

＃＃ 二维码

  • vue-qriously-一个 Vue.js 2 组件，用于使用 qrious 在 HTML Canvas 上绘制 QR 代码。
  • vue-qart-vue 2.x 用于 qart.js 的指令。
  • vue-qrcode-reader-一个 Vue.js 2 组件，可从相机流中检测和解码 QR 码。

搜索

其他

  • vue-avatar-vue.js 的头像组件。
  • vue-touch-ripple-Vue.js 的触摸波纹组件(1.x〜2.x)。
  • vue-typer-Vue 组件，用于模拟用户键入，选择和擦除文本。
  • vue-keyboard-Vue 2 虚拟键盘组件。
  • vue-twentytwenty-图像比较组件，可与 Vue.js 2.x 一起使用
  • vue-cookie-law-Vue.js 2.x 的 Cookie 信息插件
  • vue-gravatar-适用于 Vue.js 2.x 的简陋的 gravatar 组件
  • vue-clipboard2-一种易于使用的 Vue.js 2.x 剪贴板剪贴板绑定
  • vue-flashcard-带有 Vue.js 2.x 动画的 FLashcard 组件：bulb：
  • vue-truncate-collapsed-一个简单的组件，它会截断文本并为 Vue.js 2 添加可点击的“阅读更多/显示较少”。 X
  • vue-kanban-灵活的拖放式看板板组件
  • vue-letter-avatar-vue.js 的简单优雅的字母头像组件
  • vue-highlightjs-使用 highlight.js 突出显示语法
  • v-clipboard-简单，小巧且易于使用的指令将您的模型保存到剪贴板(最小 2kb，无依赖项)
  • vue-invisible-recaptcha-超级简单的 Google 隐形 reCAPTCHA 集成
  • vue-embed-Embed 组件基于 Vue 2.x 的 embed.js，该组件可嵌入表情符号，媒体，地图，tweet，要点，代码，服务和减价。
  • vue-particles-粒子背景的 Vue.js 组件
  • vue-uniq-ids-Vue.js 2.x 插件，可帮助使用与 ID 相关的属性，且无副作用
  • vue-multivue-在同一页面上使用同一类的多个 vue 应用。
  • vue-affix-一个 Vue.js 2.x 插件，可在滚动时在窗口中添加元素，类似于 Bootstrap Affix，但更简单，更智能
  • X-Browser-Update-Vue-一个 Vue.js 浏览器更新插件。
  • vue-query-builder-用于使用嵌套条件构建复杂查询的 UI 组件。
  • vue-info-card-一个简单漂亮的卡片组件，带有优美的火花线和 CSS3 翻转动画。
  • v-offline-简单，小巧且易于使用的 Vue 应用程序检测离线和在线事件(最小 390b)
  • vue-word-cloud-词云生成器。
  • vue-flat-surface-shader- Vue-flat-surface-shader
  • vue-easteregg-Easey 在您的 Vue 应用中添加了 Easteregg(默认使用 konami 代码)
  • vue-barcode-scanner
  • vue-heatmapjs-用于跟踪和可视化鼠标活动的 Vue 指令
  • vue-maze-由 Vue.js 组件制作的小巧迷宫游戏
  • vue-drag-verify-这是一个 vue 组件，可以滑动以解锁以进行登录或注册。
  • vue-balloon-Vue 组件，用于在页面一角创建固定的，可缩放的容器。与 gmail 中使用的邮件撰写包装类似。
  • vue-sticker-任意方向的贴纸效果
  • v-rating-⭐️ 使用 VueJS 制作的语义 UI 中的评级组件(<500B 压缩，速度非常快)
  • vue-content-placeholders-用于在 vue 中渲染诸如 Facebook 之类的伪造(渐进)内容的可组合组件
  • vue-page-designer-Vue 组件，用于拖放来设计和构建移动网站。
  • vue-creativecommons-CreativeCommons.org Vue.js 组件库。
  • vue-status-indicator-一个 Vue.js 组件，用于将状态指示器显示为彩色圆点。
  • vue-google-adsense-具有 InFeed 和 InArticle Ads 支持的 Vue.js Google Adsense 组件
  • emoji-vue-Vue.js 项目的 Emoji😎👌🏻 下拉菜单
  • vue-chessboard-棋盘 vue 组件可加载位置，创建位置并查看威胁。
  • vue-mindmap-用于 mindnode 映射的 Vue 组件。
  • v-currency-用于格式化货币的 Vue 组件。
  • vue-emoji-picker-高度可定制的 Unicode 表情符号选择器 🔥🚀
  • vue-8-puzzle-一个由 Vue.js 组件制作的小巧幻灯片益智游戏
  • vue-e164-具有 E.164 标准支持的可自定义电话格式化程序
  • vue-pgn-Vue.js 组件，用于以 pgn 格式查看棋牌游戏
  • vue-avatar-editor-使用清晰的用户界面调整大小，旋转并裁剪上传的头像。
  • vue-connection-listener-Vue 事件总线插件监听在线/离线更改。
  • vue-sauce-Vue 的“查看源代码”指令。
  • vue-prom-Vue 承诺包装器组件。
  • 数字键盘-用于移动浏览器的数字键盘。
  • vue-zoom-on-hover-鼠标悬停时图像缩放
  • vue-sensitive-image-Vue 组件，可让您快速创建具有最佳数量的所有设备图像源的响应式图像标签。
  • vue-highlight-text-Vue 组件，用于突出显示单词的多个实例
  • vue-cast-props-提供了一种将 props 转换为常见数据类型的便捷方法。
  • vue2-heropatterns-一个 Vue2 实现，允许您将流行的 Hero Patterns 添加到任何 Div 上
  • vue-link-一个将所有链接都链接在一起的组件(处理外部和内部链接相同)
  • vue-identify-network-⚡️ 识别您的用户正在使用哪种互联网！
  • vue-cloneya-用于克隆 DOM 元素的 vue 组件
  • vue-survey-builder-vue.js 应用程序的调查生成器
  • vue-if-bot-一个轻量级的组件，用于基于用户代理向客户端隐藏/显示内容
  • vue-clampy-Vue.js(2+)指令，通过在其中包含内容的元素加上省略号来限制元素的内容太长。
  • vue-cookie-accept-decline-在页面上显示带有文字，拒绝按钮和接受按钮的横幅。记住使用 cookie 进行选择。使用创建时的当前选择来发出事件。符合 GDPR 要求。
  • @ lossendae / vue-avatar-VueJS 2.0 的头像组件。
  • vue-text-highlight-Vue.js 的文本荧光笔库 💄
  • vue2-hammerVue 2.x 的 Hammer.js 包装器支持移动触摸。
  • vue-countable-countable.js 的 Vue 绑定。提供实时的段落，句子，单词和字符计数。
  • v-show-slide-一个 Vue.js 指令，用于将元素上下移动动画：自动滑动。
  • vue-swipe-actions-适用于 Vue.js 的 iOS 样式滑动操作
  • vue-friendly-iframe-用于创建超快速加载，无阻塞 iframe 的 Vue js 组件。
  • vue-beautiful-chat-一个简单而美丽的 Vue 聊天组件后端不可知，完全可自定义和可扩展。
  • vue-magnifier-Vue.js 2.x 的简单图像缩放/放大组件。
  • vue-highlight-words-Vue 组件可在较大的文本正文中突出显示单词。从[react-highlight-words]移植(https://github.com/bvaughn/react-highlight-words)
  • vue-tags-ball-使用此插件创建漂亮的球形标签
  • vue-rippler-用于自定义波纹效果的简单 Vue.js 插件
  • vue-contacts-Vue 的移动通讯录组件
  • basic-vue-chat-易于使用的 Vue.js 聊天
  • vue-resize-text-一个 vue 指令，可根据元素宽度自动调整字体大小。
  • vue-github-profile-一个 Vue 组件，用于查看确定的用户的配置文件和存储库
  • vue-niege-🎅 单文件 Vue 组件可通过画布添加暴风雪。
  • vue-dynamic-star-rating-高度动态的 Vue 明星评分组件，例如 Google Play 评分 ⭐️⭐️⭐️⭐️⭐️⭐️
  • vue-katex-在 Vue.js 中使用 KaTeX 进行数学排版的简单插件
  • vue-canvas-identify- [vuc-identify]的 Vue 画布组件(http://vuc.tianchenyong.top)
  • vue-canvas-material- [vuc-material]的 Vue 画布组件(http://vuc.tianchenyong.top/#/materia)
  • vue-baberrage-一个基于 Vue.js 的简单弹幕插件 😎
  • vue-terminal-ui-🖥TerminalUI 模拟器 Vue：自定义和基本命令
  • vue-command-完全正常工作的 Vue.js 终端模拟器
  • vue-ribbon-GitHub 功能区的 Vue 组件
  • avatio-avatar-插图化身的 Vue 组件- Avatio使用
  • vue-jazzicon-用于 Vue 的简陋的 Jazzicon 组件。
  • vue-star-rating-一个简单的，高度可定制的星级评分组件 ⭐️⭐️⭐️
  • vue-fixed-header-简单且跨浏览器友好的由 TypeScript 编写的 Vue.js 固定标头组件。
  • vue-particle-effect-buttons一个爆发粒子效果按钮组件。
  • vue-insomnia-防止显示屏进入休眠状态(唤醒锁定)。
  • vue-car-plate-keyboard-用于 VueJS 2.x 的汽车牌照号码键盘。能源车牌 🚗🚗🚗)
  • vue-dataflow-editor-Vue2 数据流图编辑器
  • cool-emoji-picker-Vue 的快速即插即用[Tw] emoji Picker(用于 Twemoji 渲染的+ textarea)组件。

标签

电话号码输入格式器

  • vue-phone-number-input-一个漂亮的输入，用于格式化与国家/地区代码有效的电话号码：fire：

选择器

  • vue-smooth-picker-Vue 2.x 的平滑选择器组件，例如 iOS 本机日期时间选择器。

发电机

日期选择器

  • vue-datepicker- [未维护]具有用于 Vue.js 的材质设计的日历和 datepicker 组件。
  • vue2-timepicker- [未维护] Vue 2.x 的下拉时间选择器(小时|分钟|秒)，具有灵活的时间格式支持。
  • vuejs-datepicker-一个简单的 Vue.js datepicker 组件。支持禁用日期，内联模式，翻译。
  • vuedt- [未维护]疯狂的轻量级(5.5kb！)Vuejs 日期和时间选择器组件，动画效果很好，而且没有太多的模糊感。
  • vue-flatpickr-component用于flatpickr日期时间选择器的 Vue.js 组件
  • vue-bootstrap-datetimepickerVue.js 组件，用于[eonasdan-bootstrap-datetimepicker](https://github.com/Eonasdan/bootstrap- datetimepicker /)
  • vue-jalaali-datepicker-vue.js 的 Jalaali 日历和日期选择器 2。
  • vue-date-picker-一个受材料设计启发的 vue 日期选择器组件
  • vue-monthly-picker-仅适用于月份和年份选择器的 Vue.js 组件
  • vue-hotel-datepicker-响应式日期范围选择器，显示选定的住宿天数，允许自定义入住/退房规则，屏蔽日期，本地化支持等。
  • vue2-persian-datepicker-vue 的真棒波斯 datepicker 组件。کامپوننتانتخابتاریخبرایویو。
  • vue-datetime-Vue 的移动友好日期时间选择器。支持日期，日期时间和时间模式，i18n 和禁用日期。
  • vue-rangedate-picker-具有简单用法的范围日期选择器
  • v2-datepicker-基于 Vue 2.x 的简单 datepicker 组件。
  • vue-datepicker-local-Vue2 的一个漂亮的 Datepicker 组件。
  • vue-airbnb-style-datepicker-Vue datepicker，外观和功能与流行的 AirBnb datepicker 相似。轻巧，可配置且良好的浏览器支持！
  • vue-persian-datetime-picker波斯材料 datepicker。支持日期时间，日期，时间，年，月。
  • VCalendar非常可定制且功能强大的日历/日期选择器组件，具有许多功能和完善的文档。
  • @ owumaro / vue-date-range-picker-使用 Bootstrap 4 样式进行日期范围选择的 Vue 组件
  • vue-datepicker-mobile-适用于 vue2 的移动友好日期选择器。：cn：选择日期或日期范围，然后自定义所需的日期。
  • vue-draggable-cal-不是普通的日期选择器。一个 Vuejs 可拖动的日期选择器，具有全新的响应式设计，可移动且具有 0 个依赖项，已压缩 17kb。
  • vue-vanilla-datetime-picker-Vue 的日期时间选择器。
  • vue2-daterange-picker-基于 bootstrap-daterangepicker 的 Vue2 日期范围选择器(无 jQuery 依赖性)
  • vue-timeselector-完全简单可定制的 Vue.js 功能强大的时间选择器组件。
  • vue-date-picker-Vue 2.x 的轻量级 datepicker 组件。
  • vue-ctk-date-time-picker-一个漂亮的 VueJS 组件，用于选择日期和时间(使用范围模式)：新：
  • simple-vue2-datetimepicker-一个简单易用的 vue.js 组件，用于日期和时间选择。：新：
  • vue-business-hours-Vue 组件，用于在管理面板或仪表板中选择营业时间。
  • material-vue-daterange-picker-Vuejs 2.x 的 Material Design 样式的日期范围选择器，与 vuetify 和友好版本兼容手机。
  • vue-datepicker-具有 Vuejs 2.x 的 Material Design 样式的干净响应式日期选择器。(日期/月/季度&&日期范围选择器)：新：

选择

  • vue-select-一个本地 Vue.js 组件，提供与 Select2 类似的功能，而无需 jQuery 的开销。
  • vue-multiselect-Vue.js 的通用选择/多重选择/标记组件。
  • stf-vue-select-最灵活和自定义的选择 Vue2
  • vue-select-image-Vue 2 组件，用于从列表中选择图像
  • @ riophae / vue-treeselect-具有对 Vue.js 的嵌套选项支持的多选组件。
  • @ k186 / pd-select-一个移动 UI 组件，例如 Vue 2.x 的 IOS 选择器，可以随便定义。
  • vue-dropdowns-如果对 vue2.x 使用对象，则是一种显示选择框的简约且可适应的方法
  • v-cascade-带有 Vue 2.x 的层叠选择器的一个可爱组件(支持 PC 和 Mobile)
  • vue-multi-select-用于对 Vue2 进行选择/多重选择的自定义组件。
  • v-region-一个简单的区域选择器，提供中文行政区划数据。
  • v-selectpage-Vue2，分页列表或表格视图的强大选择器，使用标签进行多项选择，i18n 和服务器端资源支持。
  • vue-cool-select-引导程序/材质设计主题，支持广告位，自动填充，事件，验证等。
  • @ myena / advanced-select-具有搜索功能，用于(取消)全选和 Bootstrap 3 主题的单/多选择组件
  • @ alfsnd / vue-bootstrap-select-Vue 版本的bootstrap-select。

滑块

拖放

  • vuedraggable-Vue 组件允许与 View-Model 同步进行拖放排序。基于 Sortable.js。
  • vue-dragula-拖放是如此简单，很痛苦。
  • vue2-dragula-Vue2 的vue-dragula分支，有很多改进。
  • awe-dnd-具有 Vue 的可排序列表指令。
  • vue-draggable-resizable-用于可拖动和可调整大小元素的 Vue2 组件。
  • vddl-用于使用 HTML5 拖放 API 修改列表的 Vue 组件，支持 VueJs 版本 1 和 2。
  • vue-drag-drop-HTML5 拖放 API 的最小且轻巧的包装器。
  • vue-swing-可滑动的卡片界面，如在 Jelly 和 Tinder 等应用中所见。
  • vue-slicksort-一套无需依赖的混合包，用于动画，触摸友好，可排序的列表
  • draggable-vue-directive-处理任何 Vue 组件拖放的简单指令。
  • vue-smooth-dnd-smooth-dnd 库的 Vue 包装器。拖放，可分类的库，适用于许多情况。
  • vue-drag-resize-一个无依赖的 Vue 组件，用于可拖动和可调整大小的元素，具有高宽比，反应性道具等
  • vue-drag-it-dude-Vue2 组件，可让您将对象拖动到任意位置。
  • vue-draggable-Vue 拖放库没有任何依赖性。简单易用。
  • vue-nestable-作为 vue 组件制作的简单拖放层次列表。
  • vue-draggable-nested-tree-适用于 Vuejs2 [@phphe](https://github.com的功能强大的可自定义可拖动树视图组件。 com / phphe)

自动完成

  • vue-instant-Vue 即时可让您轻松为 vue 2 应用程序创建带有自动建议的自定义搜索控件。
  • v-autocomplete-Vue.js 的自动填充组件
  • vue-awesomplete-Awesomplete 的 Vue 包装器
  • vue-auto-complete-Vue2 的自动完成。适用于对象或 api 调用。
  • vue-autosuggest-WAI-ARIA 完整的 Autosuggest 组件，对渲染和样式进行了完全自定义。
  • v-autosuggest-一个简单的模块化 Vuejs 组件，可以自动建议来自动态或静态数据查询的输入。
  • 自动完成-适用于 Vue.js 2. *的简单自动完成组件
  • vue-infinite-autocomplete-Vue 的 Vue 无限-自动完成包装 2。
  • vue-simple-suggest-Vue.js 的简单但功能丰富的自动完成组件
  • v-suggest-一个 Vue2 插件，用于输入内容建议，支持键盘快速选择。
  • vue-bootstrap-typeahead-使用 Bootstrap 4 CSS 的 Vue2 的 typeahead / autocomplete 组件。

类型选择

  • vue-input-tag-Vue.js 2.0 输入标签组件。
  • v-distpicker一个灵活，高度可用的区域选择器，用于为 Vue.js 2.x 挑选中国的省，市和地区。
  • vue-img-inputerVue 2 的优美，高度可定制的 img 类型输入
  • vue-img-previewvue 2 中的图像输入预览组件
  • v-image：相机：用于输入 type = file 的小组件(<1kb，已压缩)
  • @ voerro / vue-tagsinput一个简单的标签输入了带有 typeahead / autocomplete 的 Vue.js 2 组件
  • vue-tag-selector-类似于标签的输入。轻巧，可自定义并处理 REGEX 验证！

颜色选择器

开关

  • vue-switches-具有主题支持的 Vue.js 的开/关开关组件。
  • vue-js-toggle-button-Vue.js 2.0+切换/切换按钮-简单，漂亮，可自定义。
  • vue-checkbox-radio-一个 Vue 组件，可轻松设置复选框和广播输入的样式。
  • vue-enhanced-check-用于重新设计/标记复选框/无线电的 Vue 组件，包括切换/切换按钮。
  • pretty-checkbox-vue- [pretty-checkbox 3]的实现(https://lokesh-coder.github.io/pretty- checkbox /)(用于美化复选框和单选按钮的纯 CSS 库)组件，适用于 Vue.js 2.2+。
  • vue2-collapse-Vue Collapse 是一个灵活的内容切换插件，用于手风琴列表或任何其他有条件的内容呈现。
  • vue-badger-accordion-用于 Vue.js 2.0+的 Badger 手风琴的包装组件
  • vue-loading-checkbox-具有加载状态的高度可定制的 Vue.js 复选框 UI 组件
  • vue-rocker-switch-Vue.js 的可自定义翘板开关组件。
  • vue-toggle-btn-高度可定制，易于使用的优雅切换/切换按钮组件

屏蔽输入

  • vue-masked-input-Vue.js 的蒙版输入组件。
  • vue-text-mask-用于 React，Angular，Ember，Vue 和普通 JavaScript 的输入掩码。
  • vue-ip-input-由 vuejs 实现的 ip 输入。
  • vue-numeric-输入字段组件，用于显示基于 Vue 的货币值。
  • awesome-mask-基于纯 VanillaJS 实现的 Mask 指令
  • v-money-货币的微小(<2k 压缩)输入/指令掩码
  • vue-autonumeric-一个 Vue.js 组件，包装了很棒的AutoNumeric输入格式化程序库
  • vue-inputmask-Vue.js 指令可将 Robin Herbots 的 inputmask 库添加到您的输入中(香草 javascript)。
  • vue-input-number-Vue.js 2 的自定义输入数字组件。
  • v-unicode-Vue 指令通过 unicode 值限制输入。
  • vue-cleave-component- [cleave.js]的 Vue.js 组件(http://nosir.github.io/cleave.js /)
  • vue-ip-具有端口和材料设计支持的 ip 地址输入
  • vue-r-mask-具有类似于 javascript 正则表达式的模板的指令。
  • vue-input-code-基于 Vue.js 2.0+验证码输入组件。
  • label-edit-受 Trello 的启发。单击以显示可编辑的输入并返回值更改。这是 Vue 组件。
  • vue-jquery-mask- [jQuery Mask 插件]的 Vue.js v2.x 组件(https://github.com/igorescobar/ jQuery-掩码-插件)
  • vue-the-mask-Tiny(<2k gzipipped)和 Vue.js 的无依赖掩码输入
  • vue-canvas-input- [vuc-input]的 Vue 画布组件(http://vuc.tianchenyong.top/#/identify)
  • vue-currency-input-轻松输入 Vue.js 的货币格式数字。
  • vue-restricted-input-基于[restricted-input]的 vue.js 输入掩码库(https://github.com/braintree /受限输入)

RTF 编辑

图像处理

  • vue-core-image-upload-一个用于裁剪和上传图像的 vue 插件。

  • vue-croppa-适用于 Vue 2.0 的简单易用的可自定义轻量级移动友好图像裁剪器。

  • vue-cropper-vue2.0 的图片剪辑插件

  • toast-ui.vue-image-editor- [TOAST UI 图像编辑器]的 Vue 包装器(http：// ui。 toast.com/tui-image-editor)。

  • vue-quick-cropper-Vue 移动头像上传裁剪插件可以选择裁剪区域和缩放。

  • vue-canvas-image-Vue 画布组件，用于vuc-image

  • vue-croppie-另一个图像裁剪器

  • vue-slim-cropper-💇Vue 2.x 的简单优雅的移动图像裁剪上传组件。

  • vue-advanced-cropper-先进的裁剪器，使您有机会创建几乎任何想要的裁剪器

  • vue-cloudinary-vue(2.0)插件提供了可重用的指令，可通过动态操作从 Cloudinary(https://cloudinary.com)获取图像(调整大小/裁剪/效果/水印/缩放/格式化)和优化(webp / png /自动质量/自动视网膜)。

  • img-Vuer-Vue2 的 Mobile-First 图像查看器/图库

  • vue-image-loader-Vue 加载器/渐进式图像插件，例如 Medium。

  • vue-load-image-在图像加载期间显示加载器，并在图像加载失败时显示替代内容。

  • vue-image-painter-V Vue 2.x 的图像魔术动画绘制效果组件。

视频操作

  • vue-playlist-轻量级的 vue(2.0)组件，没有依赖关系，可提供真正无缝的 html5 视频播放。使用 Vanilla JS 进行无缝视频播放的唯一且唯一可行的解 决方案。它需要一系列视频并将它们拼接在一起成为一个视频。

＃＃ 上传文件

  • vue-clip-用于 VueJ 的简单且可入侵的文件上传器。支持 Vue> = 2.1。
  • vue-simple-upload-Vue.js 的简单文件上传组件。
  • vue2-multi-uploader-使用 Vue.js v2 和 Axios 的拖放式多文件上传器组件。上载器显示文件名，大小和添加文件的总大小。它还允许设置所需的最小文件上传数量。
  • vue-dropzone-Dropzone.js 的 Vue.js(vue2)组件-具有图像预览功能的拖放文件上传实用程序。
  • vue-transmit-一个纯粹的基于 Vue 2.0 的 Dropzone.js 的 Vue.js 拖放上传器组件
  • vue-upload-component-Vue 上载组件，多文件上载，上载目录，拖动上载，拖动目录。支持 Vue> = 2.0
  • vue-uploader-一个由 simple-uploader.js 驱动的 Vue.js 上传组件
  • ic-firebase-uploader-用于 Firebase 存储的干净的多文件上传组件。
  • vuejs-uploader-用于大型文件上传的可恢复的分段文件上传器。
  • vue-filepond-FilePond 的 Vue.js 组件-文件上传库，可以上传您扔给它的任何内容。
  • v-uploader-一个 Vue2 插件，可以使上传文件变得更加轻松简单，您可以拖动文件或在对话框中选择文件进行上传

上下文菜单

其他

  • vue-gmaps-使用 Google Maps API 搜索地点和地址。
  • vuep-使用实时编辑器和预览渲染 Vue 组件的组件。
  • vue-places-Places 组件基于 Vue 2.x 的 places.js。将任何输入转换为地址自动完成。
  • vue-password-strength-meter-vue.js 中基于 zxcvbn 的密码强度计。
  • vue-float-label-Vue.js 的浮动标签模式。
  • vue-longpress-一个 VueJS(2.x)按钮组件，需要您持续按下以确认给定的动作。
  • vue-google-autocomplete-适用于 Google Maps Places API 的 Vue.js(2.x)自动建议组件。
  • vue-ip-input-Vue.js 2.x 的 ip 输入组件
  • vue-default-value-Vue.js 2.x 指令为可编辑元素设置默认值，而不会影响模型状态
  • vue-model-autoset-一个 Vue.js 插件，可解决通过 v-model 指令观察动态添加的属性时 Vue 的限制
  • vue-submit-Ladda 的简单实现([1](http://lab.hakim.se /ladda/)，2)不到 90 行代码，没有任何依赖关系。
  • vue-rate-Vue 的费率组件
  • vuetify-google-autocomplete-适用于 Google Maps Places API 的 Vuetify 就绪 Vue.js(2.x)自动建议组件。
  • vue-ripple-directive-材质纹波效果作为 Vue 指令。
  • vue-fab-Vue 浮动操作按钮。
  • vue-complexify-来自 jquery.complexify.js 的 Vuejs 移植库。
  • vue-mc-Vue.js 的模型和集合
  • vue-stars-高度可定制的等级控制(使用星号或其他字符)
  • vue-confirmation-button-可自定义的确认按钮，要求用户在执行操作之前先阅读消息
  • vue-poll-用于投票的 Vue.js 组件
  • vue-diagrams-vue.js 的图表组件，受 react-diagrams 启发
  • vue-easy-polls-一个 Vue.js 组件，用于创建民意调查，投票和显示结果。它易于实现且易于定制。
  • vue-m-button-vue 的漂亮按钮组件。
  • vue-long-click-用于 vue 的长按(长按)指令库，支持移动设备和台式机。
  • vue-ui-predicate-规则编辑器，通用过滤 UI，Vue JS 的谓词组件。
  • vue-mobile-detection-Vue.js 原型函数this。$ isMobile()会根据布尔值是否返回布尔值用户正在使用手机浏览。
  • vue-input-contenteditable-用于`contenteditable’的 Vue 组件包装，具有您通常期望的所有功能。进行漂亮的输入，不受“ input [type =‘text’]”的限制。

向导

  • vue-form-wizard-基于选项卡的组件，可以代替经典的 bootstrap 和 jQuery 表单向导
  • vue-stepper-一个简单的步进器，具有诸如 next，back 和 end 之类的简单动作，可以执行简单的表单。
  • vue-stepper-component-具有 Vuex 支持和零依赖性的完全可定制的 Stepper 组件。

CSV

  • vuecsv-来自 json 的简单 CSV 下载程序，带有选项模式面板组件。

评论系统

  • vue-comment-grid-💬 使用 CSS Grid 和 Firebase REST API + Authentication 构建的自适应 Vue.js 注释系统插件。

帆布

链接预览

游览

UI 布局

  • vue-waterfall-Vue.js 的瀑布布局组件。
  • vueisotope-用于同位素过滤器和分类魔术布局的 Vue 组件。
  • vue-grid-layout-Vue.js 的可拖动和可调整大小的网格布局。
  • vue-drag-zone-Vue.js(2.x)的拖动区域组件。
  • vue-masonry-用于砌体块布局的 Vue.js 指令。
  • vue-fraction-grid-基于 Flexbox 的 Vue.js 响应式分数网格系统。
  • vue-virtual-scroll-list-Vue(2.x)组件通过使用虚拟滚动列表支持大数据。
  • vue-virtual-scroller-用于有效滚动大量元素的组件(Vue 2.x)。
  • vue-virtualscroll- [Vue 2.x]组件用于虚拟滚动内容。
  • vue-inview- [Vue 2.x]视口，在输入或离开 DOM 元素时获取通知。
  • dnd-grid-具有可拖动和可调整大小的框的 vuejs 网格
  • vue-extend-layout-扩展默认布局或为 Vue.js SPA 的页面创建自定义布局
  • vue-masonry-css-由 CSS 驱动的 Vue.js Masonry 布局组件，无依赖
  • vue-fullpage.js-Vue.js 的官方 fullPage.js 组件。
  • vue-virtual-collection-用于有效渲染大型集合数据的 Vue 组件。
  • 自动响应-vue-Vue 的自动响应网格布局库。
  • VueFlex-一个 flexbox 网格系统。
  • v-chacheli-一个 Vue.js 组件，用于创建和显示类似于仪表板的自定义网格布局。
  • vue-grid-styled-一组轻量级的功能网格组件，从 React 的grid-styled / jxnblk /网格样式/)
  • 简单网格-用于网格布局的 Vue 组件，支持 flex。
  • vue-container-component-受 Bootstrap 容器启发的简单容器组件
  • vue-colcade-用于将 Colcade 网格布局集成到 Vuejs 的小包装。
  • vue-ads-layout-一个小的 Vue 组件库，可快速生成带有工具栏，左/右抽屉和页脚的响应式 Web 应用程序布局。所有组件都可以固定或相对放置。
  • vue-magic-grid-Vue.js 2 的 Magic Grid 小端口。
  • vue-splitter-pane-一个 Vuejs 组件，它以可调节的拆分方式(垂直或水平)呈现两个插槽。
  • splitpanes-一个 Vue JS 可靠，简单且可触摸的窗格拆分器/缩放器。
  • vue-mock-layout-轻松模拟 Vue 应用程序的布局。
  • vue-simple-drawer-带有反弹动画，支持嵌套和自定义主题的小抽屉面板。方向：左/右/上/下
  • vue-grd-用于网格布局的简单，轻巧和灵活的 Vue.js 组件。

自适应

  • quasar-framework-类星体框架。使用 VueJs 2 使用相同的代码构建响应式网站，混合移动应用程序(在 Android 和 iOS 上看起来本机)和 Electron 应用程序。
  • vue-material-Vue.js 的材料设计。
  • vuetify-Vue.js 的材料组件框架 2。
  • muse-ui-Vue.js 的材料组件库 2。
  • buefy-基于布尔玛框架的组件。
  • element-ui-用于 Web 的 Vue.js 2.0 UI 工具包。
  • vue-bulma-components-对 vue 组件轻松使用 bulma 类语法。
  • iview-ui-适用于 Web 的 Vue.js 2.0 UI 框架。
  • AT-UI-Vue.js 2.0 使用 ♥ 制作的专门用于桌面应用程序的全新扁平 UI-Kit
  • v-semantic-Vue 的semantic-ui的实现
  • bootstrap-vue-Vue.js 2 的bootstrap-4网格和组件的实现。
  • fish-ui-用于 Web 的 Vue.js 2.0 UI 工具包
  • zircle-ui-开发可缩放用户界面的前端库。
  • vue-mdc-adapter-根据 MDC 团队[指南]的 Vue.js 的材料组件集成(https://github.com/material -components / material-components-web / blob / master / docs / integrating-into-frameworks.md)。
  • Material Components Vue- [material-components-web]的包装器(https://github.com/material-components/material-components-网络)的 Vue.js
  • VueFace-用于 Web 的 Vue.js 2.0 UI 组件库
  • vuesax-Vue.js 的前端 vue 组件。
  • vuecidity-Vue.js 2.0 的 UI 组件框架
  • ant-design-vue-基于 Ant Design 和 Vue 2.5.0 的企业级 UI 组件
  • heyui-(https://www.heyui.top/zh)-适用于 Web 的 Vue.js 2.0 UI 工具包。
  • Carvue.js-IBM 的 Vue.js 碳设计系统
  • BalmUI-Vue.js 的下一代 Material UI
  • Osiris UI-：art：一个 Vue.js 2.0 通用响应式 UI 组件库
  • N3-components-使用 Vue 2 构建的漂亮 Web 组件
  • 碎片 Vue-✨ 基于 Bootstrap 4 框架的时尚＆UI 组件库。
  • 基础 Vue-基于 SAP Fiori 基础的组件。
  • Framevuerk-🚀 快速，响应迅速，无依赖性，基于 Vue.js 的方向支持和可配置 UI 框架。
  • @ Carbon / vue-@carbon 团队的 Carbon Design System 组件。
  • NutUI-适用于移动网络的 Vue.js 2.0 UI 工具包
  • Inkline-Inkline 是用于 Vue.js 的现代 UI / UX 框架，旨在创建完美的响应式 Web 应用程序。
  • vue-awesome-mui-用于 Web 的 Vue.js 2.0 MUI 组件
  • MDBootstrap-基于最新的 Bootstrap 4 和 Vue 2.6.10 的强大 UI 工具包，提供了一组平滑的，响应式页面模板，布局，组件和小部件，以快速构建响应迅速，移动优先的网站和应用。

手机

  • Framework7-Vue-使用 Framework7＆Vue 构建功能齐全的 iOS 和 Android 应用。

  • vux- [中文]基于 WeUI 的 Vue UI 组件。

  • vue-onsenui-使用 HTML5 和 JavaScript 的移动应用开发框架和 SDK。创建美观，高性能的跨平台移动应用程序。基于 Web 组件，并提供 Angular 1、2，React 和 Vue.js 的绑定。

  • Weex-Weex 提供了发布跨平台的功能，因此 Web，Android 和 IOS 应用程序可以使用相同的 API 开发功能。

  • weex-eros- [中文] Eros 是基于 Weex 和 Vue 的应用程序解决方案，使您能够使用 Vue 的 API，简单快速地开发 Vue 中小型应用程序。

  • mint-ui-Vue.js 的移动 UI 元素。

  • vant-来自 YouZan 的 Vue.js 2.0 移动用户界面。

  • cube-ui-Vue.js 编写的出色的移动 ui lib 实现 2。

  • mand-mobile-基于 Vue.js 2 的移动 UI 工具包，专为金融场景而设计。

组件集合

  • vue-mdc-Vue.js 的 Material Components Web。
  • keen-ui-用 Vue 编写并受 Material Design 启发的基本 UI 组件的轻量级集合。
  • vue-admin-Vue 管理面板框架，由 Vue 2.0 和 Bulma 0.3 提供支持。
  • vuikit-具有 Vue 所有功能的 UIkit。
  • uiv由 Vue2 实现的 Bootstrap3 组件。
  • wffranco / vue-strap-使用 Vue.js 2 构建的 Bootstrap 3 组件
  • jsmod-vue-pc-适用于 vue 2.0 的高度可扩展的 Web 组件
  • guilhermewaess / SemVue-使用 Vue 2 实现的语义 UI 模块
  • office-ui-fabric-vue-Vue.js 的 Office UI Fabric 实现
  • vuestic-admin-带有自定义组件集合的 Vue Admin 仪表板。内置 Vue 2 和 Bootstrap 4
  • 语义 UI Vue-Vue 的语义 UI 集成
  • vuesax-Vue.js 的前端 vue 组件。
  • Vue 的基本 JS 2-功能齐全的 45+ Vue.js 组件，其中包括数据网格，图表，计划程序和图表组件等。
  • Banshee-一个几乎没有渲染的 Vue UI 组件和实用程序框架，没有 CSS。
  • vue-atlas-漂亮的 Vue 组件库。
  • DevExtreme Vue 组件-65+响应迅速且功能完善的 Vue UI 组件，具有可自定义的 Material Design 和 Bootstrap 兼容主题。
  • jqwidgets-70 多个具有 Material Design 主题的 Vue.js 2.0 UI 组件。
  • vue-uix-Vue.js 中用于网页实现的 UI 集合
  • vuedarkmode-Vue.js 的极简暗设计系统 🎨
  • Kendo Vue 用户界面–为业务应用程序构建的 70 多个 UI 组件，包括网格。对多种设计语言(包括材料设计和 Bootstrap)的支持完全响应。
  • Vuent-实现 Microsoft Fluent Design 的 Vue.js 组件
  • bpit / vue-专注于效果的 Vue 组件库
  • vue-tailwind-具有可自定义类的 Vue 组件可用于 TailwindCSS，但与任何框架兼容。

管理模板

服务器端渲染

  • Nuxt.js-通用的 Vue.js 框架。
  • Ream-用于构建服务器呈现的静态网站的简约框架。
  • Universal vue-Vue CLI 插件，可轻松创建通用 Vue 应用程序

静态网站生成器

  • VuePress-简约的 Vue 驱动的静态网站生成器。
  • Peco-人类的静态网站生成器。未维护
  • Sabre-一个静态网站生成器，用于使用 Vue.js 构建快速的网站。
  • Gridsome-使用 Vue.js 构建超快速，现代化的网站

其他

  • app-framework-具有 HTML 和 JavaScript 的 IOS 和 Android 应用程序-开发，构建和部署-免费和开源。
  • Myfirebase-一种已解耦的单页应用程序框架，该框架与 google firebase 高度兼容。
  • Vue-Access-Control基于 Vue.js 的前端访问控制框架 2。
  • Basys工具箱，用于构建完整的 Vue.js 应用程序
  • CabloyJS基于 KoaJS＆EggJS＆VueJS＆Framework7 的终极 NodeJS 全栈业务开发平台

事件处理

  • vue-shortkey-Vue-ShortKey-Vue.js 的插件。
  • vue-throttle-event-基于 requestAnimationFrame 的油门事件。
  • vue-waypoint-Vue 的 Waypoint 组件，这是滚动时触发功能的最简单方法。
  • vue-clickaway-可重用的 Vue.js 组件的可重用 clickaway 指令。
  • vue-scrollfire-在特定的滚动位置触发事件。
  • vue-resize-directive-Vue 指令可检测具有去污和节流能力的调整大小事件。
  • v-click-outside-Vue 指令对元素外部的点击做出反应，而不会停止事件传播。
  • vue-outside-events-Vue 2.x 指令可帮助指定元素侦听发生在自身外部的特定事件。
  • vue-selectable-Vue 1.x / 2.x 指令可通过鼠标选择项目。
  • vue-click-helper-Vue2.x 指令可处理同一元素上的 click 事件和 dblclick 事件。
  • v-hotkey-Vue 2.x 指令，用于将热键绑定到组件。
  • vue-resize-Vue 2.x 组件可检测 DOM 元素的大小调整(基于事件/无 window.onresize)
  • vue-observe-visibility-使用 Intersection Observer API 的 Vue 2.x 指令可检测元素是否可见(在视口中是否被隐藏) CSS)。
  • v-dragged-用于拖动事件检测的 Vue 2.x 指令插件。
  • vue-esc-Vue.js 指令，可在转义键盘上添加文档事件监听器。
  • vue-global-events–使用 Vue 的事件修饰符处理全局事件(如快捷方式)的组件
  • vue-edge-check–检查浏览器边缘，以防止用`vue-router’滑动边缘时奇怪地触发过渡效果
  • vue-mutation-observer–使用 MutationObserver API 观察 DOM 中变化的简单而微小的指令
  • vue-scroll-show–如果用户在滚动后到达该元素，则显示该元素
  • vue-tabevents–其他打开的标签页之间易于通信
  • vue-visibility-trigger-👀 滚动到视图时以声明方式触发方法

响应式设计

  • vue-viewports-定义您的自定义视口，并在组件中使用它们。
  • vue 响应：Vue.js(2.x)指令用于隐藏/显示具有 Bootstrap 4、3 或自定义断点的 HTML 元素。
  • vue-match-media-Vue 2.x 兼容插件，提供一致，语义化的方法来使组件具有媒体查询意识。
  • vue-media-query-mixin-Vue 2 媒体查询 mixin 可以在组件 js 和组件模板中使用。与引导程序和可视化视口兼容。如果屏幕宽度为 xs，则返回 wxS；如果屏幕宽度为 sm，则返回 wSM。
  • vue-breakpoints-Vue 2 最小组件，用于显示和隐藏基于断点的元素。受到 Airbnb 的启发。
  • vue-mq-提供一些有用的工具，以语义和移动优先的 API(Vue 2.x)快速设置响应式设计
  • VueResizeSensor-支持调整大小事件的容器。
  • vue-breakpoint-component-用于 组成 CSS 断点状态。
  • fine-mq-一个很好的 API，可以轻松地管理 JS 中的媒体查询，并且可以与 VueJS 作为插件进行一流的集成。
  • vue-response-components-使用ResizeObserver创建响应组件。
  • vue-screen-size-可以轻松，被动地访问屏幕的宽度和高度。

验证

调整大小

滚动

  • vue-chat-scroll-Vue.js 2.0 的自动滚动至底部指令。
  • vue-scrollto-添加了一个指令，该指令侦听单击事件并滚动到元素。
  • vue-next-level-scroll-一种基于组件且支持 SSR 的方法，可使用现代 Scroll Behavior API 进行平滑滚动
  • vue-scroll-sync-同步容器滚动位置的组件
  • v-scroll-lock-用于正文滚动锁定而不中断目标元素滚动的 Vue.js 指令
  • vue2-perfect-scrollbar-PerfectScrollbar 简约包装器
  • vue-scroll-to-添加了一个指令，该指令侦听单击事件并滚动到元素。
  • vue-scroll-progressbar-可自定义的组件，用于指示进度条中滚动的相对位置。
  • vue-backtotop-Vue.js 的 Back-to-top 组件，单击该组件可将页面滚动到顶部。
  • VBar-适用于 Vue.js 2x 的虚拟响应式跨浏览器滚动条组件。
  • Vuebar-使用本地滚动行为的自定义滚动条的 Vue 2 指令。轻巧，高性能，可定制且无依赖性。
  • vue-detached-scrollbar-一个简单的滚动条，可以从正在滚动的容器中分离出来。
  • vuescroll-基于 Vue.js 的滚动插件，用于统一 PC 和移动设备中的滚动。
  • vue-simplebar-Simplebar 插件的 Vue.js 包装器。
  • smooth-vuebar-平滑滚动条的 Vue 指令包装
  • vue-scrollview-一个组件，该组件利用作用域的插槽来检测 vue 组件何时进入和离开视口。
  • vue-scrollactive-根据视口中的当前部分在菜单项中添加一个活动类，单击菜单项时也会滚动到该部分。
  • vue-intersect-一个 Vue 组件，用于向 Vue 组件或 HTML 元素添加交集观察者。
  • vue-scrollmonitor-一个 Vue 插件，可在支持多种浏览器的情况下观看视口内部元素的可见性状态(使用提供/注入，因此兼容 vue@2.2 。X)
  • vue-stroll-适用于 Vue.js 2.x 的超棒 CSS3 列表滚动效果组件。
  • navscroll-js-在滚动时突出显示菜单项，并且在单击菜单项时也会滚动到某个部分。用作 vue 组件，vue 指令或与 vanilla js 一起使用。
  • vue-scrollwatch-一个轻便的插件，可检测滚动事件，在元素进入视口时自定义回调，将’scrollTo’api 暴露给特定元素。使用 vue 指令。
  • vue-check-view-一个检查元素是否在视口中的插件。快速，小型，无依赖性，实时演示。
  • vue-stickto-支持多个 DOM 节点的 vue 指令会自动粘贴到顶部
  • vue2-scrollspy-一个 scrollspy 插件和动画滚动到。
  • vue-scroll-behavior-自定义路线导航中的滚动行为。特别是哈希模式。
  • vue-scroll-stop-到达边缘时停止传播滚动。
  • vue-seamless-scroll-Vue.js 的简单无缝 滚动。

路由

延迟加载

分页

动画

  • vue2-animate-Animate.css 的 Vue.js 2.0 端口。与 Vue 的内置转换一起使用。
  • animated-vue-一个 Vue.js 2.x 插件，可轻松使用 Animate.css 动画作为过渡。就像``一样简单！
  • vue-lottie-一个 Vue.js 2.x 插件，用于基于 bodymovin 渲染特效动画
  • Vueg-使 vue-router 具有过渡效果/为 webApp 提供转场特效的开源 Vue 插件
  • v-animate-css-最容易实现 Animate.css 的 Vue 2 指令
  • vue-mixin-tween-Mixin 工厂，它将补间值添加到动画的组件上下文中
  • v-odometer-轻松平滑地转换数字。使用此库可为您的应用程序提供平滑的动画，仅适用于数字。
  • vue2-transitions✨ 可重复使用的 Vue 2 过渡组件
  • vue-overdriveVue 应用程序的超级简单的魔术移动过渡 🎩
  • animated-number-vue超级简单的数字动画方法。
  • vue-typed-js集成了 Typed.js，可轻松创建打字动画。
  • vue-parent-change-transition启用子组件在更改父组件时进行动画处理。
  • vue-smooth-reflow响应数据变化而转换元素重排。
  • VueTween允许组件补间其属性。
  • vue-slide-up-down就像 jQuery 的slideUp /slideDown一样，但是对于 Vue！
  • vue-animejsVue 的简单anime.js指令。
  • Eagle.jsEagle.js 是 Vue.js 的基于 Web 的幻灯片框架。
  • vue-posePose for Vue 是一个声明式运动系统，结合了 CSS 过渡的简单性和 CSS 的强大功能和灵活性 JavaScript。
  • vue-slide-up-down-component这是一个简单的界面，但是实现了非常灵活而强大的幻灯片动画 Vue！
  • femtoTween具有一流 Vue 支持的简约(零深度，小于 1k)补间库
  • vue-sequential-entrance插件，用于创建带有页面元素列表的优雅的连续动画入口。零努力。简单轻巧
  • vue-animate-scroll一种超级轻量级 的方法，可在元素滚动到视图中时向其添加 CSS 动画。
  • vue-svg-transition创建 2 状态，SVG 驱动的过渡
  • vue-page-transitionVue.js 的简单路由/页面转换

元标记

  • vue-head-管理 head 标签的元信息，一种简单的方法。
  • vue-meta-在 Vue 2.0 组件中管理页面元信息。支持 SSR +流媒体。
  • vue-headful-从视图中设置文档``和 meta 标签。
  • vue-simple-headful-使用 vue.js 轻松设置元标记-具有 TypeScript 支持的更简单的vue-headful替代方法。

传送门

  • vue-dom-portal-Vue.js 组件中 DOM 元素的转义口。
  • portal-vue-一个 Vue 插件，用于在 DOM 中的任何位置渲染组件的模板(在 virtualDOM 级别上有效，不会在 DOM 中移动节点)

过滤器

SVG

  • vue-svgicon-创建 svg 图标组件的工具。(版本 2.x)。
  • vue-content-loading-Vue 组件可轻松构建(或使用预设)Facebook 之类的 SVG 加载卡。
  • vue-annotator-使用任何 SVG 元素(“ rect”，“ polygon”以及其他更多元素，即使包装了 HTML 元素如“ canvas”，也可以为页面添加注释)在foreignObject中)
  • vue-svg-sprite-简单使用 SVG sprite(vue 2.x)的指令。
  • vue-svg-filler-用于自定义 svg 文件 🖍(vue 2.x)的 Vue 组件。

其他

WebGL

全屏

页面可见性

打印

工具库

这里是PanJiaChen 大佬主要推荐平时常用、提高效率的一些库和软件。

前端常用

  • sweetalert2 一个自适应，且自定义性强的弹出框（零依赖）
  • tippy.js 最著名的 tooltip/popover library
  • text-mask 可以让 input 按照规则输入(如电话,email,日期,信用卡等)，特殊格式 input
  • dinero.js 用来创建、计算和格式化货币价值的不可变的框架，支持国际化
  • lerna 大项目版本控制工具，项目中可以有多个 package.json 文件
  • img-2 一个提高图片加载性能和体验的库，懒加载使用 web worker 模糊预览
  • fingerprintjs 是一个快速的浏览器指纹库，通浏览环境的一系列配置生成 id
  • ajv 一个 json schema 验证的库
  • dayjs 一个轻量级类 moment.js API 时间库
  • primjs 让页面支持代码高亮
  • ReLaXed 一个将 document html 转成 PDF 的工具
  • uppy 一个很好看的也很好用的 前端上传库
  • Filepond 一个小巧的文件上传库
  • tui-calendar 功能全面的日程安排日历控件，还支持拖拽
  • tui.editor markdown 所见即所得编辑器
  • tabler 基于 Bootstrap 4 的 Dashboard UI Kit 和美观 高颜值 ui 模板
  • pulltorefresh.js 下个下拉刷新插件
  • lulu 腾讯阅文基于 jQuery，针对 PC 网站 IE8+（peak 主题）的前端 UI 框架
  • chancejs 生成随机数据的库
  • spritejs 360 奇舞团出的跨平台绘图对象模型
  • tui.image-editor 一个功能齐全的在线图片编辑，基于 canvas
  • nanoid 前端轻量 unique string ID 生成库
  • rxdb 一款开源的快速、灵活的客户端数据库，支持各种浏览器以及 NodeJS，Electron、React 等等，是 PouthDB 之上的一个封装库
  • percollate 命令行工具 能将网页转换成 pdf
  • rawact 一个 babel 插件，把 react 组件转为原生 dom
  • irondb 是一个浏览器 key-value 储存的封装库，把 Cookies、IndexedDB、LocalStorage、SessionStorage 统一成一个接口。它的最大特色就是数据冗余机制，即使某种底层储存机制失效，它可以从其他机制恢复数据。
  • big.js 解决 js 浮点数问题。 主要就是 Big Number 或者小数点温柔
  • bignumber.js 同上
  • stickybits CSS 的 position: sticky 是一个很有用的设置，但是老的浏览器不支持。这个 JS 库是该功能的垫片库。
  • react-jsonschema-form Mozilla service 开源了一个通过 JSON 直接生成表单的 React 组件
  • cleave.js 用于在输入时格式化输入内容（信用卡格式、日期等）
  • shiny 在手机设备上模拟光的反射效果。 支持 DeviceMotion 事件
  • cloudquery Turn any website to serverless API
  • A-Programmers-Guide-to-English 专为程序员编写的英语学习指南。
  • rrweb 一个可以记录你页面中所有操作的库
  • nodeppt markdown 写 ppt
  • flexsearch 能让你更加高效和快速的检索文本内容
  • public-apis 汇集了市面上一些对外免费开放的 api，做一些自己练手 app 的时候很好用。
  • scroll-hint 用于提示用户页面可以左右滑动的一个提示库
  • fuse.js 轻量级前端模糊查询库 非常的好用
  • FileSaver.js 文件下载插件 很多时候下载会有兼容性问题，它能帮你解决这些问题
  • instant.page 一个判断用户行为 预测提前加载页面的库
  • screenfull.js 浏览器全屏插件 解决了不少兼容性问题
  • VuePress 本网站就是基于它实现的，简单方便的静态网站生成器
  • selection 可视化选择页面元素的库
  • scroll-out 滚动效果（滚动视差）的框架，框架大小不到 1KB,使用回调的方式将相关动画元素的属性进行实时分配
  • gpu.js 通过将 js 转为特定的 language，利用 GPU 来执行，大大提高了执行性能和速度
  • pressure 前端实现 3D Touch
  • hammer 移动端手势库
  • AlloyFinger 腾讯出的手势库
  • lowdb LowDB 是一个本地 JSON 数据库，基于 Lodash 开发的
  • JSON-server 可以配合 LowDB 使用 快速搭建一个 REST API
  • lunr.js 是个用于浏览器的轻量级 JavaScript 全文搜索引擎,对于一些小型的博客、开发者文档或 Wiki 网站来说,完全可以通过它实现站内离线搜索
  • he 一个前端 encoder/decoder 库
  • grade 一个可以根据你的 图片 调整底色的插件
  • pretty-bytes 将字节转换成可以读的字符串，比如 1337 个字节，会显示成 1.34 KB
  • runkit 一个基于 node 的在线 playground
  • chart.xkcd 手绘风格的图表库
  • sketchviz 手绘风格流程图
  • pagemap Mini map for web pages 页面导航图
  • commonmark.js parser and renderer markdown
  • body-scroll-lock 解决滚动穿透问题
  • lodash 前端工具函数集合
  • dayjs 时间处理库，不过大部分情况下我还是用自己的封装的函数
  • lightgallery 图片预览组件
  • photoswipe 图片预览组件，支持移动端
  • darken 页面黑夜模式切换
  • mitt 轻量级 pub/sub
  • sanitize-html html 过滤库，防 xss
  • DOMPurify 比 sanitize-html 更轻量，建议一般业务用这个

Css && 动画

  • animate.css 最有名的动画效果库
  • magic.css css 动画效果库 类似 animate.css
  • popmotion 一个函数式声明前端动画库
  • NES.css 任天堂主题风格 css 库
  • particles.js 前端实现颗粒粒子的动画效果库，比较炫酷，但相对的也比较吃性能
  • PaperCSS 手绘风格感觉 css 库
  • rough 基于 Canvas 的手绘风格图形库
  • wired-elements 基于 rough.js 分装 button input radio 等组件。它的底层是 Web components
  • roughViz rough 风格的图表库 手绘风格的图表库
  • matter-js web 物理引擎
  • micron 通过在元素上绑定属性从而实现动画效果的库
  • direction-reveal 根据鼠标进入位置，展现从不同方向 展现 hover 效果
  • laxxx 滚动特效库 轻量级 压缩完 2kb
  • cssfx 优雅的 CSS 动画效果，开箱即用
  • zdog 3D engine 引擎
  • leonsans 酷炫的 字体 动画 geometric sans-serif typeface made with code
  • css-doodle A web component for drawing patterns with CSS 一个用于使用 CSS 绘制图案的 Web 组件

Vue

实践库

  • Jasonette 一个用 json 来构建 hybrid App 的框架
  • crate 一个 react 全栈练习(pc,mobile,rn,api) demo，适合入门拿来练手
  • react-in-patterns 一本开源教你如何写 react 的书
  • hocs react 相关 hoc 收集库

文档

工具库

  • live-server 可以快速启一个本地 dev 服务 并且支持自动刷新的 http server
  • serve 快速起本地静态服务
  • picojs js 人脸识别库
  • es-checker 检查当前环境对 ES6 支持的情况。支持浏览器和 node.js
  • merge-images 图片合成，利用canvas能将几张图片合成一张
  • fabric.js 基于 canvas 创建交互式的图片编辑界面非常适合用来做图片合成类工作。
  • phaser 这是一个为桌面和移动浏览器开发 HTML5 游戏的快速开源框架。
    你可以为 iOS、 Android 和不同的本地应用程序创建游戏。
  • purifycss 移除没使用到的 css
  • dropcss 同上
  • fast-cli 命令行测试下载上传速度
  • @pika/web 让你不需要在本地 webpack 中 import，直接在游览器里面运行 npm 包
  • pinyin 汉字拼音转换工具
  • JavaScript Obfuscator Tool js 代码混淆工具
  • tesseract 图像识别，它能识别图片中的文字，支持中文
  • gka 一款高效、高性能的帧动画生成工具。只需一行命令，快速图片优化、生成动画文件，支持效果预览。
  • recast 前端 ast 库
  • jscodeshift 将 js 内容解析成 AST 语法树，然后提供一些便利的操作接口，方便我们对各个节点进行更改
  • stats.js 前端性能监控 如 FPS、内存使用情况等
  • PapaParse 解析 csv excel
  • mddir 生成 markdown file/folder structure 目录结构 tree
  • imagemin 图片压缩库
  • inline-css css covert to inline style 在生成 email 格式 html 的时候特别有用
  • babel-plugin-try-catch-error-report 全局自动 catch 错误进行数据上报
  • StreamSaver.js 大文件下载，不用像 saveAs 那样先读到内存中再下载
  • mammoth.js Convert Word documents (.docx files) to HTML
  • npkill 列出所有 node_modules，并支持删除
  • strapi 开源的解决方案来创建、部署和管理自己的 API，通过图形化界面进行操作

Node

工具库
  • cheerio 用类 jQuery 语法处理 HTML
  • node-semver node 版本验证库
  • live-server 一个简单的 http server 带有 reload 功能
  • node-portfinder 一个端口嗅探工具
  • update-notifiernode 依赖升级提醒工具
  • fastscan node 敏感词库
  • hygen 快速方便的创建代码 可以命令行创建预设的 template
  • plop 同上，代码生成工具
  • ink 是一个 React 的命令行渲染器，命令行界面可以像写页面那么写了
  • dotenv 通过.env 设置环境部变量 vue-cli 也依赖它
  • patch-package 优雅的修改 node_modules 中的依赖库
  • Playwright 同 Puppeteer 团队出品，但区别是它支持 Chrome、Safari、Firefox、Edge
  • tree-cli node 根据目录结构生成 tree
  • tree-node-cli node 根据目录结构生成 tree
  • open node 打开浏览器
命令行
  • signale 一个 Node 的日志格式库，自带 16 个级别，可以定制颜色和 Emoji，可扩展的日志记录器
  • consola 优雅的命令行 console logger vuepress 也使用了它
  • chalk 命令行着色美化库
  • progress-estimator 命令行 progress bar 进度条模拟库
  • ora Elegant terminal spinner 命令行 loading
  • listr Terminal task 命令行任务列表
  • yargs 命令行参数解析
  • y18n yargs 基于 i18n 的一个包
  • commander.js 自动的解析命令和参数，合并多选项，处理短参，等等，功能强大，上手简单
  • Inquirer.js A collection of common interactive command line user interfaces. 命令行询问库
  • enquirer 命令行 prompt 询问库，写 cli 的时候很有用
  • Qoa 同上
  • cli-progress Terminal Progress Bar
  • cli-table tables for the CLI
  • node-notifier 在 NodeJS 环境中，可以很方便的唤起 notifier 通知
文件处理
  • rimraf 删除文件
  • globby 用于模式匹配目录文件
  • glob 文件查找
  • tiny-glob 文件查找
  • chokidar node 监听文件变化的库
  • fs-extra fs-extra 模块是系统 fs 模块的扩展，提供了更多便利的 API，并继承了 fs 模块的 API
  • execa 比 child_process 好用，返回 Promise
  • npm-run-all 一个 CLI 工具可以并行或者串行执行 script 指令
  • memfs memory-fs 的替代品，将文件放在内存中优化读写，webpack 依赖
调试

GraphQL

  • prisma 让前端也能快速的写出
  • Apollo GraphQL 是基于 GraphQL 的全栈解决方案集合。从后端到前端提供了对应的 lib 使得开发使用 GraphQL 更加的方便
  • dataloader 解决 Graphql 中的 N+1 查询问题

工具

  • high-speed-downloader 百度网盘不限速下载 支持 Windows 和 Mac
  • hyper 前端命令行
  • yapi 是一个可本地部署的、打通前后端及 QA 的、可视化的接口管理平台
  • sway 一个微软自己出的在线 ppt 很强大
  • Ascii Art Generator 在线生成 Ascii 图案
  • Winds 开源 RSS
  • JSUI 一个用来控制管理前端项目的客户端
  • docz 让你能快速写文档的一个库
  • hiper 性能统计分析工具
  • verdaccio 私有 npm
  • git-guide git 入门指南
  • git-tips git 进阶
  • bit 实现了项目之间的代码共享 可以自建私有
  • simpread 简悦 ( SimpRead ) 让你瞬间进入沉浸式阅读的扩展
  • mkcert 一键命令 让本地也支持 https
  • termtosvg 录制 命令操作转成 svg 基于 python
  • gh-polls 可以在 github issue 中添加投票
  • eruda 移动端调试工具
  • vConsole 也是一个移动端调试工具 腾讯出品
  • terminalizer 命令行录制工具 基于 node
  • badgen 快速构建和 shields 一样的 svg badge 但速度更快
  • readability 移除页面非正文部分 基于 jsdom
  • WeChatPlugin-MacOS 一款功能强大的 macOS 版微信小助手
  • puppeteer-recorder 一个 chrome 插件 能够根据你的操作 自动生成 puppeteer 相关代码
  • mdx-deck 用 markdown 编写演示文稿
  • code-surfer 基于 mdx-deck 的一个插件
    让你更好的在文稿中展示 code
  • Progressive Tooling 前端性能优化工具集合
  • https://github.com/artf/grapesjs 可视化建站工具 不需要写代码就能写一个页面，前端再次再次要下岗了
  • image-charts 该服务通过 URL 接受参数，然后生成图表，以图片形式返回
  • eagle.js 一个用 vue 来制作 PPT 的库
  • Optimizely A/B Test
  • appadhoc 一个国内的 A/B Test 服务
  • glorious-demo 通过编写代码的方式构建一个命令行的演示例子
  • nginxconfig 可视化配置 nginx 提供了多个基础模板
  • bundlephobia 一个可以查看某个库的大小，并且分析它的依赖
  • jsperf 一个提供在线 test case 的网站，主要用来比较性能。可以比较如： forEach vs for 的性能
  • perflink 与 jsperf 类似的一个比较 js 性能的网站
  • algorithm-visualizer 算法代码可视化
  • An-English-Guide-for-Programmers 专为程序员编写的英语学习指南
  • Webhint 用于检查代码的可访问性、性能和安全的开源检查（Linting）工具
  • airtap 测试浏览器兼容性，可覆盖 800 多种浏览器
  • jsonstore 供免费，安全且基于 JSON 的云数据存储，自己玩的小项目神器
  • git-history 可视化查看一个文件的历史变化
  • x-spreadsheet 一个基于 Canvas 的 JS 电子表格库 excel
  • imgcook 阿里出品，一键通过设计稿生成代码
  • majestic jest 可视化
  • leon 你开源项目的 ai 个人助手
  • js-code-to-svg-flowchart 将代码逻辑用流程图的方式展现出来
  • xterm.js 一个 web terminal
  • pixelmatch diff 两张图片不一样的地方
  • readme-md-generator 一个命令行脚本帮你快速的创建一个 README
  • build-tracker 构建大小追踪 记录你多个版本构建后文件大小的变化
  • zan-proxy 本地调试线上环境的工具
  • mjml 一个让发 email 更简单的框架。定义了一套自己的语法，你用这套语法写邮件，然后编译成 HTML。
  • any-rule 正则大全
  • outline 一个免费开源的库，能让你快速搭建自己的 wiki

Webpack

移动端

性能优化

请求处理

工程

Mac

  • get-plain-text 能清除剪贴板里的格式 很实用
  • IINA mac 平台感觉免费最好的播放器 强推
  • magnet 分屏管理
  • Xnip 方便好用的截图工具-支持截长图
  • Spectacle 窗口管理工具
  • vanilla 顶栏图标管理工具
  • Dozer 一个开源的顶栏管理
  • 腾讯电脑管家 反正我用下来好觉得蛮好用的
  • mos 鼠标平滑滚动软件，很好用。免费开源
  • sequel pro mysql 客户端 好用
  • Microsoft Remote Desktop Beta Mac 远程登录 Windows 调试神器
  • pap.er 专为 Mac 设计的壁纸应用
  • The Unarchive Mac 目前感觉最好用的免费解压软件
  • Tickeys 让你用 Mac 键盘也能打出机械键盘的感觉
  • Beaker Browser P2P 开源浏览器 支持点对点发布文件，成为了文件传输工具，支持 DAT 对等协议
  • Gifski 视频转 gif 工具
  • more 更多优秀的 mac app 介绍
  • Motrix 支持 HTTP、FTP、BT、磁力链、百度网盘的下载工具
  • iPic这个应用可以让你方便地上传图片到各种图床
  • Image2Icon
  • hidden 是用来帮助你隐藏 macOS 菜单栏上那些不常用的应用图标

录制

  • licecap gif 录制，简洁好用，之前都用这个录制
  • kap 现在都用这个录制 gif，还支持导出 mp4，录制的 fps 很高
  • KeyCastr 按键显示，录制的时候显示你的按键

Chrome 拓展

  • Tampermonkey 油猴 神器
  • 扩展管理器 轻松管理扩展，就不用担心安装太多扩展了
  • visbug 它可以帮助你改变 css，移动元素等等一系类强大的功能,页面调试神器。当然有些时候还是 DevTools 更好用
  • refined-github 优化 github 默认功能和样式的 chrome 插件
  • ADB chrome 真机调试安卓神器
  • Adblock Plus
    免费广告拦截程序 这个应该不用说了，装机必备
  • Axure RP Extension 看原型必备
  • JSON Formatter JSON 格式化 程序员必备
  • Lighthouse 谷歌出品，检查网页综合性能评分，分析不足
  • 二维码(QR 码)生成器 手机扫码神器
  • Octotree github 上看代码必备神器
  • OctoLinker 能在 github 上看代码的时候 快速链接跳转到依赖的库
  • The Great Suspender chrome 太吃内存了，当页面开的很多时候会很卡，它就完美的解决了这个问题。它将几分钟没浏览过的页面都挂载了，当你想看是再重新加载
  • WEB 前端助手 支持 JSON 格式化、二维码生成与解码、代码压缩、Markdown 与 HTML 互转、网页滚动截屏、正则表达式、时间转换工具、JSON 比对工具等
  • 掘金 目前我默认新开 tab 的默认页，可以刷刷新的文章或者项目，还不错。
  • 沙拉查词 划词翻译插件
  • npmhub在 README 下方显示 npm 依赖信息

VS Code

  • Import Cost 查看你引入的依赖模块大小
  • Auto Close Tag 自动补全 html 标签，如输入<a>将自动补全</a>
  • Auto Rename Tag 自动重命名 html 标签，如修改<a>为<b>，将自动修改结尾标签</a>为</b>
  • polacode 生产代码图片快照插件
  • vscode-leetcode 一个能让你在 vscode 中刷 LeetCode 的插件 算一个划水神器吧
  • vscode-icons VS Code 必备吧，为文件添加炫图标
  • CodeSnap 生产代码截图
主题

官方主题页 可以选择自己喜欢的主题
one-monokai 我用的是这个主题，很多年了

字体

编辑器和 Terminal

zsh 插件

开发常用软件

有趣

  • the-bread-code 使用程序员的思维制作面包 ，比如制作中使用 A/B test,
    来比较那种做法更好。
  • build-your-own-x 教你用各种语言实现 Bot Database Neural Network
  • **javascript-algorithms ** 教你用前端知识认识各种算法
  • not-paid 如果你给人做网站，交过去以后对方没有付款，那么这个 JS 会把网站的透明度一天调低一点，直到看不见
  • nsfwjs 前端图片鉴黄，基于 Tensorflow
  • elevator.js 我很喜欢的一个库，让一个 back-to-top 的效果有了一种坐复古电梯的感觉
  • app-ideas 很多年轻人苦于缺少练手的项目，这个项目收集了不少点子，每个点子都有明确的目标和复杂资源。
  • WebGL-Fluid-Simulation 很酷的 WebGL 交互
  • react-kawaii 一个非常可爱的 React 卡通人脸库，很有意思
  • chart-race-react 图表竞赛 长条图赛跑动画 在微博或者 b 站这种类型视频很火
  • 98.css windows 98 主题分格 css

面试资料

前端工程师手册

30-seconds-of-interviews

front-end-interview-handbook

33-js-concepts

33-js-concepts 中国国情版

Git 飞行规则 看了这个常规的 git 应该没什么问题了

node-interview

Node.js-Troubleshooting-Guide Node.js 应用线上/线下故障、压测问题和性能调优指南手册

2018 大厂高级前端面试题汇总

Daily-Interview-Question 每天一道前端大厂面试题

forthealllight-blog

reverse-interview 反向面试

JavaScript 深入系列 强烈推荐看一遍

Front-End-Interview-Notebook 比较基础适合实习生或者应届生看，可以快速的过一遍查漏补缺

awesome-f2e-libs

这里是【sorrycc】(陈成，花名云谦)大佬平时关注的前端库

打包工具

  • webpack - 打包项目。
  • rollup - 打包 npm 库。
  • parcel - webpack 竞品，但发展前景不乐观，再观察一段时间。
  • systemjs - 针对一些特殊场景会比较有用，比如云 ide，支付宝小程序 IDE 等。
  • microbundle - 基于 rollup，简化配置。
  • bili - 基于 rollup，同上。
  • father - 组件打包工具，提供 babel 和 rollup 两种打包方式。
  • vue-cli - vue 命令行工具。
  • create-react-app - react 官方脚手架。
  • prepack - 通过预先执行的方式优化打包结果。
  • lebab - 把 es5 代码转成 es6，反向 babel。
  • esm-to-cjs - 把 esm 转成 cjs。
  • tsdx - Zero-config CLI for TypeScript package development.
webpack 辅助工具、Loader 和插件
Bundless
非 JavaScript 编译工具
  • boa - 基于 Rust，嵌入式 Javascript 引擎。
  • dprint - 基于 Rust，代码格式化工具，Prettier 替代品。
  • elsa - 基于 Go，JavaScript 和 TypeScript 的 runtime。
  • es-module-lexer - 基于 C，输出 Web Assembly，esm 模块解析。
  • esbuild - 基于 Go，Webpack 替代品。
  • esbuild-node-tsc - 用 esbuild 编译 TypeScript 项目，但不支持类型检测。
  • minify - 基于 Go，压缩器，支持 HTML5、CSS3、JS、JSON、SVG 和 XML。
  • RSLint - 基于 Rust，lint 工具。
  • sucrase - 基于 Rust，Babel 替代品。
  • swc - 基于 rust 的语法转换器，babel 的竞争者。
  • swc-node
  • markdown-wasm - 基于 wasm 的 markdown 解析工具。

包管理

babel

macros

测试

框架

  • react
  • vue
  • next.js
  • nuxt.js
  • gastby
  • umi - 蚂蚁金服的前端框架，我目前在维护。
  • rekit - IDE and toolkit for building scalable web applications with React, Redux and React-router.
  • choo - dva 最初的 API 是参考这个实现的，已经不怎么发展了，再关注一段时间。
  • taro - 用 React 写小程序，适配微信和支付宝等。
  • after.js
  • mint - 提供了语言层方案的框架。
  • quasar - 基于 vue，一套代码多处适用。

react 相关库

vue 相关库

工具类

数据流

redux 扩展

性能优化

语言

文档

工程

  • lerna - monorepo 管理。
  • lerna-changelog - 为 lerna 项目自动生成 changelog。
  • eslint - JS 风格约束。
  • eslint-config-airbnb
  • xo - 封装自 eslint。
  • prettier - 更主观的风格自动修改。
  • yeoman-generator - 脚手架工具。
  • serve - 本地静态服务器。
  • servor - 另一个静态服务器。
  • budo - 又一个静态服务器。
  • np - npm publish 辅助，自动 push、打 tag、升版本等。
  • lint-staged - eslint 提速，只 lint 提交的代码。
  • coveralls - 覆盖率。
  • husky - 添加 git hooks。
  • cross-env - 跨平台的环境变量声明。
  • projj - 本地 git 项目管理，支持 github 和 gitlab。
  • nvm - 管理 node 版本。
  • concurrently - 在 npm scripts 里并行执行命令。
  • @zeit/ncc - 打包为 npm 包为一个文件。
  • npm-check - 检测依赖升级情况，我会和 yarn upgrade-interactive 配合着用，主要用来检测冗余依赖。
  • cpx - 复制，支持 glob，并且可以 watch。
  • onchange - 监听文件变动然后做一些事。
  • just - 微软出的任务管理器。
  • tern - 代码分析器，为不少编辑器服务。
  • lightproxy - 底层协议代理工具，跨平台。

编辑器

CloudIDE

字体

CSS

命令行

  • ajv - 参数校验。
  • chalk - 输出不同颜色。
  • cheerio - 用类 jQuery 语法处理 HTML。
  • chokidar - 文件监听。
  • clipboardy - 复制文本到粘贴板。
  • debug - 打印调试信息。
  • depd - 给出 deprecated 警告。
  • deprecate - 给过期警告。
  • enquirer - 同上，更 cool 一些。
  • execa - 比 child_process 好用，返回 Promise。
  • figures - ✔︎ 等特殊字符，做了 windows 兼容处理。
  • glob - 文件查找。
  • ink - 用 React 处理命令行输出。
  • inquirer - 交互式命令接口，比如 prompt。
  • ora - 控制命令行光标，显示 loading 等。
  • rimraf - 删除文件。
  • signale - 漂亮的日志打印。
  • semver - semver 版本处理。
  • tiny-glob - 文件查找。
  • update-notifier - 更新提醒。
  • why-is-node-running - 检查 node 没退出的原因。
  • yargs - 命令行入口套件。
  • yargs-parser - 命令行参数解析。

请求处理

压缩解压缩

语法解析

Markdown

其他

  • electron
  • fx - 交互式 JSON 查看。
  • DeskGap - 类 electron，由于不包含浏览器的部分，所以产物更小

rtfs

相关

文章收集

主要是用来收集汇总平时看过得一些不错的文章，方便日后查找，目前的这些是PanJiaChen 大佬收集的

Vue

手摸手，带你用 vue 撸后台 系列一(基础篇)

手摸手，带你用 vue 撸后台 系列二(登录权限篇)

手摸手，带你用 vue 撸后台 系列三 (实战篇)

手摸手，带你用 vue 撸后台 系列四(vueAdmin 一个极简的后台基础模板)

手摸手，带你封装一个 vue component

手摸手，带你优雅的使用 icon

前端

Press Enter to Submit 背后的那些事

Webnovel 国际化实践

Things I Don’t Know as of 2018

The TypeScript Tax: A Cost vs Benefit Analysis 主要讲 ts 收益，具有一定可读性

TypeScript 解决了什么痛点？ 比较中肯的一个答案，做技术不要盲目跟风

GraphQL

GraphQL 核心概念

RPC vs REST vs GraphQL

Why use GraphQL, good and bad reasons

职业发展

一个程序员的成长之路 张云龙大佬的文章，强推！！值得反复阅读。

开发者如何在「技术+管理」的路上越走越宽？

蔡志忠：努力是没有用的

视频

计算机科学速成课 计算机科学基础的系列视频，很不错，浅显易懂，看完这四十节课能多计算机世界有一个大概的整体认知。

其它

前端人工智能？TensorFlow.js 学会游戏通关

谈谈 WebSocket

https://zhuanlan.zhihu.com/p/37171897

小程序

只需两步获取任何微信小程序源码 挺有意思的一篇文章

node

基于 node.js 的脚手架工具开发经历
How to build a CLI with Node.js

网络

什么是 RPC 框架？

前端技术清单

关于 JavaScript 单线程的一些事

从零开始开发一款属于你的 Visual Studio Code 插件

AST

平庸前端码农之蜕变 — AST

交互

让功能找到用户；让用户体验美好「自然交互 1」

评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

凯小默

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

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

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

打赏作者

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

抵扣说明：

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

余额充值