浏览器 工具vue

vue之事件修饰符

修饰符 |事件修饰服|释义| | |.stop|只处理自己的事件,子控件不再冒泡给父控件| |.self|只处理自己的事件,子控件的冒泡不处理| |.prevent|阻止a标签链接的跳转,也可以修改跳转页面| |.once|事件只会触发一次(适用于抽奖页面)| .stop事件 <div id="ap ......
事件 vue

OS-Linux-Tool-可视化比较与合并工具Meld

OS-Linux-Tool-可视化比较与合并工具Meld 在Linux系统上有时会需要进行文件比较与合并,Meld能提供相关功能。 http://meldmerge.org/ http://meldmerge.org/help/ Meld Visual diff and merge tool Mel ......
OS-Linux-Tool 工具 Linux Meld Tool

Chrome浏览器插件:CrxMouse(鼠标手势控制浏览器)

CrxMouse是一款谷歌浏览器插件,它可以通过手势来控制您的浏览器,在您的日常网络浏览中提高效率和速度。 插件介绍 CrxMouse是一个非常流行的谷歌浏览器插件,它允许您通过鼠标手势来控制您的浏览器。该插件集成了大量的手势功能,使您可以在不使用键盘或鼠标的情况下轻松地进行网页浏览。 如何使用 使 ......
浏览器 手势 插件 CrxMouse 鼠标

Chrome浏览器插件 Undo Close Tab (恢复关掉的标签页)

背景 如果您经常使用Chrome浏览器,也许有时候会意外关闭一个标签页,从而丢失您正在查看的内容。这时您可能会感到非常烦恼,并希望能够迅速找回这个标签页。当然,您可以通过点击浏览器历史记录中的条目来找回被关闭的标签页,但这会消耗很多时间和精力。 为了解决这个问题,开发人员推出了谷歌插件“Undo C ......
插件 浏览器 标签 Chrome Close

vue之过滤、筛选功能的实现

需求 给定一个列表(模拟数据),根据用户输入,自动筛选输入的内容并输出到屏幕 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="./js/jQuery ......
功能 vue

vue3创建项目笔记

E:\vue3学习>npm init vite@latest vite-blog -- --template vueNeed to install the following packages: create-vite@4.2.0Ok to proceed? (y) y Scaffolding pr ......
笔记 项目 vue3 vue

报错:‘VUE-CLI-SERVICE‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。

启动前端的项目,命输入 npm run dev 时,报错:'vue-cli-service' 不是内部或外部命令,也不是可运行的程序 或批处理文件。如图: 1、管理员身份打开 2.输入set-ExecutionPolicy RemoteSigned 3、选择A 4、Pycharm-Terminal执 ......
VUE-CLI-SERVICE 命令 SERVICE 文件 程序

vue之箭头函数

说明 当在一个方法(函数)里面再定义一个方法(函数)时,内部的方法的this指向会有问题,如下: <body> <div id="app"> <h1>{{l1}}</h1> <button @click="clickFunc">点我</button> </div> </body> <script> ......
箭头 函数 vue

vue动态添加表单validateField验证

1 <template> 2 <el-form ref="form" :model="form" :rules="rules" label-width="100px"> 3 <div v-for="(input, index) in inputs" :key="index"> 4 <el-form- ......
表单 validateField 动态 vue

Qt编写的CAN通信调试工具源代码支持吉阳光电CAN盒和致远周立功USB转CAN卡,带多线程接收 可完成标准和扩展CAN帧YID发送和接收

Qt编写的CAN通信调试工具源代码支持吉阳光电CAN盒和致远周立功USB转CAN卡,带多线程接收 可完成标准和扩展CAN帧YID发送和接收,带配置参数自动保存,定时发送,帧类型选择,文本和十六进制等。 带有折叠相同的帧YID的功能,如果有相同的帧YID,则会自动折叠显示。 可组装发送字节,short ......
CAN 线程 源代码 光电 工具

vue定义全局函数,定义全局变量,修改变量

需求:设置一个全局的变量(messageList)和全局的方法。各组件都可以调用这个全局的方法去修改全局的变量(messageList)。 具体情况: 底部有一个消息组件。各组件接口调用时成功或失败的回调中调用一个全局的消息提示方法。类似this.$message.success('我是提示内容') ......
全局 变量 函数 vue

C++中的元编程常用工具

std::forward : 通常是用于完美转发的,它会将输入的参数原封不动地传递到下一个函数中,这个“原封不动”指的是,如果输入的参数是左值,那么传递给下一个函数的参数的也是左值;如果输入的参数是右值,那么传递给下一个函数的参数的也是右值。std::remove_reference_t : 是一个 ......
常用工具 常用 工具

vue之字符串的方法

简介 本文会把遇到的字符串的方法慢慢补充进来 indexOf方法 indexOf方法判断字符串是否包含另一个字符串 判断结果如果包含返回的是索引,如果不包含,则返回-1 <script> let s = 'abc' let s1 = 'jfkdabcjkfda' let res = s1.index ......
字符串 字符 方法 vue

vue之数组的方法

