页面axios网络vue

宝塔部署Java+Vue前后端分离项目

1. 购买服务器 服务器选择Linux的CentOS7的版本 2. 宝塔Linux面板 2.1 百度搜索宝塔 2.2 进去之后点击立即免费安装 2.3 选择Linux在线安装,输入服务器信息进行安装(也可以选择其他方式) 安装完成之后会弹一个宝塔的应用面板,并附带有登录名称和密码,这个要自己记下来的 ......
宝塔 项目 Java Vue

使用vue在移动端显示树状多选功能

最近的项目要求是做一个树状的多选功能,然而该项目是使用vant4作为前端的框架,vant4只有树状单选,没有多选的,那只能自己写一个了。 借鉴博主 https://blog.csdn.net/m0_68428581/article/details/130641982, 我将他的代码转成了vue3的语 ......
功能 vue

在vue中使用XLSX库实现Excel的导入导出

XLSX库是个十分强大的利用前端js处理excel文档的库,官网:https://www.sheetjs.com/ vue中安装即使用: 安装 pnpm install xlsx pnpm install xlsx-style-hzx //设置边框与格式用 使用 <div @click="expor ......
Excel XLSX vue

Vue学习笔记(十):全局事件总线

之前博客中介绍了prop和调用事件的方式在父-子组件之间进行数据,这种方式在只有一层嵌套层时可以使用,但是路过存在多层嵌套,多层多个“兄弟”组件之间传递数据,就非常麻烦。对此,vue中提供了一种全局事件总线机制,数据传递是通过一个空的Vue实例作为中央事件总线,通过它来触发事件和监听事件,可以实现几... ......
总线 全局 事件 笔记 Vue

CentOS 7 配置网络(虚拟机)

确认虚拟机NAT网段 可以从图中看出,VMnet8网络的IP段是192.168.11.0,掩码255.255.255.0,网关192.168.11.2。 编辑网络配置文件 网络配置文件地址: /etc/sysconfig/network-scripts/ 编辑ifcfg-ens33文件:vim /e ......
CentOS 网络

高效网络通信技术揭秘,Socket原理与实践

Socket(套接字)是一种在计算机网络中进行通信的抽象概念。它提供了一种编程接口,使得应用程序能够通过网络进行数据交换。Socket可以在不同的计算机上的进程之间建立连接,实现数据的传输和通信。 Socket是一个端点,由IP地址和端口号组成。IP地址指示计算机的位置,而端口号则指定应用程序在该计 ......
通信技术 原理 Socket 技术 网络

vue el-select/el-cascader获取选中的对象label值

1.el-select获取选中对象label值 <el-form-item label="车辆配置" prop="sales_name"> <el-select v-if="!showSaleNameInput" v-model="form.sales_name" clearable ref="it ......
el-cascader el-select cascader 对象 select

2. Vue简介

三大问题(是什么,为什么,怎么办):Vue是帮助前端优化开发的一个工具,是一个框架 渐进式框架的概念 Vue2 --> Vue3 ......
简介 Vue

Vue监听路由的变化

方式一:watch监听 通过watch监听,当路由发生变化的时候执行 watch:{ $route(to,from){ console.log(to.path); } }, // 或者 watch: { $route: { handler: function(val, oldVal){ consol ......
路由 Vue

socket网络编程

Socket网络编程 一、计算机网络概述 1、IP地址的概念 IP地址就是标识网络中设备的一个地址,好比现实生活中的家庭住址。 网络设备的效果图: 2、IP地址的表现形式 说明: IP地址分为两类:IPv4 和 IPv6 IPv4 是目前使用的IP地址 IPv6 是未来使用的IP地址 IPv4是由点 ......
网络编程 socket 网络

vue中v-bind绑定元素属性

vue中v-bind绑定元素属性 <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>vue.js</title> </he ......
属性 元素 v-bind bind vue

vue中的v-text指令和v-html指令区别

<html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> <title>vue.js</title> </head> <body> <div i ......
指令 v-text v-html text html

gitlab使用、线上分支合并、远程仓库回滚、为开源项目贡献代码、git工作流,git pull和git fetch,变基、pycharm操作git、登录注册页面分析、腾讯云短信申请

gitlab使用 # 1 创建账号 》管理员审核 # 2 登录进去 》就能看到项目--(项目管理员把你添加成开发者了) # 3 把代码clone下来,使用pycharm打开 # 4 写代码,本地提交 # 5 推送到远端 》先拉取代码 ## 问题: 普通开发者,提交到master分支是不行的 -创建一 ......
git 工作流 分支 仓库 贡献

R语言用灰色模型 GM (1,1)、神经网络预测房价数据和可视化|附代码数据

全文链接:http://tecdat.cn/?p=31938 最近我们被客户要求撰写关于灰色模型的研究报告,包括一些图形和统计输出。 以苏州商品房房价为研究对象,帮助客户建立了灰色预测模型 GM (1,1)、 BP神经网络房价预测模型,利用R语言分别实现了 GM (1,1)和 BP神经网络房价预测可 ......
数据 神经网络 房价 灰色 模型

22 axios和axios拦截器

1. axios 由于jquery有严重的地狱回调逻辑. 再加上jquery的性能逐年跟不上市场节奏. 很多前端工程师采用axios来发送ajax. 相比jquery. axios更加灵活. 且容易使用. 更加美丽的是. 这玩意是用promise搞的. 所以更加贴合大前端的项目需求. 来吧. 上手试 ......
axios 22

网络问题排查

......
问题 网络

计算机网络基础及网络参考模型

