截图 部分vue3 vue
vue3打包后一片空白控制台报错
问题原因是路径不对，加上一行代码就可完美解决问题。 在vue.config文件中加上 publicPath:'./' 即可解决问题。 问题如图所示： 如何解决问题呢？ ......
vue实现的常见的动画效果
本文包括的动画： zoom-in zoom-in-left zoom-in-right zoom-in-top zoom-in-bottom zoom-in-center-x zoom-in-center-y slide slide-left slide-right slide-top slide- ......
sql部分语法
原文地址 zhuanlan.zhihu.com sql部分语法 残枫cps 目录收起mysqldumpIF表达式IFNULL(expr1,expr2)IF ELSE 做为流程控制语句使用INNER JOINLEFT JOINRIGHT JOINFULL OUTER JOINcase when th ......
第三章部分例题（6）
例3-13 值传递与引用传递的比较 设计思路：通过函数对数值进行改变观察值传递与应用传递后原数值的变化 代码： #include <iostream> #include<iomanip> using namespace std; void fiddle(int in1,int &in2) { in1 ......
vue全家桶进阶之路48：Vue3 跨域配置devServer的参数和设置
devServer 是一个用于配置开发服务器的选项对象。它可以用来配置服务器的各种选项，例如代理，端口号，HTTPS 等。 以下是一些常用的 devServer 参数和设置： port：指定开发服务器的端口号，默认为 8080。 host：指定开发服务器的主机名，默认为 localhost。 htt ......
vue3 路由跳转：Cannot read properties of undefined (reading 'push')
在vue2中我们通常会在全局的接口请求里面设置拦截器，如果登录失效或者说其他情况需要跳转到登录页面或者说其他页面的，我们就使用this.$router.push实现vue3中同样使用改方式： import { useRouter } from 'vue-router'; const router = ......
Vue&Element-Ui（支技VUE2）&解决ttf, woff 文件报错的问题
一、Vue&Element-Ui（支技VUE2） Vue 是一套用于构建用户界面的渐进式 JavaScript (主张最少)框架 ，开发者只需要关注视图层， 它不仅易于上手，还便于与第三方库或既有项目的整合。是基于MVVM（Model-View-ViewModel 即：视图层-视图模型层-模型层）设 ......
vue3 源码
这文章写的很好 Compiler模块：编译模板系统。主要职责是将template编译成虚拟节点。 Runtime模块：也可以称之为Renderer模块，真正负责渲染的模块。主要职责是将虚拟节点渲染成真实元素，然后显示到浏览器上。 Reactivity模块：响应式系统。主要职责是监听响应式的数据，然后 ......
vue全家桶进阶之路47：Vue3 Axios拦截器封装成request文件
可以将Axios拦截器封装成一个单独的request文件，以便在整个应用程序中重复使用。 以下是一个示例，展示如何将Axios拦截器封装成一个request文件： 1、创建一个名为request.js的新文件，并导入Axios： import axios from 'axios'; 2、创建一个名为 ......
Vue3 入门（ref）
Vue3 入门（ref） let name = ref('jack') 首先我们得明白，ref函数返回的是一个RefImpl对象的实例，所以此时name的值是一个复杂数据类型Object，它里面有个value属性，就是它的值，而其它的属性皆是下划线开头的，我们不关注，因为这类属性一般不是给我们开发用 ......
【vue3-element-admin 】基于 Vue3 + Vite4 + TypeScript + Element-Plus 从0到1搭建后台管理系统（前后端开源@有来开源组织）
本篇通过万字长文详细介绍 vue3-element-admin v2 版本从 0 到 1，相较于v1版本增加了对原子CSS(UnoCSS)、按需自动导入、暗黑模式等功能的支持以及重构优化。v2 版本发布也标志着有来开源组织的 SpringBoot3 + Vue3 前后端分离开源项目到达新的里程碑，希... ......
Vue插槽
插槽 作用 让父组件可以向子组件指定位置插入html结构，也是一种组件间通信的方式，适用于父组件 => 子组件。 分类 默认插槽 具名插槽 作用域插槽 使用方法 默认插槽 //父组件中 <Category> <div>html结构</div> </Category> //子组件中 <template ......
10-Vue动画
title: 10-Vue动画 publish: true 前言 动画的作用：提高用户的体验，帮助用户更好的理解页面中的功能。 使用过渡类名实现动画 官方文档的截图 过渡类名如下： 动画进入： v-enter：动画进入之前的初始状态 v-enter-to：动画进入之后的结束状态 v-enter-ac ......
04-Vue的系统指令(二)
title: 03-v-on的事件修饰符 publish: true 前言 本文主要内容： v-model v-for v-if v-show v-model：双向数据绑定 重点：双向数据绑定，只能用于表单元素，或者用于自定义组件。 之前的文章里，我们通过v-bind，给<input>标签绑定了da ......
05-Vue的举例：列表功能
title: 05-Vue的举例：列表功能 publish: true 列表功能举例 步骤 1：列表功能 完整的代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" con ......
09-Vue中的Ajax请求
title: 09-Vue中的Ajax请求 publish: true vue-resource的介绍 vue-resource是Vue高度集成的第三方包。 官网链接： 文档（http相关）：https://github.com/pagekit/vue-resource/blob/master/do ......
11-Vue组件的定义和注册
title: 11-Vue组件的定义和注册 publish: true 前言 什么是组件 组件： 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可。 模块化和组件化的区别 模块化：是从代码逻辑的角度进行划 ......
12-Vue组件之间的传值
title: 12-Vue组件之间的传值 publish: true 父组件向子组件传值 我们可以这样理解：Vue实例就是一个父组件，而我们自定义的组件（包括全局组件、私有组件）就是子组件。 【重点】需要注意的是，子组件不能直接使用父组件中的数据。父组件可以通过props属性向子组件传值。 父组件向 ......
08-Vue实例的生命周期函数
title: 08-Vue实例的生命周期函数 publish: true 介绍 vue实例的生命周期：从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期。 生命周期钩子：就是生命周期事件的别名而已。 生命周期钩子 = 生命周期函数 = 生命周期事件。 生命周期函数 ......
01-Vue的介绍和vue-cli
title: 01-Vue的介绍和vue-cli publish: true MVVM模式 Model：负责数据存储 View：负责页面展示 View Model：负责业务逻辑处理（比如Ajax请求等），对数据进行加工后交给视图展示 关于框架 为什么要学习流行框架 1、企业为了提高开发效率：在企业中 ......
02-Vue的系统指令
title: 02-Vue的系统指令 publish: true 本文最初发表于博客园，并在GitHub上持续更新前端的系列文章。欢迎在GitHub上关注我，一起入门和进阶前端。 以下是正文。 本文主要内容 插值表达式 {{}} v-cloak v-text v-html v-bind v-on 举 ......
02-CSS基础练习：JD首页的制作（快捷导航部分）
title: 02-CSS基础练习：JD首页的制作（快捷导航部分） publish: true 我们在上一篇文章中制作的网页最顶部的导航，是属于网页导航。 本文中，Banner图上方的导航，叫做快捷导航（shortcut）。 ##快捷导航的骨架 我们先制作快捷导航的骨架。如下图所示： 上图中，sho ......
QuHai互联科技 算法题部分
11、实现计算第n个斐波那契数 12、给定一个字符串编码规则，如输入字符串”Y3E12S!3”,字母后面的数字表示该字符重复几次，如果字符后没有数字则表示一个字符，最终输出转码后的字符串’YYYEEEEEEEEEEEES!!!’。试写出转码的函数，编程语言不限。 13、简述你所了解的两种或以上排序算 ......
vue中的ref 和 reactive--今天学了啥 23/3/12
这两者都是默认deep reactive，不同的是reactive使用es6的proxy，只能使对象reactive。ref不仅支持对象还支持基本数组，不能说ref是reactive的超集，因为这两者返回的类型就不一样。 Ref type: function ref<T>(value: T): Re ......
关于vue3中Scope slot实战中使用
今天学了啥-23/03/28 vue提供slot机制让组件可以接收模板片段，来渲染模板片段。比如最常见的button组件，基本是如下这样使用。 <FancyButton> Click me! <!-- 插槽内容 --> </FancyButton> FancyButton 组件则是这样： <butt ......
【vue】记录收缩展开的动画效果
前言 项目里有时候使用到类似于收缩展开的功能，不设置动画会显得过程很生硬，记录下项目里有使用过的收缩展开的动画实现方式。 方式一：element UI 的折叠动画 如果项目使用到 element UI 可以引入如下组件，实现动画效果： 1、引入组件 import 'element-ui/lib/th ......
编写你的第一个 Django 应用程序，第8部分
本教程从教程 7 停止的地方开始。我们已经构建了我们的网络投票应用程序，现在将查看第三方软件包。 Django 的优势之一是丰富的第三方软件包生态系统。它们是社区开发的包，可用于快速改进应用程序的功能集。 本教程将展示如何添加 Django 调试工具栏，一个常用的第三方包。近年来，Django 调试 ......
编写你的第一个 Django 应用程序，第7部分
本教程从教程 6 停止的地方开始。我们将继续使用网络投票应用程序，并将专注于自定义 Django 自动生成的管理站点，这是我们在教程 2 中首次探索的。 一、自定义管理表单 通过用 admin.site.register(Question) 注册 Question 模型，Django能够构造一个默认 ......
vue全家桶进阶之路46：Vue3 Axios拦截器和globalProperties全局设置
在Vue.js 3中，使用Axios与Vue.js 2.x中类似，但是需要进行一些修改和更新，下面是Vue.js 3中Axios的定义和使用方式： 首先，你需要安装Axios和Vue.js 3.x，可以使用npm或yarn等包管理工具安装： npm install axios vue@next 然后 ......