简介 本文会把遇到的数组的方法慢慢补充进来 filter方法 filter()方法是一个过虑方法 以下面的为例:列表dataList会每次取一个值,把值给匿名函数,并执行。比如第一次过虑会把a给dataList.filter(function (items){xxxx},第二次会把at传给函数,后面 ......
数组 方法 vue

2023.04.06 - vue组件中动态指定监听的值

业务场景:高拍仪给出的视频信息API回调里会不断返回图像数据。因为有主副摄像图像信息,并且两个图像信息会二选一展示在DOM容器里。所以就是二对一的关系。 // 主摄像数据 let priPic:string = ''; // 副摄像数据 let subPic:string = ''; // 展示在容 ......
组件 动态 2023 vue 04

IOS热重载工具InjectionIII

IOS热重载工具InjectionIII 支持 OC、Swift 以及 Swift 和 OC 混编项目的 UI 热重载工具,采取在模拟器(真机不支持)注入方式实现 UI 热重载,修改完 UI 直接 cmd + s,不用重新编译运行就能看到 UI 效果。👉🏻 Github 👈🏻 安装 gith ......
InjectionIII 工具 IOS

vue 上传大型文件插件(vue上传视频插件)

​ IE的自带下载功能中没有断点续传功能,要实现断点续传功能,需要用到HTTP协议中鲜为人知的几个响应头和请求头。 一. 两个必要响应头Accept-Ranges、ETag 客户端每次提交下载请求时,服务端都要添加这两个响应头,以保证客户端和服务端将此下载识别为可以断点续传的下载: Accept-R ......
插件 vue 文件 视频

vue3 watch 监听 flush post 作用?

副作用刷新时机Vue 的响应性系统会缓存副作用函数,并异步地刷新它们,这样可以避免同一个“tick”中多个状态改变导致的不必要的重复调用。 同一个“tick”的意思是,Vue的内部机制会以最科学的计算规则将视图刷新请求合并成一个一个的"tick",每个“tick”刷新一次视图,比如a=1;b=2;只 ......
作用 flush watch vue3 post

vue之input输入框的几个事件

事件简介 click 点击事件,一般不会用于input输入框,会用于按钮,用于输入框就有点像focus了,当点击输入框时会触发 blur 失去焦点事件,当失去焦点时会触发。 focus 获取焦点事件,当获得焦点时会触发。 input 在输入框中每输入一个字符都会触发一次 change 当输入框内容改 ......
事件 input vue

vue.config.js 配置

const { defineConfig } = require('@vue/cli-service') //按需引入 // const AutoImport = require(''); const AutoImport = require('unplugin-auto-import/webpac ......
config vue js

vue第八课:axios库的使用

axios功能强大的网络请求库。 <script src="https://unpkg.com/axios/dist/axios.min.js"></script> 基础使用: axios.get(地址?key=value&key2=values).then(function(response){} ......
axios vue

vue前端实现上传文件,vue 上传文件

​ 以ASP.NET Core WebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl ......
文件 前端 vue

vue3快速上手

Vue3快速上手 1.Vue3简介 2020年9月18日,Vue.js发布3.0版本,代号:One Piece(海贼王) 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址:https://github.com/vuejs/vue-next/re ......
vue3 vue

D3D12调试工具——pix

前言 ​ 本篇将介绍图形调试工具pix,使用该工具可以对图形管线进行debug。貌似VS不再支持D3D12的图形调试,笔者的VS无法捕获帧 环境搭建 配置用于 CPU 捕获的 PDB 生成完整的 PDB 设置符号路径 srvc:\symcachehttps://msdl.microsoft.com/ ......
工具 D3D12 D12 pix D3

vue之数组与对象的检测与更新

说明 MVVM会自动检测变量的变化,当变量改变,页面也会对应的变化,但是有一点需要注意,如果有一个对象增加值的时候,不能直接修改,需要使用Vue.set()方法 语法 Vue.set(this.变量, 键, 值) 示例 <body> <div id="app"> <div v-for="(value ......
数组 对象 vue

vue3中 toRefs和 toRef 的区别

toRefs 是为了避免对一个响应式对象解构的时候,解构后的每个属性不具有响应性 toRef 是为了针对单独获取某个对象的属性的时候保持响应性,从而单独对某个对象的属性进行响应式转化 针对 reactive 或者 ref 创建的响应式对象都可以使用这两个 api 进行转化 注意:toRefs只能对第 ......
toRefs toRef vue3 vue

vue 手写分页

data:{ crossing_status:CROSSING_STATUS, crossing_list:[], time:null, log: { page: 1, pages: 1, total: 0, count: 20, displayPage: 5, list: [] }, select ......
vue

vue3中路由错误自动跳转404页面 路由表写法

定义路由表 import { createRouter, createWebHashHistory } from "vue-router"; const routes = [ { path: "/", name: "home", component: Home, }, // ... { path: ......
路由 写法 错误 页面 vue3

Vue3.0学习(一)------Vue简单介绍

什么是Vue? 官方原文:Vue是一款用于构建用户界面的JavaScript框架。它基于标准的HTML、CSS和JavaScript构建,并提供了一套声明式的、组件化的编程模型,帮助你高效地开发用户界面。 简单来说,Vue就是一个构建用户界面的前端框架 Vue的两个核心功能 声明式渲染 Vue基于标 ......
Vue Vue3

最新版本 Stable Diffusion 开源 AI 绘画工具之使用篇

🎈 界面参数 在使用 Stable Diffusion 开源 AI 绘画之前,需要了解一下绘画的界面和一些参数的意义 目前 AI 绘画对中文提示词的效果不好,尽量使用英文提示词 最主要一些参数如下: Prompt: 正向提示词,也就是 tag,提示词越多,AI 绘图结果会更加精准 Negative ......
绘画 Diffusion 版本 工具 Stable