首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

16 个优秀的 Vue 开源项目

10 Eagle.js Eagle. js 是使用Vue构建的强大、灵活、独特的幻灯片显示系统。它允许你在演示文稿创建易于重用的组件、幻灯片和样式。...使用这个库可以做的最重要的事情之一是将幻灯片放在单独的文件,然后在其他幻灯片显示重用它。你还可以将特定幻灯片显示的幻灯片导入另一个幻灯片。创建者还提供了几个模板,可以轻松地开始开发。...仪表板,你可以设置指标——一种测量某些东西的方法,无论是正常运行时间、错误率还是完全随机的东西。 Slack里有一个相当大的社区,贡献者非常活跃。...16 VeeValidate VeeValidate 是一个基于模板的Vue. js 验证框架,允许你验证输入和显示错误。 由于它是基于模板的,你只需要为每个输入指定当值更改时应该使用哪种验证器。...特点: ·熟悉且易于设置的基于模板的验证; ·i18n支持和错误消息40+地区; ·异步和自定义规则支持; ·用TypeScript编写; ·没有依赖。

4.1K20

如何使用webpack减少vuejs打包的大小

我们最初的构建规模 当我们进行构建时,我们收到以下2条错误消息: Vue建议捆版bundles不超过244KiB。我们只有14个资源,每个资源都超过这个规模。此外,我们有四个入口点也高于建议的大小。...这是显示构建的当前大小的图像。 在这里我们可以看到lodash本身作为构建包一部分的大小。 减少moment.js的大小 Moment.js构建包占了234.36KB。...因此,权衡之后,webpack创建一个快捷方式的别名。该快捷方式将用moment/src/moment替换所有导入moment的调用。...通过删除moment.js的语言环境,每当我启动服务器运行我的代码时都会发生错误,该错误代码说它无法找到./locale。...要解决这个问题,我使用内置的webpack IgnorePlugin忽略此消息

1.7K10

分享 16 个顶尖 Vue 开源项目,助你提升技术能力

任何好的项目都应该有全面的文档; 如何很好地描述提交的规则。如果开源项目想要增加贡献者的数量,这是必不可少的; 如何很好地组织与问题的工作。...使用这个库可以做的最重要的事情之一是将幻灯片放在单独的文件,然后在其他幻灯片显示重用它。你还可以将特定幻灯片显示的幻灯片导入另一个幻灯片。创建者还提供了几个模板,可以轻松地开始开发。...仪表板,你可以设置指标——一种测量某些东西的方法,无论是正常运行时间、错误率还是完全随机的东西。 Slack里有一个相当大的社区,贡献者非常活跃。...16 VeeValidate VeeValidate 是一个基于模板的Vue. js 验证框架,允许你验证输入和显示错误。 由于它是基于模板的,你只需要为每个输入指定当值更改时应该使用哪种验证器。...特点: ·熟悉且易于设置的基于模板的验证; ·i18n支持和错误消息40+地区; ·异步和自定义规则支持; ·用TypeScript编写; ·没有依赖。

4.4K10

如何用七天的时间打造一款(并不)爆款的匿名树洞网站

如何用七天的时间打造一款(并不)爆款的匿名树洞网站 人一旦闲下来,是十分可怕的,就比如我,自从上了大学,每年国庆都能整出点骚活来:去年国庆,用 Jetpack Compose 搓了一个课程表 Android...前端方面,其实直到现在,Vuetify 的 Vue 3 适配版本 Vuetify Titan 仍处于 Beta Live 状态,RC 版本可能仍需要几个月的时间才会产生,但是因为 Vuetify 提供的组件和其他...,但是不知道是不是我的配置问题,这导致 IDE 导入 ts 文件声明的函数时,导入的文件雷静总是错误的变为 js 而不是 ts) 我想得到的一个成品是: 一个主页,可以以卡片流的方式显示最新的树洞(...Cookie 是不可能的,遂只能放弃,并改用一套通过向教育邮箱发送验证码来验证身份的注册方式。...,交谈,他建议我现在最好使用 VueUse 提供的 computedAsync 功能,不过因为我懒得调整了所以最后没用)。

1.8K30

13个秘技,快速提升表单填写转化率!

例如,你可以明码显示密码,以便用户提交表单前再次检查他们填写的内容。 高级表单生成器使用渐进式填写方式,这种方法可以防止再次访问的用户访问时被问到重复的问题。...使用内联表单验证 内联表单验证会阻止用户表单输入错误信息,并同时发出错误消息以确保用户修复错误之前无法提交表单。 例如,可能有人输入了不合要求的密码,无效的电话号码,或者邮政编码少了几个数字。...如果你的表格中有这些错误信息,它们对你和你的线索都没有用处。内联表单验证确保只提交准确的信息,为每个人节省时间。 保持文本和表单字段框对齐 当你创建注册表单时,需对齐文本以便于跟进阅读。...这种通知的常见方法是将新线索引导到“谢谢”页面,或者提交表单后提供内联消息。毕竟,他们刚刚停止了自愿你提供信息的行为。...俱乐部将个人,账单和帐户信息表格分开,并在用户历程的不同时间分别填写。不仅如此,用户选择的内容还会显示表单旁边,这样用户就可以表单的末尾自信地点击“提交”。

