教程npm vue

[Vue]事件修饰符

Vue中的事件修饰符:1. prevent:阻止默认事件(常用);2. stop:阻止事件冒泡(常用);3. once:事件只触发一次(常用);4. capture:使用事件的捕获模式;5. self:只有event.target是当前操作的元素是才触发事件;6. passive:事件的默认行为立即 ......
事件 Vue

使用 Ant Design Vue 你可能会遇到的14个问题

公司有一个新需求,在原来项目基础上开发,项目中使用 Ant Design Vue,版本是 1.X ,在此记录下遇到的问题;对于没有使用过或者使用程度不深的同学来说,希望可以帮助你在开发中遇到问题时有个参考。对于已经熟练使用的同学,可能这些问题都遇到过,欢迎大家在评论区补充。 1、实现对下拉框显示的所 ......
Design 问题 Ant Vue

Python教程(15)——Python流程控制语句详解

Python流程控制是Python编程中非常重要的一部分,它用于控制程序的执行流程。Python提供了多种流程控制语句,包括if语句、while循环、for循环、break和continue语句等。这种流程控制在各个语言中都是大同小异的,如果你已经学过其他的语言,那么这章节就可以直接跳过。 if语句 ......
Python 语句 流程 教程 15

docker搭建网安靶场教程

Docker拉取靶场环境 docker是一个很好用的容器服务,它相当于在你的虚拟机中生成无数个容器,可以供开发人员使用, 假设一个环境,如果你想搭建网安靶场环境供自己练习,那么常规情况下你就要去VM里开环境自己搭建,这样是非常慢的,不如使用docker服务,而且还可以上网上拉取自己想要的镜像,同样也 ......
靶场 教程 docker

Vue.js框架:vue3版本引入使用element-ui

一、引入element-plus element-ui只支持vue2,vue3需要引入element-plus进行使用,两个分别对应vue2和3两个版本,各自独立,无法跨级兼容。 地址:https://element-plus.gitee.io/ 在vue3项目终端里使用以下命令引入该依赖: npm ......
element-ui 框架 element 版本 vue3

从零用VitePress搭建博客教程(5) - 如何自定义页面模板、给页面添加独有的className和使页面标题变成侧边目录?

接上一节:从零用VitePress搭建博客教程(4) – 如何自定义首页布局和主题样式修改? 上一节其实我们也简单说了自定义页面模板,这一节更加详细一点说明,开始之前我们要知道在vitePress中,.md的文件是可以直接编写vue的代码的。 比如我们现在来自定义一个前端网址导航页面 八、自定义一些 ......
页面 侧边 VitePress className 模板

typeOrm 教程 创建链接数据库