1. 网络基本概念 1.1 什么是计算机网络? 计算机网络:指主机与主机之间通过有形或无形的媒介连接起来,并且按照一定规则进行通信的集合。 1.2 什么是通信? 通信:指人与人、人与物、物与物之间通过某种媒介和行为进行信息传递与交流。 1.3 什么是网络通信? 网络通信:指设备之间通过网络进行通信。 ......
网络基础 网络 模型 计算机 基础

【vue2】实现css动效逐个顺序展示的效果(简陋版)

效果(进入预约里程碑模块后,小人从第一个台阶逐个闪烁出现在当前预约等级之前的台阶并消失,最终停留在当前预约等级的台阶上): 虽然很low但是!就是这么设计的!于是在原本静态的代码上稍加了些修改(为什么,为什么,想问天问大地) 首先是台阶部分的代码: <div :class="$style.reser ......
顺序 效果 vue2 vue css

gitlab、线上合并分支、远程仓库回滚、git工作流,git pull和git fetch,变基、pycharm操作git、登录注册页面分析

gitlab使用 1 、创建账号 》管理员审核 2 、登录进去 》就能看到项目--(项目管理员把你添加成开发者了) 3 、把代码clone下来,使用pycharm打开 4 、写代码,本地提交 问题: 普通开发者,提交到master分支是不行的 创建一个dev分支 》提交到dev分支 后期由管理员做分 ......
git 工作流 分支 仓库 pycharm

vue中下载excel文件4种方法,2、通过 a 标签 download 属性结合 blob 构造函数下载发送post请求和后台poi返回文件流实现下载

vue中下载excel文件4种方法,2、通过 a 标签 download 属性结合 blob 构造函数下载发送post请求和后台poi返回文件流实现下载 1、通过url下载 即后端提供文件的地址,直接使用浏览器去下载 通过window.location.href = 文件路径下载 window.lo ......
文件 函数 后台 download 属性

Vue报错Syntax Error:TypeError: this.getOptions is not a function的解决方法~

前几天在vue运行项目过程中报错了,这个方法是 关于Vue报错Syntax Error:TypeError: this.getOptions is not a function的解决方法 (1)报错一 (2)报错二~ 1.1问题分析 首先,检查代码,并没有什么错误的地方;其次,涉及到这个问题,可能就 ......
getOptions TypeError function 方法 Syntax

计算机的数值转化与网络的IP地址分类与地址划分

数值转换 数字系统由来 远古时代是没有数字系统非位置化数字系统: 罗马数字 (I-1、II-2、III-3、IV-4、V-5、VI-6、VII-7、VIII-8、IX-9、X-10) 位置话数字化系统分为 二进制;八进制;十进制;十六进制 数制 计数的方法,指用一组固定的符号和统一的规则表示数值的方 ......
地址 数值 计算机 网络

Vue3实战(05)-教你快速搭建Vue3工程化项目

除了Vue 3这个库,还需Vue 3 最新全家桶。 1 环境准备 之前语法演示直接使用script引入Vue 3,从而在浏览器里实现所有调试功能。但实际项目中,使用专门调试工具。在项目上线之前,代码也需打包压缩,并考虑到研发效率和代码可维护性,所以在下面,需建立一个工程化项目实现这些功能。 工具 V ......
Vue3 实战 Vue 项目 工程

网络流笔记

前言 粗略地讲一下吧,大概能理解就行 理论部分借鉴了 oi-wiki ,有问题欢迎指出 网络流 网络是一个特殊有向图 $G=(V,E)$ ,特殊在于有源点 $s$ 和汇点 $t$ 首先网络流图中每条边 $(u,v)$ 都有一个容量 $c(u,v)$ 介绍流函数 $f(u,v)$ ,指 $u$ 到 $ ......
笔记 网络

vue 中window.onresize有时不生效问题

在vue中多个组件中都使用window.onresize=()=>{},会导致前边赋值的方法被覆盖掉 改成 window.removeEventListener('resize', ()=>{}) 可生效 methods: { myFunction() { ... } }, mounted(){ / ......
onresize window 问题 vue

vue3.2+ts报错:找不到模块“./App.vue”或其相应的类型声明。

解决方法:在项目根目录创建 env.d.ts 文件(如果已有,则在文件中追加)加入下面内容: declare module '*.vue' { import type { DefineComponent } from 'vue'; const vueComponent: DefineComponen ......
vue 模块 类型 vue3 App

vue2常见选项和生命周期钩子函数

Vue2提供了一些其他选项和钩子函数,以支持更高级的组件功能和配置,这些包括: data:data选项用于定义组件的响应式数据。这些数据将被Vue追踪,以便在数据发生变化时更新视图。 data() { return { message: 'Hello, Vue!' } } methods:metho ......
钩子 函数 周期 常见 生命

vue2 父传子,子传父

在Vue 2中,使用props来从父组件向子组件传递数据,而要从子组件向父组件传递数据,通常需要使用自定义事件。关键字分别是: 从父组件向子组件传递数据(父传子): props:可以在子组件中使用props来接收父组件传递的数据。在父组件中,使用子组件标签的属性来传递数据。 示例: <!-- 父组件 ......
vue2 vue

vue cli2 3 4使用lib-flexible px2rem完美解决移动端适配问题

安装 lib-flexible $npm install lib-flexible --save lib-fiexble, lib-flexible会自动在html的head中添加一个meta name="viewport"的标签,同时会自动设置html的font-size为屏幕宽度除以10,也就是 ......
lib-flexible flexible px2rem 问题 cli2

《动手学深度学习 Pytorch版》 8.6 循环神经网络的简洁实现

import torch from torch import nn from torch.nn import functional as F from d2l import torch as d2l batch_size, num_steps = 32, 35 train_iter, vocab = ......
神经网络 深度 神经 Pytorch 网络