变量vue3 vue css
Vue模板应用
目录Vue模板应用{{}} 变量插值v-once 只会插值一次v-html 对HTML代码插值v-bindHTML标签属性的插值在外部传递数值类型的数据到组件内部时, 必须使用v-bind指令的方式进行传递, 直接使用HTML属性设置的方式传递会将传递的数据作为字符串传递v-on 监听、绑定事件v- ......
CSS弹性盒子
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
CSS盒子模型
对html 进行封装:包括外边距、边框、内边距和实际内容 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial ......
父子shell变量案例
父子shell变量经典案例 ###案例1, ###1.开启子shell的执行方式 [root@localhost myshell]# cat mak_var.sh name="脚本变量" [root@localhost myshell]# name="当前shell进程变量" [root@local ......
Shell子串_特殊变量_扩展变量
特殊shell扩展变量 变量的处理 #如果parameter变量值为空,返回word字符串,赋值给result变量 result=${parameter:-word} #如果parameter变量为空,则word替代变量值,且返回其值 ${parameter:=word} #如果parameter变 ......
Shell变量_特殊变量
特殊变量 shell的特殊变量,用在如脚本,函数传递参数使用,有如下的特殊的,位置参数变量 $0 获取shell脚本文件名,以及脚本路径 $n 获取shell脚本的第n个参数,n在1-9之间,如$1,$9,大于9则需要加大括号 ${10},参数空格隔开 $# 获取执行的shell脚本后面的参数总个数 ......
针对vue3中动态循环图片require不好使的问题
1、动态src路径渲染 2、定义一个函数通过new URL把路径返回回去,vue2采用的是require的方式动态渲染 ......
Shell变量_环境变量设置
环境变量设置 环境变量一般指的是用export内置命令导出的变量,用于定义shell的运行环境,保证shell命令的正确执行。 shell通过环境变量确定登录的用户名、PATH路径、文件系统等各种应用。 环境变量可以在命令行中临时创建,但是用户退出shell终端,变量即丢失,如要永久生效,需要修改环 ......
Shell变量详解
变量 变量含义 对于计算机角度,x=1,y=2等于定义了两个变量,名字分别是x,y,且赋值了1和2 变量是暂时存储数据的地方,是一种数据标记(房间号,标记了客人所在的位置),数据存储在内容空间,通过调用正确的变量名字,即可取出对应值 shell变量 变量定义与赋值,注意变量与值之间不得有空格 [ro ......
vue3+ts中使用echarts
1. 下载 npm install -S echarts 2.使用 方法一(推荐使用) <div class="echart_box" ref="echartDom"></div> <script setup lang="ts"> import * as echarts from "echarts" ......
vue 甘特图(三):甘特图右侧内容拖动展示
vue3 甘特图(三):甘特图右侧内容拖动展示内容 解决因多个项目周期跨度不同,在一页屏幕里展示不完全,需要通过拖动甘特图下方的滚动条,去查看对应时间段内的内容 拖拽滚动视图,展示对应时间甘特图 构思,通过监听内容拖拽的距离,同时使滚动条滑动相同距离,从而达到效果。 //拖拽滚动视图 const s ......
自定义滚动条 css
/* 自定义滚动条 css */ .customScrollbar::-webkit-scrollbar{width:10px;height:10px;} .customScrollbar::-webkit-scrollbar-thumb{border-radius: 8px;background- ......
Java-JDK8的下载安装及环境变量配置
JDK下载网址:Java Downloads | Oracle(现在需要注册登陆后才可以下载JDK安装包)——有安装包最好!!! 进入网址找到Java8 ==> 选择windows视窗 ==> 选择 X64,(X64 为64位系统,X86为32为系统)。 一、下载JDK安装包。 1.双击打开安装包, ......
vue3结合socket实现打字机动画
<template> <div> <div>ip地址:<input type="text" placeholder="ip地址" v-model="socketIP"></div> <br /> <div>端口号:<input type="text" placeholder="端口号" v-mode ......
使用vue-router添加动态路由时遇到的坑
在开发后台管理的时候,用户登录时需要根据权限来分配路由,这时候可以在路由守卫里通过router.addRoute()方法动态添加路由。 import router from './router' import store from './store' import storage from '@/u ......
客户端简单使用socket.io---vue3全局挂载
socket.io官网:https://socket.io/ 使用前要先安装socket.io npm i socket.io socketIO.js import io from 'socket.io-client' export default { install: (app) => { if( ......
C#学习笔记---异常捕获和变量
异常捕获 使用异常捕获可以捕获出现异常的代码块,防止因为异常抛出造成的程序卡死的情况发生。 try{}catch{}finally{}结构 //异常捕获 try { string str=Console.ReadLine(); int i=int.Parse(str); Console.WriteL ......
css自定义滚动条
.container { width: 200px; height: 150px; overflow: auto; /* 自动显示滚动条 / -ms-overflow-style: scrollbar; / 在IE上显示自定义滚动条 */ } /* 自定义滚动条的样式 */ .container:: ......
vue中的循环遍历对象、数组和字符串
vue循环遍历对象、数组和字符串 1.循环遍历对象 1.1vue 在html里面循环遍历对象 v-for=" (val, key , i) in dimItemMap" :key="key" val-每一项 key -key值 i-第几个 <el-table-column prop="score" ......
在线直播源码,CSS磨砂玻璃效果和渐变主题色文字
在线直播源码,CSS磨砂玻璃效果和渐变主题色文字 HTML <div class="card"> <h2 class="gradient"> </h2> <div> <p>.welcome{</p> <p class="indent">"CSDN:lqj_本人"</p> <p class="inde ......
22-Vue组件化编程
使用传统的方式编写应用 传统的方式,一般离不开前端的三大件(HTML、CSS、JS) HTML:HTML是超文本标记语言(Hyper Text Markup Language)是用来描述网页的一种语言,负责网页的架构 CSS:CSS是一种层叠样式表(级联样式表、样式表),是⼀种标记语⾔,负责网页的样 ......
vue 加号增加一组控件,组内套组
一、vue 加号增加一组控件,组内套组 1、要实现功能,每组内有子组数据,子组也可以增长多条,实现如下图: 2、代码 <template> <el-col :span="24"> <el-form-item label="线路车辆:" prop="mobile"> <div class="deman ......
CSS常用总结
重置样式 html, body, ul, li, a, p, div { padding: 0; margin: 0; // 设置盒模型 box-sizing: border-box; // 移除移动端特有的点击高亮效果 -webkit-tap-highlight-color: transparen ......
CSS单位
CSS常用长度单位 px:相对长度单位 相对于显示器屏幕分辨率 rem:相对长度单位 对于根元素(即html元素)font-size计算值的倍数 html{ font-size:14px; 那么 14px=1rem 28px=2rem 即:n px=n/14 rem } h3{ font-size= ......
Vue学习笔记(七):绑定css样式
1 绑定class样式¶ vue为HTML绑定css中的class样式是通过v-bind实现的。 1.1 绑定单个class¶ 把需要绑定的样式class名赋值给一遍变量,然后通过变量v-bind绑定class属性,绑定后的class并不会覆盖原来的class属性,而是与原来的class进行叠加。如 ......
变量
1.变量的概念 在程序设计中,允许其值被改变的量叫做变量。 2.变量定义语句 <类型标识符> <变量名>[=<初值表达式>],…; 半径和面积的英文单词radius和area作为变量名,应该定义为实数变量。 double radius, area; double radius=1, area=0; ......
Vue指令
: 差值表达式不能写在属性中 如::src ={{imgUrl}}是错误的写法 :根据删除对应的项 :关于v-for中加上:key的作用 :v-for中一定要加上:key 推荐使用id唯一标识 v-model :指令修饰符 :v-bind : 导航栏高亮案例 进度条案例: : :v-modle表单属 ......