属性 变量vue css

vue pinia数据持久化

1.安装插件 yarn add pinia-plugin-persistedstate 2.引入插件 将插件导入文件pinia实例 import { createPinia } from 'pinia'; import piniaPluginPersistedstate from 'pinia-pl ......
数据 pinia vue

CSS中关于Calc 函数的使用规则

calc() 函数用于动态计算长度值。 需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% - 10px); 任何长度值都可以使用calc()函数进行计算; calc()函数支持 "+", "-", "*", "/" 运算; calc()函数使用标准的数学运算优先级规 ......
函数 规则 Calc CSS

标签的属性

img标签 标签的属性分类 1.自带的属性 2.自定义属性 <img src="地址" alt="描述信息">src属性:图片的地址 1.外链地址 2.相对地址alt属性:当图片加载失败后,显示的描述信息width属性:控制图片宽度height属性:控制图片高度ps:二者等比例缩放 a标签 a:超链 ......
属性 标签

vue3+vite4实现动态引入图片

本来是想使用vue2时使用的require,但是在运行时却突然报错: 看到上面的报错让我很懵,require为啥不能使用呢?? 经过我不懈的努力,终于找到原因: 在 Vue 3 和 Vite 4 中,不再推荐使用 CommonJS 的 require 语法,而是使用 ECMAScript 模块(ES ......
动态 图片 vite4 vue3 vite

前端(CSS)

css css: 层叠样式表 就是给html增加样式的,让其变得更加好看。 先学习选择器:作用就是如何找标签 找到标签之后:给标签增加样式 选择器的语法结构 选择器 { 属性名1:属性值1 属性名2:属性值2 属性名3:属性值3 属性名4:属性值4} CSS的注释语法: /* 内容 */ (快捷键: ......
前端 CSS

linux环境变量

环境变量:是操作系统在运行时记录的关键信息 查看环境变量的命令 env环境变量的格式时keyvalue 环境变量PATH记录了系统执行任何命令的路径 执行命令时,会按照顺序,从path给出的路径中搜索命令的程序本体 $符号可以用于取“变量”的值${}会取{}内的值 临时设置环境变量 export 变 ......
变量 环境 linux

vue3+vite4使用swiper10实现coverflow效果

<Swiper class="swiper-container mt-40px" :modules="modules" :loop="true" :autoplay="{ delay: 5000, }" :speed="1000" :slidesPerView="2" :centeredSlides ......
coverflow 效果 swiper vite4 vue3

nginx 中根据 $http_upgrade 变量将 HTTP 连接升级为 WebSocket 连接

配置 “$connection_upgrade” 变量 连接升级通常与 WebSockets 结合使用。 在 nginx 中,我们可以根据 $http_upgrade 变量将 HTTP 连接升级为 WebSocket 连接。 我们可以使用 map 块在 nginx 中定义连接和 http 升级之间的 ......
变量 http_upgrade WebSocket upgrade nginx

如何使用CSS3 @font-face 实现个性化字体

如何使用CSS3 @font-face 实现个性化字体。 在网页中,我们可以使用CSS的font-family属性来定义字体。但是,定义的字体能否在用户的电脑上正确显示,取决于用户的电脑上是否安装了该字体。我们经常看到国外的一些个人网站使用了非常漂亮的字体,而这些字体通常用户的电脑上并没有安装,所以 ......
font-face 字体 个性 CSS3 font

vue - 图片的放大镜功能

``` // html ``` ``` // js export default{ name : 'blog-header', data(){ return{ isPC:true, // 大图片 qall: '../../static/image/土味.jpg', qallBig: '../../s ......
放大镜 功能 图片 vue

数据类型 —变量—运算符—表达式

# 数据类型 —变量—运算符—表达式 ## 变量命名 1.字母,数字,下划线。 2.不能以数字开头。 3.不能是java关键字。 ## 基本数据类型 ```java 整数命名:int a = 1;int a; 浮点型命名:float f = 1.234f; 字符型命名:char c = '何'; 布 ......
运算符 表达式 变量 类型 数据

vue手搓h5滚动日期选择器组件

背景 新项目为了省事和后台写一起了,所以用不了Uni-app(悲),然后element-ui的日期选择器h5不适配,看着也难受,就想找个好用的,结果找了一圈感慨,自己写个吧。 说明 为了加快速度,代码可能有些臃肿,但大概就是这样了,看着代码好多,其实只要会一个的滚动就会多个了。建议下看下参考文章,然 ......
组件 日期 vue

vue+zxing 扫描条形码

背景 扫描甲方商品身上的条形码。 吐槽下:这玩意又细又小,还反光,最后用的uni-app上的插件,而且不用自己封装了。虽然和我之前的二方案差不多,即使用 Quagga,打开video,将每帧画成canvas,然后转换为图片交给Quagga识别,缺点是功耗大,最后实装的表现还行,就是扫几个码,手机热了 ......
条形 条形码 zxing vue

css

css html:超文本标记语言 css:层叠样式表(就是给html增加样式的,使其变得好看) 先学习选择器,选择器的作用是如何找到标签,找到标签后,给标签增加样式。 选择器的语法结构: 选择器{ 属性名1:属性值1 属性名2:属性值2 属性名3:属性值3 属性名4:属性值4 } css的注释语法 ......
css

vue使用hiprint实现打印(vue-plugin-hiprint)

1、安装插件: npm install vue-plugin-hiprint 或 yarn add vue-plugin-hiprint 2、普通使用: <template> <div class="box"> <div class="box-tool"> <el-button-group> <el ......
hiprint vue-plugin-hiprint vue plugin

C#变量

四、数据类型 1.整数类型:int ;只能存储整数,不能存储小数. 2.小数类型:double;既能存储整数,又能存储小数. 3.金钱类型:decimal ;用来存储金钱,值后面需要加上一个m. 4.字符串类型:string;用来存储多个文本,也可以存储空,字符串类型的值需要用双引号引起来,这个双引 ......
变量

vue v-if 和v-permission 共同使用的奇怪问题

背景 后台系统某功能按钮需要订单状态和用户权限共同校验是否显示,将权限校验和v-if共同作用在同一div中,下方为实例代码 <div v-if="status==0"> <div @click="function1"> 某按钮功能 </div> </div> <div v-if="status==1 ......
v-permission permission 问题 v-if vue

[C#]LINQ中如何按实体的某个属性去重

NET[C#]LINQ中如何按实体的某个属性去重后返回不重复的集合? 问题描述 比如有如下实体集合: Person1: Id=1, Name="Test1" Person2: Id=1, Name="Test1" Person3: Id=2, Name="Test2" 如何使用LINQ按 Perso ......
实体 属性 LINQ

vue .sync修饰符的使用详解

这篇文章主要介绍了vue .sync修饰符的使用,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下 vue的官网介绍非常不错,先通读一遍。 2.3.0+ 新增 在有些情况下,我们可能需要对一个 prop 进行“双向绑定”。不幸的是,真正的双向绑定会带来维护上的问题,因为子组件可 ......
sync vue

css 超出行显示展开收起

显示展开收起: <div class="wrapper"> <input id="exp111" class="exp" type="checkbox"> <div class="text"> <label class="btn" for="exp111"></label> 这是一个测试内容这是一个 ......
css

antd+vue3 tree-select 组件库 筛选结果不正确的问题

第一次遇到这种带搜索框的下拉树状列表搜索关键字的时候出现我不想要的结果。 我感觉组件它只是搜索一级列表而没有搜索二级列表,然后一节列表把它整个的二级列表带出来了。 二级列表里边包含搜索关键字的所有item才是我想要的。 相关代码: 1 <!-- 页面名称 --> 2 <div 3 class="no ......
tree-select 组件 结果 select 问题

C# 循环对象,获取对象每个属性的名、值、类型

var curData=new Student(); foreach (System.Reflection.PropertyInfo p in curData.GetType().GetProperties()) { if (p.PropertyType.FullName == typeof(dec ......
对象 属性 类型

img、a标签、列表、表格(重要)、form表单(重要)、CSS

### img标签 ```python # 图片,在网页显示图片的 标签会有属性: 1. 自带的属性 2. 自定义的属性 src:写图片的地址 1. 外链地址 2. 相对地址 alt: 当图片地址加载失败的时候,显示的描述性信息 width="800px" height="200px" 控制图片的大 ......
表单 表格 标签 form img

缕析条分Scroll属性

最近有项目需要使用js原生开发滑动组件,频繁要用到dom元素的各种属性,其中以各种类型的height和top属性居多,名字相近,含义也很容易搞混。因此特地总结归纳了一下常用的知识点,在文末我们来挑战实现一个简易的移动端Scroll组件。 ......
属性 Scroll

vue 小写转大写方法

好久好久没更新了啊,其实有好多可以写的, 但是不知道为啥不想写了 方法一: // 输入的金额进行大写转换 function transformation(val) { var fraction = ["角", "分"]; var digit = ["零", "壹", "贰", "叁", "肆", " ......
小写 大写 方法 vue

新手学php之字符串变量表述与运算

​ <?php $txt="Hello world!"; echo $txt; ?> PHP 中的字符串变量 字符串变量用于包含有字符的值。 在创建字符串之后,我们就可以对它进行操作了。您可以直接在函数中使用字符串,或者把它存储在变量中。 在下面的实例中,我们创建一个名为 txt 的字符串变量,并赋 ......
字符串 变量 字符 新手 php

vue实现自定义进度条

1. Vue项目没有引入element的依赖,自定义实现进度条,效果如下: 2. template代码 <div class="progress-bar"> <div class="progress-bar-outer"> <span class="progress-text" :style="{c ......
进度 vue

Windows Intelnet 属性中的隐私弹出窗口阻止程序设置设置为高级别

要通过批处理将 Windows Intelnet 属性中的隐私弹出窗口阻止程序设置设置为高级别,你可以使用以下命令: REG ADD "HKCU\Software\Microsoft\Windows\CurrentVersion\Internet Settings\Zones\3" /v 1406 ......
Intelnet 属性 隐私 级别 Windows

纯CSS实现contain布局

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0 ......
布局 contain CSS

vue前端项目启动

我们拉取了一个前端项目后,如果项目中有说明的文档,可以参照文档的步骤启动项目,如果 项目中没有说明文档,那我们可以按照以下的步骤启动项目 1、首先是安装依赖包 npm install 2、启动项目 npm run dev 这里的npm run 环境名称,这里的环境名称主要取决于项目中的package ......
前端 项目 vue