2.7K30

如何在2021年编写网络应用程序?

也许我会在下一个详细介绍。 我总是使用Eslint来检查代码的潜在错误。.../dist/main.js"> 浏览器打开该文件将不会显示任何预期的结果,但这一切正常。到目前为止,这是我项目的状态。...这样,我们可以将更多精力放在内容上,而不是如何正确设计日期选择器。 由于使用Vue,因此我选择了Vue兼容库Vuetify。...vuetify未定义) 您的应用程序和Vuetify没有导入“相同”的Vue。如上所述,导入适合您的用法的Vue非常重要。一个好的解决方案是webpack创建一个别名。...当我们执行操作Vue.use(Vuetify);index.js,它将在整个项目中将其激活。使用它们时,可能仅导入Vuetify组件。但这需要做一些超出本教程范围的工作。

10.9K20

ASP.NET MVC的客户端验证:jQuery的验证

] 目录 一、Unobtrusive JavaScript 二、以内联的方式指定验证规则 三、单独指定验证规则和错误消息 一、Unobtrusive JavaScript...Unobtrusive JavaScriptjQuery的验证得到了很好的体现,接下来我们就简单地介绍一下使用jQuery进行验证的编程方式。...当我们输入不合法的数据时相应的错误消息显示在被验证元素的右侧,具体的效果如下图所示。 ?...三、单独指定验证规则和错误消息 验证规则其实可以不用以内联的方式定义在被验证HTML元素,可以直接定义在用于实施验证的validate方法。...然后再调用表单validate方法实施验证的时候按照如下的方式手工地为被验证输入元素指定相应的验证规则和错误消息验证规则和错误消息验证元素之间是通过name属性(不是id属性)进行关联的。

8.2K90

快速上手最新的 Vue CLI 3

你可以通过终端或命令提示符下执行node -v来验证是否符合要求 安装了 Node Package Manager 6.7 或更高版本 (NPM) 代码编辑器:强烈建议使用Visual Studio...添加新插件很简单,单击add plugin按钮并显示插件列表,你可以用搜索栏进行搜索。...命令行 要直接使用 CLI 安装 Vuetify 插件,请切换到项目目录并使用 add 命令,如下所示: 1vue add Vuetify 这会将 Vuetify 插件安装到你的 Vue 项目中,并修改插件将影响的所有文件...在我看来,我认为新 CLI 实现的插件概念受到了 Angular CLI 的启发。 安装依赖项 Vue 的依赖关系由主 Vue 核心依赖关系和开发依赖关系构成。...你可以看到界面显示的以下任务: ? Serve:这会在 localhost 上的本地开发服务器运行你的程序。它有一个非常直观的 dashboard,显示错误日志和消息、资源,模块和使用的依赖项。

84730

用getDisplayMedia实现在Chrome中共享屏幕

Chrome网上商店已决定停止允许Chrome扩展程序的内联安装。这对WebRTC应用程序有相当大的影响,因为Chrome的屏幕共享目前还需要扩展程序。...进入该白名单的过程涉及向Mozilla询问并显示您的网站有服务条款和隐私政策。你也可以通过扩展来修改这个白名单。Firefox 52删除了对这个白名单的需求,允许任何安全来源使用屏幕共享。...帖子的时间表如下: 6月12日,新的扩展程序不再进行内联安装。没有通知期限。 内联安装将于9月12日停用。三个月的通知期。 抱怨 这有几件事是错误的。...Chrome的情况比较复杂,因为它目前允许标签共享以及限制用户可以选择的显示面。由Chrome支持的音频输出共享也不由getDisplayMedia指定 。...如何准备Chrome的最终更改 支持getDisplayMedia的实际代码更改简单。

4.4K30

商城项目-品牌的新增

1.1.页面实现 1.1.1.初步编写弹窗 当我们点击新增按钮,应该出现一个弹窗,然后弹窗中出现一个表格,我们就可以填写品牌信息了。 我们查看Vuetify官网,弹窗是如何实现: ?...首先,我们data定义一个show属性,来控制对话框的显示状态: ? 然后,页面添加一个v-dialog <!...这样的选框,Vuetify并没有提供(它提供的是基本的下拉框)。因此我已经给大家编写了一个无限级联动的下拉选框,能够满足我们的需求。 ?...data获取的结果: ? 1.1.4.4.文件上传项 Vuetify,也没有文件上传的组件。 还好,我已经给大家写好了一个文件上传的组件: ?...因此,我们需要在新增的ajax请求完成以后,关闭窗口 但问题在于,控制窗口是否显示的标记在父组件:MyBrand.vue。子组件如何才能操作父组件的属性?或者告诉父组件该关闭窗口了?

