属性 变量vue css
CSS滚动条样式
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 10px; /*滚动条宽度*/ height: 16px; /*滚动条高度*/ } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { -w ......
VUE|创建一个基础的VUE应用
## 1 应用实例 参考官方文档 [应用实例 API | Vue.js (vuejs.org)](https://cn.vuejs.org/api/application.html) > 示例 ```javascript const {createApp} = Vue // 通过createApp创 ......
js：http-vue-loader从浏览器直接引入vue文件
doc ``` github: https://github.com/FranckFreiburger/http-vue-loader ``` index.html ``` ``` my-component.vue ``` Hello {{who}} ``` 使用 sass ``` ``` 使用 l ......
css 显示溢出隐藏省略号几行
.text { display: -webkit-box; //特别显示模式 overflow: hidden; //溢出内容隐藏 text-overflow: -o-ellipsis-lastline; text-overflow: ellipsis; //文本溢出部分用省略号表示 -webkit ......
面试题-css标准盒模型和怪异盒模型
标准盒模型，宽度width = content +padding +boder 怪异盒模型：width = width，会去挤压内容 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewpo ......
前端Vue自定义可自由滚动新闻栏tabs选项卡标签栏标题栏组件
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 今天给 ......
key在vue中的作用与虚拟dom与diff算法
一。虚拟dom:(它是存在于内存中的) VNode的全称是Virtual Node，也就是虚拟节点；事实上，无论是组件还是元素，它们最终在Vue中表示出来的都是一个个VNode。VNode的本质是一个JavaScript对象。 其实虚拟Dom是真实Dom的一种状态。当真实Dom发生变化后，虚拟Dom ......
avaScript 面向对象-子类继承父类的属性和方法（原型的应用）
JavaScript 面向对象-子类继承父类的属性和方法（原型的应用） 步骤：创建构造函数Person，添加属性民族（nation）和肤色（skinColor），添加两个方法，分别返回民族和肤色 创建构造函数Woman，添加属性性别（sex），Woman继承Person 为构造函数Woman添加方法 ......
认识css动画相关属性animation
transtion属性 需要触发条件，比如hover animation属性 可以立即执行 transform属性 不是动画，但是对动画起到至关重要的作用 过渡属性transtion <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF ......
vue-day26--引出生命周期
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>引出生命周 ......
Java变量集
变量 变量是什么：就是可以变化的量！ Java是一种强类型语言，每个变量都必须声明其类型。 Java变量是程序中最基本的存储单位，其要素包括变量名，变量类型和作用域。 type varName [=value] [{,varName[=value]}];//数据类型 变量名 = 值：可以使用逗号隔开 ......
vue-day25--自定义指令总结
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>自定义指令 ......
vue-day25--自定义指令v-fbind
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>自定义指令 ......
vue-day25--自定义指令
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>自定义指令 ......
快速将anaconda添加到环境变量(.bashrc)的方法
在Linux中通过bash Anaconda3-2021.05-Linux-x86_64.sh安装完anaconda之后， 如果忘记将anaconda添加到.bashrc中，如 # All requested packages already installed. installation fini ......
vue-day25--v-pre指令
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>v-pre ......
vue-day25--v-once指令
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>v-onc ......
vue-day23--v-html指令
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>v-htm ......
MySQL 中使用变量实现排名名次
title: MySQL 中使用变量实现排名名次 date: 2023-7-16 19:45:26 tags: - SQL 高级查询 # 一. 数据准备: ```sql CREATE TABLE sql_rank ( id INT ( 11 ) UNSIGNED NOT NULL AUTO_INCR ......
前端Vue仿美团右侧侧边栏弹框筛选框popup alert
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 今天给 ......
vue-day22--v-text指令
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>过滤器</ ......
HTML5的Video标签的属性,方法和事件汇总
HTML5的Video标签的属性,方法和事件汇总 常用屬性與方法: 获取视频元素：var videoElement = document.getElementById("videoPlay"); 获取设置音量大小：videoElement.volume 获取设置当前播放的位置：videoElemen ......
【随手记录】关于win环境变量配好， jdk版本切换不成功问题
由于需要win电脑装了多个jdk版本，在切换时候配置好环境变量一直没生效 后来发现jdk默认会添加一个环境变量配置 把这个带Jdk的默认配置的环境变量去掉，保留自己的 JAVA_HOME环境变量即可生效！ ......
计算属性与监听属性
一、为什么要使用计算属性 什么是计算属性 计算属性：可以理解为能够在里面写一些计算逻辑的属性。具有如下的作用： 减少模板中的计算逻辑。 数据缓存。当我们的数据没有变化的时候，不会再次执行计算的过程。 依赖固定的数据类型（响应式数据），不能是普通的传入的一个全局数据。 在数据量比较大的时候，计算属性可 ......
vue -父子组件值传递
父组件：是指引用其他组件东西（这里叫attrgroup.vue） 子组件：是指被其他组件引用的东西(这里叫category.vue) 父组件引用子组件，如下： <template> <!-- tree 属性菜单 --> <!-- tree-node-click 是子组件自定义的事件，通过事件触发然后 ......
生效环境变量
容器 export只针对当前会话有效 source /etc/profile只针对当前会话有效 export写入~/.bashrc后新会话生效 export时key不能带-，否则export会失效 虚拟机 export只针对当前会话有效，但是source /etc/profile新会话依然有效。 ......
vue-day21-过滤器学习
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>过滤器</ ......
vue.js浏览器插件
提取地址： 链接：https://pan.baidu.com/s/1Uf9yZaQfRQ1r2JvOxXX50A?pwd=l3iw 提取码：l3iw 加载已解压的扩展程序 ......
vue-day20---收集表单数据
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>收集表单数 ......