模板 基础vue

关于在 vue 3 和 vue router 中使用 transition 过渡动效的 mode 属性导致页面跳转空白的问题

先放结论:不要在路由组件的 template 块中使用多个根标签,注释也不行。 今天碰到一个奇葩的问题,后端告诉我说,进入特定页面后,跳转其他页面均会白屏,刷新后就会加载。 一开始我以为是菜单的问题,搞鼓了半天,发现没什么问题。之后我又以为是路由的问题,发现只要移除了 transition 的 mo ......
transition vue 属性 空白 页面

【黑马前端】基础班总结

HTML 1、定义:超文本标记语言(hyper text markup language) ​ 超:可以加图片、声音、动画、多媒体等非文本内容; ​ 可以从一个文件跳到另一个文件,即超级链接文本。 2、运行方式:前端人员开发代码 > 浏览器显示代码(解析、渲染) > 生成最后的 Web 页面 3、浏 ......
前端 黑马 基础

python基础

以#开头的语句是注释,注释是给人看的,可以是任意内容,解释器会忽略掉注释。其他每一行都是一个语句,当语句以冒号:结尾时,缩进的语句视为代码块。 按照约定俗成的惯例,应该始终坚持使用4个空格的缩进。在文本编辑器中,需要设置把Tab自动转换为4个空格,确保不混用Tab和空格。 缩进的坏处就是“复制-粘贴 ......
基础 python

《SQL与数据库基础》22. 分库分表(二)

(分库分表(二)) 本文以 MySQL 为例。以 MyCat 数据库中间件为例,通过 MyCat 来完成分库分表操作。 分库分表(二) MyCat分片规则 范围分片 根据指定的字段及其配置的范围与数据节点的对应情况,来决定该数据属于哪一个分片。 该分片规则,主要适用于数字类型的字段。 配置: sch ......
分表 分库 数据库 基础 数据

vue全家桶进阶之路5:DOM文档对象模型

一、DOM对象 DOM,全称“DocumentObjectModel(文档对象模型)”,它是由W3C组织定义的一个标准。 在前端开发时,我们往往需要在页面某个地方添加一个元素或者删除元素,这种添加元素、删除元素的操作就是通过DOM来实现的。 说白了,DOM就是一个接口,我们可以通过DOM来操作页面中 ......
全家 模型 对象 文档 vue

vue全家桶进阶之路4:NPM包

NPM(Node Package Manager)是 Node.js 的包管理工具,用来安装各种 Node.js 的扩展。 NPM是 JavaScript 的包管理工具,也是世界上最大的软件注册表。有超过 60 万个 JavaScript 代码包可供下载,每周下载约 30 亿次。NPM让 JavaS ......
全家 vue NPM

vue this.$emit获取父组件返回值

// 父组件 getdata(bounds, callback){ callback(data) } // 子组件 let data = {} this.$emit("getdata", bounds, val => { data = val }) return data ......
组件 this emit vue

[vue] 脚手架笔记

笔记 脚手架文件结构 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── component: 存放 ......
脚手架 笔记 vue

一文详解vue-cli2.0与vue-cli3.0之间的区别

我们之所以介绍vue-cli2和vue-cli3的使用和区别,是因为VUE脚手架工具从vue-cli3版本开始,在项目结构等诸多方面开始与vue-cli2版本相比, 有较大的优化与调整。因此,在学习和工作中,我们需要了解一下版本更替之后,在哪些方面有变动。 1. 项目目录结构 可以明显的看出来,vu ......
vue-cli vue cli 之间 2.0

c++基础

三法则(Rule of Three)在C++里,它是一个以设计的基本原则而制定的定律。它的要求是,假如类有明显定义下列其中一个成员函数,那么程序员必须写入其他两个成员函数到类内,也就是说下列三个成员函数缺一不可:析构函数、复制构造函数、赋值运算符。上述三个函数是特别的成员函数,假如程序员没有自行定义 ......
基础

Java基础

Java基础 java 特性 简单性 面向对象 可移植性 高性能、 分布式 动态性 多线程 安全性 健壮性 Java的三大版本 javaSE:标准版(桌面程序,控制台开发...) JavaME:嵌入式开发(手机小家电...) JavaEE:E企业级开发(web端,服务器开发...) JDK JRE ......
基础 Java

零基础转行软件测试首先需要学习哪些内容?

随着现在互联网行业的迅猛发展,越来越多的人想涌入进来,因为大家都觉得IT行业工资高,做测试门槛又低,是的,入门门槛确实比较低,但是要做好的话,还是有点难的,毕竟术业有专攻嘛,现在的测试行业已经不是以前的那个时代了,高级测试以及一些专项的测试岗位的人才还是比较稀缺的。下面给大家讲讲零基础转行软件测试首 ......
软件测试 基础 内容 软件

Vue 中npm run dev 和 npm run serve 的区别