2.6K10

前端之 HTML 知识点扫盲

样式上会导致元素不显示,但是不能用这个属性实现样式效果。 id:定义唯一标识符,该标识符整个文档必须是唯一的。...新的资源应答返回之前已经被创建。同时新增的资源会在应答消息返回,其地址或者是原始请求的路径,或者是 Location 首部的值。 这个状态码的常规使用场景是作为 POST 请求的返回值。...由于缺乏目标资源要求的身份验证凭证,发送的请求未得到满足。该情况下,依然可以进行身份验证。 服务器端有能力处理该请求,但是拒绝授权访问。...表示客户端错误,指代服务器端无法提供与Accept-Charset以及Accept-Language消息头指定的值相匹配的响应。...iframe的优缺点 标签规定一个内联框架。一个内联框架被用来在当前 HTML 文档嵌入另一个文档。 优点 iframe能够原封不动地把嵌入的网页展现出来。

1K40

技术分享 | 测试平台开发-前端开发之Vue.js 框架(一)

Vue.js 是一套用于构建用户界面的渐进式框架,目前的前端开放中比较流行的前端框架。 Vue 被设计成自底向上的逐层应用。...Vue的组件化开发 介绍 目前的前端开发组件化开发成为了潮流,而所谓的组件化开发就是把页面拆分成多个组件,最后将每一个组件进行罗列,形成我们看到的网页。...vscode 插件的选择: JavaScript (ES6) code snippets:包含 VSCode 的 ES6 语法的 JavaScript 代码段。...Vetur:VSCode 支持 VUE 的工具,有语法高亮、格式化、错误检查、自动完成等功能。 (推荐)Auto Close Tag:自动添加 HTML/XML 结束标签。...Highlight Matching Tag:突出显示匹配的开始和结束标签。 这些只是推荐需要用到的插件,可以根据自己的爱好进行选择,其他的插件也可以。

1.6K30

ASP.NET验证控件之RangeValidator「建议收藏」

合法的值有: · None – 验证消息从不内联显示。 · Static – 页面布局中分配用于显示验证消息的空间。...· Dynamic – 如果验证失败,将用于显示验证消息的空间动态添加到页面。 EnableClientScript 布尔值,规定是否启用客户端验证。...Enabled 布尔值,规定是否启用验证控件。true为启用,false为不启用。 ErrorMessage 当验证失败时 ValidationSummary 控件显示的文本。...注释:如果未设置 Text 属性,此文本将显示验证控件。 ForeColor 控件的前景色。即错误信息的字体颜色。 Id 控件的唯一 id。...类型有: · Currency · Date · Double · Integer · String Text 当验证失败时显示消息

1.4K20

SpringBoot企业级技术台微服务架构与服务能力开发平台

基于 Spring Authorization Server, OAuth 2.1 规范基础之上,增加自定义 Social Credentials 认证模式,支持手机短信验证码、微信小程序、第三方应用登录...支持多种验证码类型,暂不支持行为验证码。...基于 Vue3、Vite3、Vuetify3、Pinia 等新版前端已发布,原有基于 Vue2、Vuetify2、Typescript 开发的前端代码已移至 vue2+vuetify2+typescript...支持多模版定义以及模版参数顺序控制 微信小程序订阅消息:支持微信小程序订阅消息发送。提供订阅消息模版工厂,可根据自身业务需求,编写少量代码既可以拓展支持新订阅消息模版。...◆ 五、技术选型 企业级技术台微服务架构与服务能力开发平台。

2K20

绝无仅有!2019年最全的UI设计之输入字段剖析

右:占位符中提供了正确的格式 某些情况下,最好使用自动格式化 - 该字段会自动调整用户提供的信息(根据格式)。它使得表单验证信息变得更加容易。 ?...'清晰'的关闭图标 显示此图标可帮助用户一次点击中删除字段的文本。 ? 注意容器右侧的“交叉”图标。...当用户点击此图标时,输入将被删除 '交叉'或'检查'图标 如果你使用内联验证,则可以使用关闭图标通知用户有效/无效输入。 当用户提供不正确的信息时,你还可以显示错误消息。应在容器下方显示错误消息。...修复错误之前,用户应该可以看到错误消息。 附注:良好的错误消息不应仅仅说明用户输入无效的事实;它应该提供有关如何解决问题的上下文说明。 ?...帮助文本/错误文本 帮助文本充当辅助元素 - 它提供有关输入字段的其他信息,例如: 如何使用用户提供的信息 信息要求(即密码设置指南) 某些情况下,帮助文本可以与引导用户的错误文本交换(即用户提供错误输入时看到的错误消息

2.4K20
领券