变量vue3 vue css
【vue3-element-admin 】基于 Vue3 + Vite4 + TypeScript + Element-Plus 从0到1搭建后台管理系统(前后端开源@有来开源组织)
本篇通过万字长文详细介绍 vue3-element-admin v2 版本从 0 到 1,相较于v1版本增加了对原子CSS(UnoCSS)、按需自动导入、暗黑模式等功能的支持以及重构优化。v2 版本发布也标志着有来开源组织的 SpringBoot3 + Vue3 前后端分离开源项目到达新的里程碑,希... ......
.NET Core 环境变量详解
软件从开发到正式上线,在这个过程中我们会分为多个阶段,通常会有开发、测试、以及上线等。每个阶段对应的环境参数配置我们会使用不同的参数。比如数据库的连接字符串,开发环境一般我们都是连接的测试库。以前这种情况通常是 COPY 两个同名的配置文件来进行处理,然后在本地就使用本地的配置,生产环境就使用生产环... ......
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 ......
01-CSS基础练习:JD首页的制作(顶部和底部)
title: 01-CSS基础练习:JD首页的制作(顶部和底部) publish: true 前言 京东是典型的电商类网站,学习这个网站的制作比较有价值。我们准备用WebStorm进行开发。 京东首页的截图为:http://img.smyhvae.com/20180119_1653.jpg 页面规划 ......
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 ......
变量名称规则
变量命名的规则变量类型包括(环境变量,位置变量,只读变量,局部变量,状态变量)一 环境变量可以使子进程继承父进程的变量1.PATH:指定命令的搜索路径2.HOME:指定用户的主工作目录(即用户登陆到Linux系统中时,默认的目录)3.HISTSIZE:指保存历史命令记录的条数。4.LOGNAME:指 ......
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 然后 ......
vue2源码-十、diff算法
diff算法 diff算法的特点就是平级比较,内部采用了双指针方式进行优化,优化了常见的操作。采用了递归比较的方式。 针对一个节点的diff算法 先拿出根节点来进行比较如果是同一个节点则比较属性,如果不是同一个节点则直接换成最新的即可。 同一个节点比较属性后,复用老节点 比较儿子 一方有儿子 一方没 ......
Postman接口测试-变量
postman的四种变量:全局变量、环境变量、集合变量(项目变量)、普通变量 全局变量:整个postman中的请求都可以使用创建的两种方法: 第一种方法:再界面右上角-MANAGE ENVIRONMENTS 添加变量名称+变量值 第二种方法:再Pre-requests Script和Tests选择右 ......
[oeasy]python0135_变量名与下划线_dunder_声明与赋值
变量定义 回忆上次内容 变量 就是 能变的量 上次研究了 变量标识符的 规则 第一个字符 应该是 字母或下划线 合法的标识符可以包括 大小写字母 数字 下划线 还研究了字符串(str)的函数 isidentifier 查询字符串 是否为合法标识符 最后发现 这个isidentifier函数有时候不好 ......
css 利用 linear-gradient 实现条纹背景
1. 水平条纹背景 当给背景设置渐变效果时,默认的渐变方向是垂直由上到下的,效果如下: { background: linear-gradient(#aaa, #ddd); } 尝试拉近色标的距离,会发现渐变区域变小了: { background: linear-gradient(#aaa 40%, ......
Vue3 日历组件的实现
Vue3 日历组件的实现 以下是一个基于 Vue 3 实现的简单日历组件的代码示例。这个日历组件包含了前一个月、当前月、下一个月的日期,并且可以支持选择日期、切换月份等功能。 <template> <div class="calendar"> <div class="header"> <button ......
day 06 6.1 前端基础之CSS
前端基础之CSS CSS就是Cascading Style Sheet的缩写,中文译作“层叠样式表”或者是“级联样式表”,是用于控制网页外观处理并允许将网页的表现与内容分离的一种标记性语言,CSS不需要编译,可以直接由浏览器执行(属于浏览器解释型语言),是Web网页开发技术的重要组成部分。 那么接下 ......
Vue+el-table实现行内新增、编辑、取消、删除
table代码: 1 <el-table 2 border 3 :data="tableData" 4 > 5 <el-table-column prop="name" label="Name" align="center"> 6 <template slot-scope="scope"> 7 <e ......
Vue3 watch 监听对象数组中对象的特定属性
Vue3 watch 监听对象数组中对象的特定属性 在 Vue 3 中,可以使用 watch 函数来监听对象数组中对象的特定属性。可以通过在回调函数中遍历数组来检查对象的特定属性是否发生变化,并在变化发生时执行相应的操作。 一、监听对象的特定属性 例如,假设有一个名为 items 的对象数组,其中每 ......
Vue3,使用 JS 调用弹窗组件,并实现关闭弹窗组件时销毁组件
需要对一个弹窗组件进行改造,使其能用 JS 调用,并实现关闭弹窗组件时销毁组件 原始弹窗组件 Popup.vue <template> <van-overlay :show="visible" > <div class="overlay-wrapper"> <div class="container ......
CentOS7 云服务器搭建及部署SpringBoot+vue项目
CentOS7 云服务器搭建及部署SpringBoot+vue项目 1)云服务器配置以及环境搭建 1.1 JDK安装 卸载现有环境(有则卸载) 使用rpm命令查询相关java套件 rpm -qa | grep java 如果存在,通过命令删除对应版本的JDK rpm -e --nodeps java ......
MySQL: 为什么使用 innobackupex 备份恢复搭建主从时,必须人为设置 gtid_purged 变量
###问题描述: 使用innobackupex 搭建主从的步骤如下: 1.主库使用 innobackupex 备份并 apply-log 2.将备份文件拷贝至从库,从库清空datadir目录,并使用 innobackupex 进行 copy-back 3.从库根据备份目录中的 xtrabackup_ ......