教程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 ......
Spring+Vue修改功能
后端 数据回显,根据ID回显 @GetMapping("/findById/{id}") public Users findById(@PathVariable("id") Integer id){ return usersRepository.findById(id).get(); } 修改数据, ......
vue 下载文件并且重命名
<el-button type="primary" @click="xz(scope.row)" size="small">下载</el-button> methods内定义方法 xz(row) { this.getBlob(row.value, (blob) => { this.saveAs(bl ......
npm install 遇到的一些问题
node 不是命令符 快捷键win+R,输入 cmd,打开命令窗口,输入 node,如果出现了版本信息,就说明安装成功了 node.js。 右键以管理员身份打开 vsCode,打开项目,打开终端,再次输入 npm install,就不会报此错误了。 npm ERR! code ERR_SOCKET_ ......
vue 导出excel 后端返回blob数据流
后端返回blob数据流,前端进行下载 封装公共ts组件downloadExcel.ts /* * created by seven.lau on 22/11/2023 * 导出excel * 后端返回Blob数据流 * url 接口地址 * paramsData 接口参数 * filename 导出 ......
wireshark抓包新手使用教程
Wireshark是非常流行的网络封包分析软件,可以截取各种网络数据包,并显示数据包详细信息。常用于开发测试过程各种问题定位。本文主要内容包括: 1、Wireshark软件下载和安装以及Wireshark主界面介绍。 2、WireShark简单抓包示例。通过该例子学会怎么抓包以及如何简单查看分析数据 ......
vue的组件复用
在Vue.js中,模板(template)插槽是一种实现组件内容动态替换的方法,从而使组件具有更强的复用性。以下是一个使用模板插槽实现组件复用的例子: 首先,创建一个基础组件,如BaseComponent,它包含一个<template>标签,用于存放可复用的代码: <template> <div c ......
前端vue中使用多个dialog对话框
需要使用多个dialog对话框时 场景:crud中添加和修改数据需要两个对话框,结构类似,但所需要调用的axios的方法不同,因此使用两个对话框进行 解决方法: ①在两个不同的vue文件中分别写一个dialog对话框 ②(推荐)在一个vue文件中写俩不同的对话框,每个对话框对应一个不同的:visib ......
vue2在线预览文档——Onlyoffice
1. 安装依赖 安装完依赖就直接看第二步,官网现在是vue3 + ts + Onlyoffice结合 Onlyoffice官网:https://api.onlyoffice.com/editors/vue 若报版本错误:可以尝试npm install --save @onlyoffice/docum ......
vue学习笔记(借鉴其他笔记不是本人书写)
文章目录 一. Vue基础 认识Vue.js Vue安装方式 Vue的MVVM 二. Vue基础语法 生命周期 模板语法 创建Vue, options可以放什么 语法 综合 v-on v-for遍历数组 v-model表单绑定 v-model结合radio类型使用 v-model结合checkbox ......
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 ......
vue-cli前端项目H5开发备忘录
vue脚手架安装1、安装vue脚手架时,使用工具命令vue init webpack vue1创建vue项目 ①从github仓库中下载vue-templates/webpack,然后解压到本地 下载地址:https://github.com/vuejs-templates/webpack ②下载完 ......
Walrus 入门教程:如何创建模板以沉淀可复用的团队最佳实践
模板是 Walrus 的核心功能之一,模板创建完成后用户可以重复使用,并在使用过程中逐渐沉淀研发和运维团队的最佳实践,进一步简化服务及资源的部署。用户可以使用 HCL 语言自定义创建模板,也可以一键复用 Terraform 社区中上万个成熟的 Module。在本文中,我们将以阿里云 EC2 为例,介 ......
Cocos Creator 教程 : 坐标系统
主要简单讲解下坐标系统,由于Creator是基于Cocos2dx,也就是使用OpenGL的坐标系,即原点在屏幕左下角,x轴向右,y轴向上。然后讲解下本地坐标与世界坐标,最后讲下坐标转换。 点击链接加入群聊【unity/cocos交流二群】 坐标系 基于OpenGL坐标,也就是原点在屏幕左下角,x轴向 ......
手撕Vue-Router-初始化路由信息
前言 经过上一节课的学习,我们已经完成了提取我们想要的路由信息数据格式,提取完毕了之后,接下来我们该干什么,接下来需要做的步骤就是监听路由的变化,保存当前的路由。 那么就会遇到几个问题,就是怎么监听,怎么保存,我们先回到 VueRouter 的官方文档,点击右上角的 API 参考,然后拖动到底部,在 ......
SpringBoot + Vue实现分页查询
后端 在controller层修改 SpringBoot自带分页查询方法,只需要修改关键代码就可以 @GetMapping("/findAll/{page}/{size}") //获取url输入的页码 public Page<Users> findAll(@PathVariable("page") ......
vue3所遇问题
1. table表格无边框数据乱飞 解决方法 : 将 import { } from 'Element plus ' 删去 2.表单无法输入内容 解决方法 : ref="form" :model="form333" ref与:modle 不可重名 ......
Vue中的Vuex
概述 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 对于组件间的通信方式而言,vuex也是一个可以进行任意组件通信的方法。 使用场景: 某个状态在很多组件来使用(个人信息) 多个组 ......
vue 检测可视区域大小及是否改变
表格height:'auto',如果是只有一个vxe-grid还好,会自动伸展高度,但是多个展示的时候,比如左侧列表,右侧显示一个流程。 这样height:'auto',发现不太好使。 这样就要计算可视区域高度,并进行动态处理。 const areaHeight = ref(0); onMounte ......
npm相关语法笔记
1.可以使用nvm下载管理多个npm 下载地址:https://github.com/coreybutler/nvm-windows/releases nvm list avaliable #查看可用的node版本 nvm install 20.9.0 #下载对应版本号的node nvm unins ......
VUE+Element UI
el基本标签 Vue集成 Element Ul Element Ul后台管理系统主要的标签: el-container:构建整个页面框架。 el-aside:构建左侧菜单。 el-menu:左侧菜单内容,常用属性:default-openeds:默认展开的菜单,通过菜单的index值来关联。:def ......
【教程】cpp转python Nanobind 实践 加速轻量版 pythonbind11
主要是尝试一下把c++这边的函数封装打包给python用,选择nanobind的原因是:1. 优化速度快,2. 生成二进制包小,不过pythonbind11是更为广泛知道的,nanobind也是pythonbind11作者后续做的,可以查看作者写的 why another binding libar ......
前端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 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,你了解Vue的报错机制吗?
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 Vue的5种处理Vue异常的方法 相信大家对Vue都不陌生。在使用Vue的时候也会遇到报错,也会使用浏览器的F12 来查看报错信息。但是你知道Vue是如何进行异常抛出的吗?vue 是如何处理异常的呢?接下来和大家介绍介绍,Vue是如何处理 ......
VC++ 2019 MFC TinyXML2使用教程/方法详解(转载)
转载地址: VC++ 2019 MFC TinyXML2使用教程/方法详解_vc++2019_一笑的博客-CSDN博客 TinyXML2让VC++中操作XML,如鱼得水,就像一个小型的数据库,特别方便。 本篇主要介绍在VC++ 2019的MFC项目中,如何利用TinyXML2,创建、插入、查询、更新 ......
2023最新!VMware17安装centos7保姆级教程
2023最新!VMware17安装centos7保姆级教程 安装的是cenos7,使用的是最新的VMware17 导航 目录2023最新!VMware17安装centos7保姆级教程导航一、虚拟机设置二、虚拟机初次启动配置 一、虚拟机设置 双击启动程序,在主窗口选择 创建新虚拟机 选择 稍后安装操作 ......
【Python入门教程】OpenCV在图片/视频上添加Logo(水印)
还是老样子,最近项目需要在视频上添加logo,所以就找了一下相关资料,然后写了一段代码,今天给大家分享一下如何使用Python的OpenCV库给图片或视频添加水印和logo。 ......