属性 变量vue css

前端三剑客之CSS

一、CSS介绍 1、CSS(层叠样式表,Cascading Style Sheets) 是一种用于描述网页内容(HTML或XML等)外观样式的标记语言。它是一种样式表语言,用于控制网页的布局、字体、颜色、大小、间距以及其他与显示有关的属性。 2、css学习步骤 先学习选择器,作用就是如何找到标签 找 ......
三剑客 前端 CSS

伪类选择器,伪元素选择器,选择器的优先级,CSS属性相关

### 伪类选择器 ```python ``` ### 伪元素选择器 ```python ``` ### 文字属性 ```python ``` ### 背景属性 ```python ``` ### 边框 ```python 边框属性 ● border-width ● border-style ● b ......
优先级 属性 元素 CSS

Java基础 变量、常量、作用域

# Java基础 变量、常量、作用域 ## 变量 - 变量是什么:就是可以变化的量! - Java是一种强类型的语言,每个变量都必须声明其类型 - Java变量是程序中最基本的存储单元,其要素包括变量名,变量类型和作用域 ** 注意事项: 1 每个变量都有类型,类型可以是基本类型,也可以是引用类型 ......
常量 变量 作用 基础 Java

CSS透视与Z轴

一.CSS透视通过模拟人眼的视角来创建三维效果(可以理解为看3D电影,需要借助3D眼睛,这个透视就是让了让网页上产生3D的效果)。我们在现实生活中,当物体远离我们时,会看到它们变小变远。透视效果就是基于这个原理。 ![image](https://img2023.cnblogs.com/blog/2 ......
CSS

css将多余的字变成...

display: -webkit-box;/*作为弹性伸缩盒子模型显示*/ -webkit-line-clamp: 1; /*显示的行数;如果要设置2行加...则设置为2*/ overflow: hidden; /*超出的文本隐藏*/ text-overflow: ellipsis; /* 溢出用省 ......
css

vue3中piniaPinia热更新

pinia 支持热模块替换,因此你可以编辑store,并直接在您的应用程序中与它们交互(在浏览器中进行调试html css js等代码),而无需重新加载页面,允许您保持现有的状态,添加,甚至删除state,action和getter import { defineStore, acceptHMRUp ......
piniaPinia vue3 vue

ant design vue描述列表设置列宽

### 这是默认的样子,没有数据时会显得label特别宽 ![](https://img2023.cnblogs.com/blog/1819018/202307/1819018-20230719103550632-306220092.png) ### 设置列宽为200px后如图所示 ![](http ......
design ant vue

vue3,ts,vite4,uniapp设置路径别名

安装依赖 ``` npm install --save-dev @types/node ``` 配置vite.config.ts文件 ```ts // vite.config.ts import { defineConfig } from 'vite'; import { resolve } fro ......
别名 路径 uniapp vite4 vue3

vue-element-admin改为从后台拿动态路由

改为从后台拿动态路由,大概如下步骤: 1、后台增加接口,返回动态路由数据 2、前端增加请求动态路由接口请求 3、修改 src/route/index.js 去掉原有的动态路由,增加组件名和组件对象映射 map 4、修改 src/store/modules/permission.js 修改当前 权限判 ......

55.角色扮演,假设你现在是一个VUE3+VITE+TYPESCRIPT+element-plus的setup语法糖资深程序员,我是一个刚刚入门的的想做你的学生。你会怎么教我

作为一个资深程序员,我会采取以下步骤来教你: 1. 确保你已经安装好了必要的开发环境,包括Node.js和Vue CLI。如果你还没有安装,我会指导你如何安装这些工具。 2. 介绍VUE3、VITE、TYPESCRIPT和element-plus的基本概念和特性。我会向你解释它们的作用和用途,并提供 ......

css 设置滚动条样式

::-webkit-scrollbar:指滚动条整体部分,它的属性有width,height,background等 ::-webkit-scrollbar-button:指滚动条两边的按钮。当不需要时可以用display:none将其隐藏 ::-webkit-scrollbar-track:指外层 ......
样式 css

css圆环运动的两种写法

圆环运动如下,小圆绕大圆运动 写法有如下两种: 1. transform-origin使用外部旋转点 2. transform-origin使用内旋转点,两圆重合 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta ......
圆环 写法 css

[未解决] vue transform-blocks解析源代码报错:Illegal tag name. Use '&lt;' to print '<'.

报错内容: [vite] Internal server error: Illegal tag name. Use '<' to print '`标签后报错,但其他vue文件可以正常读取和展示。 报错的文件,去掉``标签就可以正常加载。报错的方法是vue-compiler的`baseParse()` ......

vue3 props设置默认值

1.引入withDefaults import { withDefaults } from "vue"; 2.使用 const props = withDefaults(defineProps< {type?:string} >(),{ type:'number', }) 上述代码,设置的是type ......
props vue3 vue

54.使用VUE3+VITE+TYPESCRIPT+element-plus的setup语法糖,实现导出excel功能

要实现导出Excel功能,你可以使用以下步骤: 1. 安装相关依赖: ```bash npm install xlsx file-saver ``` 2. 在你的组件中引入相关依赖: ```javascript import { ref } from 'vue'; import { saveAs } ......

前端Vue uni-app App/小程序/H5 通用tree树形结构图

随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。 通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。 今天给 ......
结构图 树形 前端 uni-app 结构

vue-pdf组件打印文字全是空白框

参考:https://www.yii666.com/blog/34226.html github地址:https://github.com/FranckFreiburger/vue-pdf/pull/130/commits/253f6186ff0676abf9277786087dda8d95dd8e ......
组件 空白 vue-pdf 文字 vue

css3 loading效果3

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
效果 loading css3 css

css3 loading 效果2

使用了css自定义属性var <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> < ......
效果 loading css3 css

vue--day29--vue非单文件组件

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>非单文件组 ......
组件 vue 文件 day 29

继承属性

"""super()"""class Father: def __init__(self): self.name = '父亲' self.age = 55 self.adress = '上海市' def fangzi(self): print('这是父亲的房子') def chezi(self): ......
属性

属性

"""__xx__ 魔法方法__init__ 构造方法, 初始化基本属性"""class People(object): # 这一块代码是从右边往左边看 def __init__(self, address, color): self.address = address self.color = c ......
属性

类属性和类方法

"""实例方法, 可以调用类方法,类方法不能调用实例方法静态方法其实就是一个函数"""def func(): print('函数') def new_fun(): print('xxxxxx')class People(object): hand_num = 2 foot_num = 2 # 这一块 ......
属性 方法

day13--23.7.18变量,变量作用域,常量和变量的命名规范

# 变量 - 变量是什么:就是可以变化的量 - Java是一种强类型语言,每个变量都必须声明其类型 - Java变量是程序中最基本的存储单元,其要素包括变量名,变量类型和**作用域** > type varName [=value] [{,varNam[=value]}]; > > //数据类型 变 ......
变量 常量 作用 day 13

odoo editable两种属性的区别

editable =top时,新增的行出现的第一行,如下图: ![](https://img2023.cnblogs.com/blog/3126539/202307/3126539-20230718225755423-1836377630.png) editable = bottom,,新增的行出现 ......
editable 属性 odoo

vue基本操作[上] 续更----让世界感知你的存在

# Vue引用js文件的多种方式 **1.vue-cli webpack全局引入jquery** (1)首先 npm install jquery --save (--save 的意思是将模块安装到项目目录下,并在package文件的dependencies节点写入依赖。) (2)在webpack. ......
基本操作 世界 vue

vue-day28--对组件的理解

学了vue之后,我们需要了解组件是什么组件的定义:实现应用中局部功能代码(css/js/html)和资源(map,map,zip)的集合 1.1 模块与组件、模块化与组件化 1.1.1 模块 理解:向外提供特定功能的 js 程序,一般就是一个 js 文件 为什么:js 文件很多很复杂 作用:复用 j ......
组件 vue-day vue day 28

vue实现文本复制

> 一. 下载插件 `npm install --save vue-clipboard2 ` > 二. main.js `import VueClipBoard from 'vue-clipboard2'` `Vue.use(VueClipBoard)` > 三. 使用 html部分 点击查看代码 ......
文本 vue

position属性总结

1. position: relative;相对定位 1> 不影响元素本身特性(无论区块元素还是内联元素会保留其原本特性) 2> 不会使元素脱离文档流(元素原本位置会被保留,即改变位置也不会占用新位置) 3> 没有定位偏移量时对元素无影响(相对于自身原本位置进行偏移) 4>提升层级(用z-index ......
position 属性

vue组件之间的数据传递

title: vue组件之间的数据传递 date: 2023-07-18 19:17:32 tags: - vue categories: - 工程 - 前端 top: ![](https://img2023.cnblogs.com/blog/2863049/202307/2863049-20230 ......
组件 之间 数据 vue