在项目目录下,找到package.json文件,运行npm run serve命令启动项目的项目中,scripts中有一个serve字段,npm run dev命令中有一个dev字段,如下: "scripts": { "dev": "webpack-dev-server --inline --pro ......
npm run serve Vue dev

Flask+Vue 使用

Vue 项目经过npm run build 打包后生成文件在dist目录如下: app.py: from flask import Flask, render_template# 设置静态文件夹目录 static_folder='./dist' # 设置vue编译输出目录dist文件夹,为Flask ......
Flask Vue

Sentinel基础使用-限流降级熔断

转:Sentinel基础使用-限流降级熔断 4、安装Sentinel 官方文档:introduction (sentinelguard.io)。 ① 下载 官方下载:Releases · alibaba/Sentinel · GitHub。 ② 命令启动 cmd窗口或者命令行窗口启动: java - ......
Sentinel 基础

Vue3+vite项目中如何动态导入并创建多个全局组件

背景 实际开发项目中,有些时候我们需要通过全局注册多个自定义组件,但是每个组件都导入一次,将会导致代码很冗余。 实现方案 customComponents/index.js const files = import.meta.globEager("@/customComponents/*.vue") ......
全局 组件 多个 项目 动态

IPv6基础学习笔记

IPv6网络地址长度为128位,是 IPv4(32位)的 4倍;于是IPv4点分十进制格式不再适用,采用十六进制表示。IPv6有3种表示方法: 一、冒分十六进制表示法: 格式为 X:X:X:X:X:X:X:X, 即分为 8个段,由X代表的每一段为 16位 二进制(0000 0000 0000 000 ......
基础 笔记 IPv6 IPv

Vue2响应式原理

响应式基本原理就是,在初始化vue实例的时候,对data的每一个属性都通过 Object.defineProperty 定义一次,在数据被set的时候,做一些操作,改变相应的视图 ......
原理 Vue2 Vue

vite V3.0.0 vite.config.ts 引入插件vite-plugin-vue-setup-extend-plus报错(vueSetupExtend不是一个函数)

vite V3.0.0 vite.config.ts 引入插件报错(***** 不是函数) ·问题 #9414 ·Vitejs/Vite (github.com) 我的错误提示如下 ERROR failed to load config from D:\Work\TestCode\LuoCoreAd ......

直播平台源代码,vue自定义单选框radio

直播平台源代码,vue自定义单选框radio <template> <div @click="menuDialog = false"> <div> <!-- 按钮 --> <div @click.stop="openMenu()"> <div>{{ currentUnit ? currentUnit ......
源代码 radio 平台 vue

Socket基础三

1 流程 2 示例 看下面一个服务器端的代码: namespace MyScoketTest { public partial class Form1 : Form { public Form1() { InitializeComponent(); } /// <summary> /// 开始监听 ......
基础 Socket

Socket基础二

1:什么是Socket?Socket又被称之为"套接字",是计算机之间通信的一种约定或者方式,通过这种约定,计算机之间可以相互发送数据。2:本质是什么?实际上是对TCP/IP协议的封装,它的出现方便了程序员使用TCP/IP协议栈,本身不是协议。可以看做是传输层和应用层之间抽象出来的一层,是一组调用接 ......
基础 Socket

vue全家桶进阶之路2:JavaScript

JavaScript(简称“JS”)是当前最流行、应用最广泛的客户端脚本语言,用来在网页中添加一些动态效果与交互功能,在 Web 开发领域有着举足轻重的地位。JavaScript 与 HTML 和 CSS 共同构成了我们所看到的网页,其中: HTML 用来定义网页的内容,例如标题、正文、图像等; C ......
JavaScript 全家 vue

vue全家桶进阶之路3:Node.js

Node.js发布于2009年5月,由Ryan Dahl开发,是一个基于Chrome V8引擎的JavaScript运行环境,使用了一个事件驱动、非阻塞式I/O模型, 让JavaScript 运行在服务端的开发平台,它让JavaScript成为与PHP、Python、Perl、Ruby等服务端语言平 ......
全家 Node vue js

dockerfile部署vue+springboot+redis

后端部署: 一、拉取并启动redis镜像 1、在服务器/usr/local/etc/redis/文件目录下建立redis.conf配置文件,配置信息如下: bind 0.0.0.0 protected-mode no 2、拉取并启动最新的redis镜像,映射宿主机端口并挂载目录 docker run ......
dockerfile springboot redis vue

Vue组件以及其事件生命周期

1.Vue组件 必须先注册以便Vue能识别全局和局部注册 组件之间数据传递props $emit传值 组件切换v-if v-else 事件的生命周期类别servlet生命周期分为三个阶段 1.初始化阶段,调用init()2.响应客户请求阶段,调用service()3.终止阶段,调用destroy() ......
组件 周期 事件 生命 Vue

计算机核心基础知识

’一、编程与编程语言 (1)、什么是语言 语言就是人与人交流的媒介 (2)、什么是编程 编程就是程序员使用计算机能够读懂的语言把自己的思想和逻辑写出来的过程 (3)、什么是编程语言 人与计算机之间的交流媒介 二、计算机本质 计算机也称之为"电脑">>>:通电的大脑 计算机的工作肯定离不开电 电信号只 ......
基础知识 核心 计算机 基础 知识

Vue.js 路由简介

路由 理解: 一个路由(route)就是一组映射关系(key - value),多个路由需要路由器(router)进行管理。 前端路由:key是路径,value是组件。 ......
路由 简介 Vue js

vue全家桶进阶之路1:前言

Vue是一款国产前端框架,它的作者尤雨溪(Evan You)是一位美籍华人,2014年2月,尤雨溪开源了一个前端开发库 Vue.js,2015年发布1.0.0版本,2016年4月发布2.0版本,目前,尤雨溪全职投入 Vue.js 的开发与维护,立志将 Vue.js 打造成与 Angular/Reac ......
前言 全家 vue

javaweb——使用axios和vue改造书城项目的购物车

资料来源于:B站尚硅谷JavaWeb教程(全新技术栈,全程实战) ,本人才疏学浅,记录笔记以供日后回顾 由于是多个视频内容混合在一起,因此只放了第一个链接 视频链接 代码示例 index.html代码 修改后,点击购物车按钮,直接访问cart.html页面 点击查看代码 <!DOCTYPE html ......
书城 购物车 javaweb 项目 axios