实体 User : import { Entity, PrimaryGeneratedColumn, Column } from "typeorm" @Entity() export class User { @PrimaryGeneratedColumn() id: number @Column( ......
typeOrm 链接 数据库 教程 数据

ubuntu 20.1 (linux) 下软件安装教程(基本上都是使用命令行安装)

一、node 1. 安装教程 # 第二步,添加源后安装 需要什么版本直接替换后面的数字即可,如果需要21,直接将20替换为21就可以了 curl -sL https://deb.nodesource.com/setup_20.x | sudo -E bash - # 开始进行安装 sudo apt ......
命令 教程 ubuntu linux 软件

Vue验证码模块

一个普通图形验证码的模块,使用方式如下: 导入模块 import random from '@/util/VerificationCode' 使用方式 this.randomObj = random({ id: 'random', api: { url: '/api/getCode', header ......
模块 Vue

手撕Vue-实现事件相关指令

经过上一篇文章的学习,实现了界面驱动数据更新,接下来实现一下其它相关的指令,比如事件相关的指令,v-on 这个指令的使用频率还是很高的,所以我们先来实现这个指令。 v-on 的作用是什么,是不是可以给某一个元素绑定一个事件。 紧接着了解了 v-on 的作用之后,我在 example.html 的结构 ......
指令 事件 Vue

pandas教程02:查找表中数据

在上篇教程中,我们介绍了pandas的安装、数据的导入与导出以及删除行列的操作。这次让我们一起研究下在pandas中如何根据指定的条件查找表中数据。 1. 数据准备 这次,我们使用一张学生成绩表。还是老样子,保存以下内容到文件“期末成绩表.csv”中。 学号,性别,语文,数学,英语 2301001, ......
教程 数据 pandas

vue实现点击复制功能(无需安装库)

1.标签 <button v-copy="text">复制文本</button> text是要复制的内容,在data函数中 2.在main.js中注册copy指令 Vue.directive('copy', { bind: function(el, binding) { el.$copy = fun ......
功能 vue

html 不使用脚手架 如何使用vue组件 1

html 不使用脚手架 要使用vue组件的话有两种方法 1 使用 vue3-sfc-loader git地址: https://github.com/FranckFreiburger/vue3-sfc-loader cdn地址: https://cdn.jsdelivr.net/npm/vue3-s ......
脚手架 组件 html vue

VUE

在body标签中编写视图 ......
VUE

[Vue]键盘事件

1. Vue中常用的按键别名: 回车=>enter 删除=>delete(捕获“删除”和“退格”键) 退出=>esc 空格=>space 换行=>tab(特殊,必须配合keydown使用) 上=>up 下 =>down 左=>left 右=>right 2. Vue未提供别名的按键,可以使用按键原始 ......
键盘 事件 Vue

详解vue大文件视频切片上传的处理方法

前端上传大文件、视频的时候会出现超时、过大、很慢等情况,为了解决这一问题,跟后端配合做了一个切片的功能,接下来就详细的给大家介绍一下vue大文件视频切片上传的处理方法,需要的朋友可以参考下 前端上传大文件、视频的时候会出现超时、过大、很慢等情况,为了解决这一问题,跟后端配合做了一个切片的功能。 我这 ......
文件 方法 视频 vue

npm切换淘宝镜像

步骤首先我们需要下载npm,因为我已经提前安装了node.js,安装包里面集成了npm,然后我们就可以利用npm命令从获取淘宝镜像的cnpm了。1.打开命令行窗口,输入npm install -g cnpm --registry=https://registry.npm.taobao.org获取到c ......
镜像 npm

手撕Vue-界面驱动数据更新

经过上一篇文章,已经将数据驱动界面改变的过程实现了,本章节将实现界面驱动数据更新的过程。 界面驱动数据更新的过程,主要是通过 v-model 指令实现的, 只有 v-model 指令才能实现界面驱动数据更新的过程。 好了,那么说了是通过 v-model 那么直接处理下 CompilerUtil 中的 ......
界面 数据 Vue

Vue前端框架

Vue 渐进式 javacript 框架 @vue/cli脚手架 @vue/cli安装 目标: 把@vue/cli模块包按到全局, 电脑拥有vue命令, 才能创建脚手架工程 全局安装命令 yarn global add @vue/cli # OR npm install -g @vue/cli 注意 ......
前端 框架 Vue

Vue3 typescript script setup获取范型组件的ref

原博客地址: https://juejin.cn/post/7247433208437850169?from=search-suggest 在typescript下,如果想获取带类型的组件模板引用,官方文档中说明了方式: https://cn.vuejs.org/guide/typescript/c ......
范型 typescript 组件 script setup

npm ERROR. node-sass and python

当前 install package 出现以下错误时 node-sass check python checking for Python executable "python2" in the PATH 建议安装 python@2 和 node@14 后再 install package. 下载 ......
node-sass python ERROR node sass

vue3解构defineProps失去响应式解决办法

先看下面的代码 const props = defineProps({ showName: { type: String, default: "123", }, }); const { showName } = props; 我们发现这个东西虽然可以展示到页面但是它失去了响应式。 那么正确的使用姿势 ......
defineProps 办法 vue3 vue

python3.12安装pyqt6教程

1.开发环境: win11,Pycharm 2023.2.32.python版本: Python 3.12.03.Installation package# python.exe -m pip install --upgrade pip# pip install xlrd# pip install ......
python3 教程 python pyqt6 pyqt

如何使用 GoGoCode 一键 Vue2 转换 Vue3

前言 从今年年初开始,项目开始升级优化,将之前的 Vue2 旧版本整体升级到 Vue3 版本。在重写了几个 Vue 文件后,我发现做的都是一些机械性的工作,效率低且重复性大。于是就试着搜索了一下有没有什么能够批量转换代码格式的工具,发现了阿里的这个基于 AST 的 JavaScript/Typesc ......
Vue GoGoCode Vue2 Vue3

espnet安装教程

https://blog.csdn.net/g6660666g/article/details/108780906?ops_request_misc=&request_id=&biz_id=102&utm_term=centos%E5%AE%89%E8%A3%85espnet&utm_medium= ......
教程 espnet

vue父组件中调用子组件中的方法 及vue父组件调用孙子组件的方法

一:通过ref直接调用子组件的方法; 子组件child.vue <template> <div>我是子组件</div> </template> <script> export default { methods: { childFun() { console.log('我是子组件的方法'); }, ......
组件 方法 vue

vue 各种东西的顺序

props —》beforeCreate —》methods —》data —》computed —》watch(immediate) —》created beforeCreate 会在实例初始化完成、props 解析之后、data() 和 computed 等选项处理之前立即调用。 created ......
顺序 东西 vue

[转] VSCode中 Vetur插件排版Vue文件 Col 标签子标签不被缩进的问题 iview viewDesign 自动格式化

[转] VSCode中 Vetur插件排版Vue文件 Col 标签子标签不被缩进的问题 iview viewDesign 自动格式化 问题 Col标签不对齐 首先直接放解决办法 在 vsCode settings.json 中添加 { // 缩进大小,自行按需配置 "vetur.format.opt ......
标签 viewDesign 插件 格式 文件

转:Shader入门教程实例-TheBookOfShaders For CocosCreator

简介 《The Book of Shaders》是一本关于片段着色器(Fragment Shader)的入门指南,由Patricio Gonzalez Vivo编写,从零开始讲述了如何通过Shader来完成图形图像的绘制。 本项目使用Cocos Creator 2.1.2实现了书中的大部分Shade ......

vue学习八

<div id="app8"> <ul> <li v-for="(item,index) in list" style="display: inline;list-style-type: none; margin-left: 10px;" @click="indexactive = index"> ......
vue