
Vue
文章平均质量分 68
Vue专栏,问题以及经验分享
Meta.Qing
这个作者很懒,什么都没留下…
展开
-
vue自定义指令监听input输入,当输入完成才能调取接口,防止频繁调用接口
Vue 自定义指令来实现监听 input 输入,但是你需要配合一些 JavaScript 代码才能实现输入完成后才调用接口的逻辑。在上面的示例中,我们定义了一个自定义指令叫做。该指令监听了input事件,并使用setTimeout实现了防抖的逻辑,从而在用户输入完成之后才会调用getData方法。同时,我们还在指令的参数中使用了500ms,表示用户输入完成后需要等待 500 毫秒才会调用getData方法,从而避免了频繁调用接口的问题。需要注意的是,上面的代码中使用了一个。原创 2023-02-20 17:19:38 · 4315 阅读 · 0 评论 -
如何使用 FaceIO 在 Vue.JS 中实现人脸识别?
在这篇博客中,我将向您介绍 Faceio 的面部识别身份验证,这是一种让用户登录系统的绝佳方式,我们还将构建一个简单的应用程序来展示将这种令人兴奋的技术集成到 vue 中的方式。此外,FaceIO 从不存储您的图像,它只存储图像的散列键,因此您的照片无处可去。组件的文件,我们首先从清除模板开始,然后添加三个按钮,一个用于登录,一个用于注册,一个用于注销。第二个是 FaceIO 使用的模型的高精度,在准确度指标中得分几乎 100%,这是一个疯狂的数字,需要大量的高质量数据,这需要花费大量资金.原创 2022-11-01 10:21:36 · 986 阅读 · 0 评论 -
如何在VsCode种高亮(Highlight)类(class)和Id选择器?
如何在VsCode种高亮(Highlight)类(class)和Id选择器? 1.第一步在vscode中安装HightLight插件。第二步 打开setting.json文件。背景色,字体色都可以自定,看你的匹配规则。原创 2022-10-09 12:13:01 · 1461 阅读 · 0 评论 -
2022 年 前40道 ReactJS 面试问题和答案
当一个对象的状态改变时,虚拟 DOM 只改变真实 DOM 中的那个对象,而不是更新所有的对象。虚拟 DOM 会比较其先前的状态并仅更新真实 DOM 中状态已更改的那些组件,而不是像传统的 Web 应用程序那样更新所有组件。当一个对象的状态改变时,虚拟 DOM 只改变真实 DOM 中的那个对象,而不是更新所有的对象。这些组件有自己的逻辑和控件,它们可以通过应用程序重用,这反过来又大大减少了应用程序的开发时间。它是一种在客户端应用程序中处理复杂数据的方法,并管理数据在 React 应用程序中的流动方式。原创 2022-09-30 09:46:40 · 1549 阅读 · 0 评论 -
git如何在vscode里面自动生成提交Message模板
例如一个规范模板: 文件名为git_template,文件目录在C:\\Users\\admin\\Desktop\\git_template。在我们很多提交代码,描述信息(description)要求规范。然后,到vscode commit一次代码,就能看到效果啦。使用notepad++编辑器。这个其实就是本节讲到的配置。然后 运行下面git命令。第二步,配置git编辑器。使用git默认编辑器。使用gedit编辑器。使用emacs编辑器。原创 2022-09-27 14:51:58 · 2028 阅读 · 0 评论 -
如何使用 原生 JavaScript 和 HTML 创建拖放元素
依赖于 DOM的事件模型来获取有关被拖放的内容的信息,并在拖放时更新该元素。使用 JavaScript 事件处理程序,您可以将任何元素变成可拖动的项目或可拖放的项目。此外,您可以选择复制可拖动项目,以便在放置时复制它,而不是移动项目。如果您想要仅拖动样式,您更改的任何样式都需要在放置时再次手动更新。如果您在开始拖动时更改任何内容,则拖动的元素将保持新样式,除非您将其更改回来。下面是如何使用此 API 的另一个示例:一个包含可拖动任务的待办事项列表,您可以将其从一。对于我们的示例,我们将专注于拖动一个元素。原创 2022-09-15 08:16:08 · 484 阅读 · 0 评论 -
Vue3 从入门到放弃 (第六篇.插槽(Slot)的使用)
上一篇讲到了。今天讲一讲组件插件(Slot),以及实际我们如何使用.原创 2022-09-14 09:01:10 · 1754 阅读 · 0 评论 -
如何用一行代码来css设置页面全局黑白样式?
【代码】如何用一行代码来css设置页面全局黑白样式?原创 2022-09-06 10:04:12 · 500 阅读 · 0 评论 -
Vue3 从入门到放弃 (第五篇.组件事件与v-model使用)
Vue3 从入门到放弃 (第五篇.组件事件与v-model使用)原创 2022-09-05 11:17:44 · 1194 阅读 · 0 评论 -
Vue3 从入门到放弃 (第四篇.Props使用)
Vue3 从入门到放弃 (第四篇.Props使用)原创 2022-09-01 16:46:56 · 2144 阅读 · 0 评论 -
Vue3 从入门到放弃 (第三篇.组件的使用)
Vue3 从入门到放弃 (第三篇.组件的使用),局部注册和全局注册原创 2022-09-01 09:21:57 · 840 阅读 · 0 评论 -
什么Vue单文件组件(SFC)?
什么Vue3单文件组件(SFC)?原创 2022-08-30 14:57:42 · 5588 阅读 · 0 评论 -
Vue3 从入门到放弃 (第二篇.创建第一个Web应用)
ue3 从入门到放弃 (第二篇.创建第一个Web应用)原创 2022-08-30 14:36:32 · 1470 阅读 · 1 评论 -
Vue3 从入门到放弃 (第一篇.环境准备)
Vue (发音为 /vjuː/,类似) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。无论是简单还是复杂的界面,Vue 都可以胜任。:Vue 基于标准 HTML 拓展了一套模板语法,使得我们可以声明式地描述最终输出的 HTML 和 JavaScript 状态之间的关系。:Vue 会自动跟踪 JavaScript 状态变化并在改变发生时响应式地更新 DOM。.........原创 2022-08-29 17:03:34 · 7384 阅读 · 0 评论 -
本地存储(LocalStorage)、会话存储(Session)和 Cookie 三者之间的区别
因此,会发送一个 cookie 并将其存储在您的本地计算机上,以唯一标识您。特别是,通过 HTTP 访问的脚本(例如 http://abc.com)存储的数据存储在与通过 HTTPS 访问的同一站点(例如 https://abc.com)不同的对象中。HTTP协议的主要缺点是无状态协议,这意味着它不跟踪服务器和客户端的任何响应和请求信息,因此为了解决这个问题,有三种方法可以跟踪有用信息在本文中,我们将了解本地存储、会话存储和 Cookie 之间的区别,以及为什么 Web 开发人员了解这些术语很重要。...原创 2022-08-29 16:05:34 · 2373 阅读 · 0 评论 -
在Vue项目导入路径中@符号是什么意思?
我开始了一个新的vue.js项目,所以我使用vue-cli工具脚手架出一个新的webpack项目(即vue init webpack)。这是通过Webpack解析完成的。原创 2022-08-28 12:02:43 · 1226 阅读 · 0 评论 -
如何使用Github发布私有NPM包
您可以像使用 NPM 注册表上的任何其他包一样使用来自 Github 的 NPM 包(使用“npm install”命令),唯一需要注意的是私有包需要作者或创建包的组织授予您特殊访问权限。发布个人包的流程与发布组织包的流程几乎没有区别。在这篇文章中,我将讨论我在Github包注册表上以私有npm包的形式发布这个包时遇到的问题,以及如何在另一个项目中使用私有包。对于组织包,这意味着您的 --scope 标志引用了 Github 上的组织,并且包的存储库也在同一个组织下,那么组织内有权访问存储库的每个。....原创 2022-08-27 08:27:08 · 2220 阅读 · 0 评论 -
使用Vue CLI安装和运行Vue3项目 [2022]
在本教程中,您将通过分步说明学习如何从头开始启动和运行 Vue 3 项目。原创 2022-08-27 08:09:16 · 4966 阅读 · 0 评论 -
VueJS面试常见的300道题(英文版)
VueJS面试常见的300道题List of 300 VueJS Interview QuestionsVue.js is an open-source, progressive Javascript framework for building user interfaces that aim to be incrementally adoptable. The core library of VueJS is focused on the only, and is easy to pick up a原创 2022-08-26 17:33:28 · 1261 阅读 · 0 评论 -
怎么解决vue多层组件Prop 逐级透传问题?
怎么解决vue多层组件Prop 逐级透传问题?原创 2022-08-26 17:10:56 · 1964 阅读 · 0 评论 -
如果在配置.env情况,通过一条npm run build 来区分环境呢?
我们通过 取端口(port),origin,protocol等来区分环境。常常不同环境不同的端口。window.location对象包括一下属性。原创 2022-08-26 16:41:14 · 619 阅读 · 0 评论 -
vue如何配置研发/测试/生产环境?
我们在vue项目根目录添加以下3个文件:.env.development #本地开发环境.env.test #部署测试环境.env.production #部署生产环境#拓展.env # 在所有的环境中被载入.env.local # 在所有的环境中被载入,但会被 git 忽略例如FOO=bar#警告#不要在你的应用程序中存储任何机密信息(例如私有 API 密钥)!#......原创 2022-08-26 16:34:52 · 2034 阅读 · 0 评论 -
vue-cli脚手架动态配置在index.html头部增加外部js和css呢?
vue-cli脚手架动态配置在index.html头部增加外部js和css呢?原创 2022-08-22 13:27:15 · 1831 阅读 · 0 评论 -
如何解决本地开发环境vue跨域问题?
如何解决本地开发环境vue跨域问题?原创 2022-08-04 13:37:54 · 280 阅读 · 0 评论 -
vue ,v-model语法糖学习
vue ,v-model语法糖学习原创 2022-08-04 13:26:23 · 168 阅读 · 0 评论 -
如何实现el-date-picker或el-time-picker图标据右显示?
如何实现el-date-picker或el-time-picker图标据右显示?原创 2022-08-04 13:20:16 · 2229 阅读 · 0 评论 -
ES6 教程:JavaScript 中箭头函数的完整介绍
一般来说,对于常规函数,我们总是必须跟踪“this”上下文并记住正确绑定它,当我们有多个嵌套函数时问题会很麻烦。使用箭头函数,使用“this”关键字更容易,因为箭头函数没有自己的绑定到“this”,如果在箭头函数内部访问“this”,它是从外部获取的。总的来说,箭头函数是ES6最受青睐的特性之一,在箭头函数的帮助下,你的代码可以看起来更加整洁和简洁。首先,箭头函数需要是函数表达式,不能像普通函数那样单独放置。看起来像箭头的语法,所以人们称之为“箭头函数”或“胖箭头函数”(不知道为什么它是胖的)。......原创 2022-08-02 14:53:25 · 1100 阅读 · 0 评论 -
11 个高级 Vue 技巧
如果您向下滚动一个长列表,然后转到另一个页面,您的滚动条将位于新页面的底部,而不是您期望的顶部。此处称为)上时,我只是在要更改的部分上设置了一个类,但我也可以直接访问所有SVG的属性,因此您可以选择无穷无尽使用此方法,同时仍使您的其他组件免于SVG代码膨胀。我最近在一个基于区块链的项目中使用了它,在该项目中,必须了解用户的平台才能触发正确的区块链钱包(浏览器扩展钱包或移动应用程序钱包),它就像一个魅力。在此下方(此处未显示),我还有一个单独的部分,允许侧边栏切换到使用从API发送的一组路由。...原创 2022-08-02 14:08:49 · 893 阅读 · 0 评论 -
Vue2 到 Vue3 — 发生了什么变化?
在Vue3中,可以使用FragmentsAPI在模板中声明多个根而不会出现任何问题,这有助于更简洁的代码,而无需使用不必要的包装器。生命周期钩子在Vue2和Vue3中的功能类似,但使用CompositionAPI,对这些生命周期钩子的访问发生了如下变化。Vue3或多或少是Vue2的重写版本,并带有一些新的和显着的变化和特性。Teleport提供了在逻辑上放置组件的不同位置呈现组件的能力,即使它不在应用程序的范围内。以下是Vue3中引入的一些主要的新变化,将在本文中讨论。......原创 2022-08-02 14:00:48 · 536 阅读 · 0 评论 -
vue组件的自动化全局注册以及帕斯卡转短横线方式命名
对于常规的vue组件注册方式,需要一个个组件单独引入原创 2021-03-30 15:57:39 · 345 阅读 · 0 评论