变量vue3 vue css
CSS 实现垂直居中的5种方法
方法1:使用绝对定位和负外边距对块级元素进行垂直居中 优点:兼容不错。缺点:必须提前知道被居中块级元素的尺寸 .father { width: 300px; height: 300px; background-color: red; position: relative; margin-bottom ......
vue项目中webpack编译glsl文件的配置
1、 安装webpack-glsl-loader npm install webpack-glsl-loader 2、修改vue.config.js配置,添加内容如下 module.exports = defineConfig({ configureWebpack: (config) => { co ......
css组合选择符和less中&作用
1.后代选择器(空格分隔) 2.子元素选择器(>分隔) 3.相邻兄弟选择器(+分隔) 4.普通兄弟选择器(~分隔) 1.后代选择器 : 用于选取某元素的后代元素 以下实例选取所有 <div> 元素中的<p> 元素 <style> div p { background-color:yellow; } ......
java环境变量
右键我的电脑-属性-高级系统设置-环境变量 在箭头标识那里进行环境变量 点击新建-变量名:JAVA_HOME 变量值:自己安装jdk的路径如(D:\program\ljyjdk8) 最后找到Path这行-编辑-新建 新建值为 %JAVA_HOME%\bin ......
vue3使用体验--用了之后再也不想用vue2
0.个人推荐使用 setup 语法糖,看起来更加简洁。 <script setup> import { ref,reactive,onMounted } from 'vue'; const name=ref('李四'); // 定义普通数据类型的响应式,获取/修改数据需要 .value,在模板中不需 ......
CSS实现菜单选项向外圆角效果
最终效果 实现方法 1. ::before、::after伪元素裁剪拼接 完整代码: 示例中图标引用了iconfont,地址 点击这里 html代码 <body> <ul> <li class="active"><i class="iconfont"></i></li> <li><i ......
Vue3 setup语法糖添加name属性
1. 安装插件vite-plugin-setup-extend npm i vite-plugin-setup-extend -D 2. 配置vite.config.ts import vue from '@vitejs/plugin-vue' import { defineConfig } fro ......
Vue3+TS配置路径别名@
##1. vite.config.ts import vue from '@vitejs/plugin-vue' import { resolve } from 'path' import { defineConfig } from 'vite' export default defineConfi ......
【学习笔记】JS+VUE
JS JS教程 HTML 定义了网页的内容 CSS 描述了网页的布局 JavaScript 控制了网页的行为 简介 1、什么是JS? JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后,可由所有的现 ......
MS - 提取多个变量为列表,作为下个接口的传参
接口获取信息,提取多个值存储到列表,用于下一个接口的传参。 接口一 获取所有问卷的信息列表: { "success": true, "message": "success", "data": [ { "id": 7711, "name": "员工福利需求调查 - 1" }, { "id": 7712 ......
Element Plus错误警告 | Popper: Detected CSS transitions on at least one of the following CSS properties: "transform", "top", "right", "bottom", "left".
这个错误的解决方案如下: 1. 禁用 "computeStyles" 修饰符的 adaptive 选项:这将允许平滑过渡,但可能会降低性能。 禁用 "computeStyles" 修饰符的 adaptive 选项,可以在创建 Popper 实例时指定 modifiers 参数,并将 computeS ......
CSS 属性 选择器
具有特定属性的HTML元素样式 具有特定属性的HTML元素样式不仅仅是class和id。 注意:IE7和IE8需声明!DOCTYPE才支持属性选择器!IE6和更低的版本不支持属性选择器。 属性选择器 下面的例子是把包含标题(title)的所有元素变为蓝色: 实例 [title] { color:bl ......
用quasar+vue3+组合式api 实现小米商城标题栏动画
先来看一下小米商城标题栏动画: 小米商城标题栏动画主要特点: 移入时二级菜单缓慢出现; 移出时二级菜单缓慢消失; 在一级菜单之间移动时,二级菜单内容直接切换,没有过渡效果。 实现思路 一、纯css实现(❌) 首先肯定是考虑 :hover,但是经过试验发现,:hover 可以实现鼠标移入移出时的过渡效 ......
css 设置tr的边框
有时候有设置tr边框的需求,写下如下css tr{ border-bottom: 1px solid red; } 发现不起作用,后来在w3c上查了查,原来只有table,th和td有独立的边框,tr并无边框。 但我想实现每一行都存在下边框,其他边框不存在,该怎么办呢? 有两种实现方法: 方法1: ......
C语言变量范围,打印格式
int: -2147483648~2147483647long: -2147483648~2147483647 2147483647:linux 2038问题 打印格式 %ld unsigned long %lulong long: -9223372036854775808 ~ 9223372036 ......
css 清楚浮动的4种办法
1、浮动:浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。 由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样 2、我们使用position:fixed,absolute和float都会造成浮动效果。 3、clear 属性的值可以是 lef ......
css 实现三栏布局(圣杯布局)的5种方法
效果图: 1、浮动:设置float: left;,配合负margin来实现 .left { float: left; width: 100px; height: 200px; background-color: red; } .right { float: right; width: 100px; ......
变量定义命令定义就近原则
变量定义命令定义就近原则 变量定义命令定义变量定义命令定义就近原则就近原则 变量定义命令定义就近原则变量定义命令定义就近原则 变量定义命令定义就近原则 变量定义命令定义就近原则 变量定义命令定义就近原则 (远交近攻) ......
vue跳到下一页
好久没接触vue了,,,写毕设的时候,需要从注册页跳到选择兴趣爱好页, 印象里还记得是使用this.$router.push({ path:'/'})来跳到下一页,但是一直跳不进去,why,,, 去路由配置中心一看,没毛病啊,配置好兴趣爱好页的路由, 然后放到注册页的子页面,,傻了,两个页面同时存在 ......
css 实现单行、多行溢出 省略号显示
1、单行溢出显示省略号: { white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} 2、多行溢出省略号: ①、(缺点:此方法因为使用了webkit属性,故只能chrome等浏览器有效) { -webkit-line-clamp: ......
2、CSS 颜色定义
CSS颜色定义方法:(RGBA \ HSLA \ opacity \ transparent为css3 新特性) 1、直接使用颜色名/16进制值 2、使用RGBA: RGB代表光的三原色,Red、Green和Blue,CSS3中可以增加一个值a(alpha),表示颜色的透明度:取值范围0-1之间,0 ......
新的 CSS 伪类函数 :is() 和 :where()
新的 CSS 伪类函数 :is() 和 :where() Posted on 2022-08-15 14:39 书中枫叶 阅读(48) 评论(0) 编辑 收藏 举报 :is() 和 :where() 标题中的 <b> 标签进行颜色调整: h1 > b, h2 > b, h3 > b, h4 > b, ......
vue中使用echarts的两种方法
vue中使用echarts的两种方法 Posted on 2021-08-15 18:59 书中枫叶 阅读(33524) 评论(1) 编辑 收藏 举报 在vue中使用echarts有两种方法一、第一种方法1、通过npm获取echarts npm install echarts --save 2、在v ......
vue2 使用 swiper 轮播图效果
vue2 使用 swiper 轮播图效果 Posted on 2021-04-08 13:58 书中枫叶 阅读(1612) 评论(0) 编辑 收藏 举报 上次更新: 2022-03-08 17:06 第一步、先安装swiper插件 npm install swiper@3.4.1 --save-de ......
VUE:引入腾讯地图并实现轨迹动画
VUE:引入腾讯地图并实现轨迹动画 Posted on 2022-09-22 15:07 书中枫叶 阅读(1421) 评论(4) 编辑 收藏 举报 腾讯位置服务JavaScript API 效果: 引入步骤: 在 html 中通过引入 script 标签加载API服务 在一个盒子元素 div 中预先 ......
自己做的一个css文字逐字显示效果
原理很简单,就是通过opacity+animation控制显示,每个文字通过animation-delay延迟显示达到逐字显示的效果 两个函数,一个拆分字符串,一个初始化动画 function sliceStrWithSpan(str) { var strArr = str.slice(''); v ......
vue3 el-table-column 修改时间格式
根据element文档说明,el-table中的el-table-column 是可以使用 formatter 格式化时间的。 先添加 绑定函数 formatter <el-table-column prop="createdTimeFormat" :formatter="dateFormat" l ......