教程npm vue

Linux系统源码安装node和npm

系统:CentOS 7.9 64bit 一、创建安装文件夹 mkdir /opt/nodejs 二、下载node 下载地址https://nodejs.org/en/download/里面找 右键可以复制链接地址 cd /opt/nodejs wget https://nodejs.org/dist ......
源码 系统 Linux node npm

Spring+Vue修改功能

后端 数据回显,根据ID回显 @GetMapping("/findById/{id}") public Users findById(@PathVariable("id") Integer id){ return usersRepository.findById(id).get(); } 修改数据, ......
功能 Spring Vue

vue 下载文件并且重命名

<el-button type="primary" @click="xz(scope.row)" size="small">下载</el-button> methods内定义方法 xz(row) { this.getBlob(row.value, (blob) => { this.saveAs(bl ......
文件 vue

npm install 遇到的一些问题

node 不是命令符 快捷键win+R,输入 cmd,打开命令窗口,输入 node,如果出现了版本信息,就说明安装成功了 node.js。 右键以管理员身份打开 vsCode,打开项目,打开终端,再次输入 npm install,就不会报此错误了。 npm ERR! code ERR_SOCKET_ ......
install 问题 npm

vue 导出excel 后端返回blob数据流

后端返回blob数据流,前端进行下载 封装公共ts组件downloadExcel.ts /* * created by seven.lau on 22/11/2023 * 导出excel * 后端返回Blob数据流 * url 接口地址 * paramsData 接口参数 * filename 导出 ......
数据流 数据 excel blob vue

wireshark抓包新手使用教程

Wireshark是非常流行的网络封包分析软件,可以截取各种网络数据包,并显示数据包详细信息。常用于开发测试过程各种问题定位。本文主要内容包括: 1、Wireshark软件下载和安装以及Wireshark主界面介绍。 2、WireShark简单抓包示例。通过该例子学会怎么抓包以及如何简单查看分析数据 ......
wireshark 新手 教程

vue的组件复用

在Vue.js中,模板(template)插槽是一种实现组件内容动态替换的方法,从而使组件具有更强的复用性。以下是一个使用模板插槽实现组件复用的例子: 首先,创建一个基础组件,如BaseComponent,它包含一个<template>标签,用于存放可复用的代码: <template> <div c ......
组件 vue

前端vue中使用多个dialog对话框

需要使用多个dialog对话框时 场景:crud中添加和修改数据需要两个对话框,结构类似,但所需要调用的axios的方法不同,因此使用两个对话框进行 解决方法: ①在两个不同的vue文件中分别写一个dialog对话框 ②(推荐)在一个vue文件中写俩不同的对话框,每个对话框对应一个不同的:visib ......
前端 对话框 多个 dialog vue

vue2在线预览文档——Onlyoffice

1. 安装依赖 安装完依赖就直接看第二步,官网现在是vue3 + ts + Onlyoffice结合 Onlyoffice官网:https://api.onlyoffice.com/editors/vue 若报版本错误:可以尝试npm install --save @onlyoffice/docum ......
Onlyoffice 文档 vue2 vue

vue学习笔记(借鉴其他笔记不是本人书写)

文章目录 一. Vue基础 认识Vue.js Vue安装方式 Vue的MVVM 二. Vue基础语法 生命周期 模板语法 创建Vue, options可以放什么 语法 综合 v-on v-for遍历数组 v-model表单绑定 v-model结合radio类型使用 v-model结合checkbox ......
笔记 vue

panjiachen的vue-admin-template中关闭eslint

由于有语法检查,所以我想关闭eslint 低版本: 在conf/index.js中将 useEslint改为 flase 高版本: 在.eslintrc.js中有rules,这里边都是eslint的校验规则,如果你不想有校验,可以直接将rule括号中的规则都注释掉 ......

vue3 watch

const filterCommandList = computed(() => { timerList.value.forEach((item) => clearInterval(item)); timerList.value = []; let data = repeatReminderList ......
watch vue3 vue

vue-cli前端项目H5开发备忘录

vue脚手架安装1、安装vue脚手架时,使用工具命令vue init webpack vue1创建vue项目 ①从github仓库中下载vue-templates/webpack,然后解压到本地 下载地址:https://github.com/vuejs-templates/webpack ②下载完 ......
备忘录 前端 vue-cli 项目 vue

Walrus 入门教程:如何创建模板以沉淀可复用的团队最佳实践

模板是 Walrus 的核心功能之一,模板创建完成后用户可以重复使用,并在使用过程中逐渐沉淀研发和运维团队的最佳实践,进一步简化服务及资源的部署。用户可以使用 HCL 语言自定义创建模板,也可以一键复用 Terraform 社区中上万个成熟的 Module。在本文中,我们将以阿里云 EC2 为例,介 ......
入门教程 团队 模板 教程 Walrus

Cocos Creator 教程 : 坐标系统

主要简单讲解下坐标系统,由于Creator是基于Cocos2dx,也就是使用OpenGL的坐标系,即原点在屏幕左下角,x轴向右,y轴向上。然后讲解下本地坐标与世界坐标,最后讲下坐标转换。 点击链接加入群聊【unity/cocos交流二群】 坐标系 基于OpenGL坐标,也就是原点在屏幕左下角,x轴向 ......
坐标 Creator 教程 系统 Cocos

手撕Vue-Router-初始化路由信息

前言 经过上一节课的学习,我们已经完成了提取我们想要的路由信息数据格式,提取完毕了之后,接下来我们该干什么,接下来需要做的步骤就是监听路由的变化,保存当前的路由。 那么就会遇到几个问题,就是怎么监听,怎么保存,我们先回到 VueRouter 的官方文档,点击右上角的 API 参考,然后拖动到底部,在 ......
路由 Vue-Router Router 信息 Vue

SpringBoot + Vue实现分页查询

后端 在controller层修改 SpringBoot自带分页查询方法,只需要修改关键代码就可以 @GetMapping("/findAll/{page}/{size}") //获取url输入的页码 public Page<Users> findAll(@PathVariable("page") ......
SpringBoot Vue

vue3所遇问题

1. table表格无边框数据乱飞 解决方法 : 将 import { } from 'Element plus ' 删去 2.表单无法输入内容 解决方法 : ref="form" :model="form333" ref与:modle 不可重名 ......
问题 vue3 vue

Vue中的Vuex

概述 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 对于组件间的通信方式而言,vuex也是一个可以进行任意组件通信的方法。 使用场景: 某个状态在很多组件来使用(个人信息) 多个组 ......
Vuex Vue

vue 检测可视区域大小及是否改变

表格height:'auto',如果是只有一个vxe-grid还好,会自动伸展高度,但是多个展示的时候,比如左侧列表,右侧显示一个流程。 这样height:'auto',发现不太好使。 这样就要计算可视区域高度,并进行动态处理。 const areaHeight = ref(0); onMounte ......
大小 区域 vue

npm相关语法笔记

1.可以使用nvm下载管理多个npm 下载地址:https://github.com/coreybutler/nvm-windows/releases nvm list avaliable #查看可用的node版本 nvm install 20.9.0 #下载对应版本号的node nvm unins ......
语法 笔记 npm

VUE+Element UI

el基本标签 Vue集成 Element Ul Element Ul后台管理系统主要的标签: el-container:构建整个页面框架。 el-aside:构建左侧菜单。 el-menu:左侧菜单内容,常用属性:default-openeds:默认展开的菜单,通过菜单的index值来关联。:def ......
Element VUE UI

【教程】cpp转python Nanobind 实践 加速轻量版 pythonbind11

主要是尝试一下把c++这边的函数封装打包给python用,选择nanobind的原因是:1. 优化速度快,2. 生成二进制包小,不过pythonbind11是更为广泛知道的,nanobind也是pythonbind11作者后续做的,可以查看作者写的 why another binding libar ......
轻量 pythonbind Nanobind 教程 python

前端vue经典面试题78道(重点详细简洁)

前端vue经典面试题78道(重点详细简洁) 目录 1.自我介绍 2.vue面试题 1.v-show和v-if区别的区别: 2.为何v-for要用key 3.描述vue组件声明周期mm 单组件声明周期图 ​父子组件生命周期图 4.vue组件如何通信 5.描述组件渲染和更新的过程 1、vue 组件初次渲 ......
前端 重点 经典 vue

vue jsx相关的各种各样的包

babel-plugin-syntax-jsx babel-plugin-transform-vue-jsx babel-plugin-js-v-model @vue/babel-plugin-jsx requires @babel/plugin-syntax-jsx @vue/babel-plug ......
各种各样 vue jsx

记录--用了那么久的Vue,你了解Vue的报错机制吗?

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 Vue的5种处理Vue异常的方法 相信大家对Vue都不陌生。在使用Vue的时候也会遇到报错,也会使用浏览器的F12 来查看报错信息。但是你知道Vue是如何进行异常抛出的吗?vue 是如何处理异常的呢?接下来和大家介绍介绍,Vue是如何处理 ......
Vue 机制

VC++ 2019 MFC TinyXML2使用教程/方法详解(转载)

转载地址: VC++ 2019 MFC TinyXML2使用教程/方法详解_vc++2019_一笑的博客-CSDN博客 TinyXML2让VC++中操作XML,如鱼得水,就像一个小型的数据库,特别方便。 本篇主要介绍在VC++ 2019的MFC项目中,如何利用TinyXML2,创建、插入、查询、更新 ......
TinyXML2 TinyXML 方法 教程 2019

2023最新!VMware17安装centos7保姆级教程

2023最新!VMware17安装centos7保姆级教程 安装的是cenos7,使用的是最新的VMware17 导航 目录2023最新!VMware17安装centos7保姆级教程导航一、虚拟机设置二、虚拟机初次启动配置 一、虚拟机设置 双击启动程序,在主窗口选择 创建新虚拟机 选择 稍后安装操作 ......
保姆 centos7 教程 VMware centos

【Python入门教程】OpenCV在图片/视频上添加Logo(水印)

还是老样子,最近项目需要在视频上添加logo,所以就找了一下相关资料,然后写了一段代码,今天给大家分享一下如何使用Python的OpenCV库给图片或视频添加水印和logo。 ......
入门教程 水印 教程 Python OpenCV

vue弹窗中嵌入iframe页面,焦点在iframe页面中,需要监听esc按键关闭弹窗

当焦点在弹窗中,点击esc按钮能正常关闭弹窗,但是当焦点在iframe页面中时,esc按键就不生效了 试错: 直接使用 document.addEventListener('keydown', this.listenerHandle)或者document.querySelector('#iframe ......
页面 iframe 按键 焦点 vue