属性 变量vue css
CSS文本溢出显示三个小圆点
溢出显示三个小圆点：必须用的属性1、给元素一个固定的宽度2、让文本不折行显示3、溢出隐藏4、溢出文本变成三个圆点//添加一个固定的宽度 width:300px;//让文本不折行 white-space: nowrap;//溢出的文本隐藏overflow: hidden;//溢出文本的显示效果clip ......
前端VUE自动检测版本更新
前言 当用户在当前站点停留时间比较长，中途站点进行升级更新之后，用户如果不刷新页面就任然停留在旧的页面里，如何让用户收到一个提示，引导用户进行更新操作呢？下面给大家介绍如何站点更新如何在生产环境提示用户更新，进行页面刷新操作，核心原理其实很简单。 一、思路1，每隔一小段时间fetch请求一次服务器首 ......
批处理中setlocal enabledelayedexpansion 变量延迟（转）
本质上是因为批处理读取命令时是按行读取的（另外例如for命令等，其后用一对圆括号闭合的所有语句也当作一行） 在一行中即使是使用变量赋值也是无作用的，使用才有了变量延迟 https://www.jb51.net/article/29323.htm ......
vue中配置使用axios
简单示例代码： 请求网络的js逻辑，可以放到request.js文件中，放在目录utils下； import axios from "axios"; axios.defaults.withCredentials=true; //创建axios实例 const instance = axios.cre ......
vue获取thymeleaf中的值
这里是thymeleaf的便利，想要在vue的@click中的函数中传递thymeleaf便利的数据。 需要在@click中加上th交给thymeleaf托管，然后再方法前后加上“|”即可 ......
java基于springboot+vue的宿舍管理系统、学生宿舍管理系统、高校宿舍管理系统，附源码+数据库+文档+PPT
1、项目介绍 java基于springboot+vue的宿舍管理系统、学生宿舍管理系统、高校宿舍管理系统，实现管理员：首页、个人中心、公告信息管理、院系管理、班级管理、学生管理、宿舍信息管理、宿舍安排管理、卫生检查管理、报修信息管理、报修处理管理、缴费信息管理，学生；首页、个人中心、公告信息管理、宿 ......
HTML中LINK标签的那些属性
在HTML中， link 标签是一个自闭合元素，通常位于文档的 head 部分。它用于建立与外部资源的关联，如样式表、图标等。 link 标签具有多个属性，其中 rel 和 href 是最常用的。 rel 属性定义了当前文档与链接资源之间的关系。常见的 rel 属性值有： - stylesheet ......
vue安装时报错npm ERR! Could not resolve dependency: npm ERR! peer…
报错原因 在新版本的npm中，默认情况下，npm install遇到冲突的peerDependencies时将失败。 解决办法 使用--force或--legacy-peer-deps可解决这种情况。 --force 会无视冲突，并强制获取远端npm库资源，当有资源冲突时覆盖掉原先的版本。 --le ......
vue 选择图片或者拍照上传，数据在外层取不到/拿不到解决。
<input type="file" accept="image/*" capture="camera" @change="onImageChange" class="inputClass"/> // 调用 async onImageChange(e) {this.capImg = await th ......
vue-esign 学习笔记
1 注意事项 最新版是1.1.4，我们项目组用的是1.1.0。从npmjs可以看出，两个版本中间的版本都是不可用的，下载量为0. 除此之外还可以参考的类似工具： https://www.npmjs.com/package/vue-esignature vue-esignature https://w ......
Vue3 h函数渲染组件
1、渲染ElSelect组件 const modulleFilters = ref([ { label: 1, value: 2 }, { label: 2, value: 3 }, ]); const search = ref(''); const tableColumn = [ { prop: ......
vue el-input中点击符号，文本框中显示符号
需求 点击 + | （ ）符号，页面中光标位置，展示对应的符号 点击完，光标留在原位 代码 <el-form-item prop="kwspec" label='监测关键词'> <el-input type="textarea" placeholder="请输入监测关键词" ref="inputRe ......
Vue传参${id}变成$%7Bid%7D
发生缘由 外卖项目在Linux服务器上面运行发送请求乱码 运行环境 电脑系统：win10 jdk版本：jdk-8 SpringBoot版本：v2.4.5 MP版本：3.4.2 Vue版本：Vue.js v2.6.12 Linux版本：Centos7 报错信息 // 修改页面反查详情接口functio ......
css3中 > 与 >>>
CSS中 > 和 >>> 都是用来选择子元素的选择器，不过两者有一定的区别。 CSS中 > 只能选择直接子元素，而不能选择孙子元素及以下的后代元素。 例如，.parent > .child 可以选择 .parent 的直接子元素中的类为 .child 的元素，但是不能选择孙子元素中的 .child ......
vue中scoped 在文件引入中的作用
首先搞清楚scoped是干啥的？scoped的引入主要是上线了样式的模块化私有化，即当前组件的样式只对当前组件起作用。 当vue组件被vue-loader解析的时候，对于style上加了scope属性的组件，会主动加上data-v-xx的属性来唯一标识当前组件，若当钱组件内部存在子组件，只有子组件的 ......
vue this.$router.push 页面传值问题
在修改一个别人的bug的时候发现一个问题, 记录一下, vue前端页面在刷新页面后只读页面可以编辑了 在前一个传值页面他的写法是 this.$router.push({ name:'xxx', query:{ isEdit:false } }); 在接收的时候写的是 this.isEdit = th ......
@enableFeignClients注解的basePackages属性的作用
basePackages 属性是 @EnableFeignClients 注解的一个可选属性，它用于指定需要扫描的包路径。通过设置该属性，可以告诉 Spring 在哪些包下查找用 @FeignClient 注解标记的接口。 basePackages 中的包可以指定其他模块的包。在多模块的项目中，如果 ......
global mapper显示shp属性标注
global mapper pro v24.0版本，打开shp文件， 点中需标注的shp文件， 右键——图层——创建标签图层：标签 - 设置要素标签显示 - 使用所选属性值 - “在包含当前shp所有属性字段下拉列表里选择需要显示的属性字段” 或者（菜单栏——图层——创建标签图层）。 ####### ......
Vue3数据无法显示/数据无法修改
问题描述： 昨天朋友问了我一个关于Vue3的问题，给他解答后，想起貌似自己当初也曾被这个问题困惑过，只不过被善用搜索引擎后找到了问题所在。 现在考虑到可能有些朋友搜不到解决方法，所以现在用它的表现形式作为标题，可能更便于搜索到。 现在重现一下这个问题： <div v-for="(item,idx) ......
完美的背景图全屏css代码 – background-size:cover?
写主题样式的时候经常会碰到用背景图铺满整个背景的需求，这里分享下使用方法 需要的效果 图片以背景的形式铺满整个屏幕，不留空白区域 保持图像的纵横比（图片不变形） 图片居中 不出现滚动条 多浏览器支持 以图片bg.jpg为例 方法一、最简单，最高效的方法 CSS3.0 归功于css3.0新增的一个属性 ......
【VUE学习笔记】（一）
前后端分离 为什么引入前后端分离开发方式： 前端独立编写客户端代码完成页面，后端独立编写服务端代码提供数据接口；前后端开发者只需要提前约定好接口文档（URL、参数、数据类型……）然后分别独立开发即可。前端可以用假数据测试，不完全依赖于后端；后端通过Postman等接口调试工具测试即可，真正实现前后端 ......
python11：局部变量与全局变量
局部变量：在函数内部定义的变量，作用域仅仅局限在函数的内部。 不同的函数 可以定义相同的局部变量，但是各自用各自的 不会产生影响 注意：局部变量在函数执行完毕后会释放 作用：为了临时的保存数据，需要在函数中定义来进行存储。 全局变量： 当全局变量和局部变量出现重复定义的时候，程序就会优先执行使用函数 ......
Linux环境变量与Set-UID设置
管理环境变量 (1) env命令输出环境变量。 (2) 输出特定的环境变量 printenv PWD方法 env | grep PWD方法 （3）使用export命令设置环境变量 2.将环境变量从父进程传递给子进程 （1）使用vim编辑器编写程序 （2）编译运行程序，并将结果保存在child.txt ......
# vue 使用 threejs 实现实景看房效果 demo
vue 使用 threejs 实现实景看房效果 demo 关于这个 threejs 实现 VR 看房效果也超级简单，只需要提供一个思路的话就可以了其实，首先需要一个房间结构的贴图，这个贴图网上有，当然找个合适的也不好找，我找了一上午在别人的 demo 里面扣了一张出来，代码都是一样的，稍微说一下思路 ......
vue 原生方法实现pc端调用摄像头全屏视频考试(实时截屏上传，并提示当前环节
<template> <div> <el-row> <el-col :span="10" style=""> <div> <el-card style="margin: 0; padding:0; overflow-y: auto"> <div style="width:100%; min-heig ......
关于vue2中使用unocss样式无法生效的问题
前言 在维护公司一个技术栈为 vue2 + ts + unocss 的老项目时发现 unocss 在开发环境和正式环境都不能生效,最先以为是插件的版本问题,排查后发现是因为项目在使用 unocss 时的配置没有配置完全,根据 vue-cli 的版本按照 unocss 的官方仓库里的 example ......
Vue使用:内联style动态绑定backgroundImage/background
1.直接在vue中使用style内联样式设置background或backgroundImage是无效的；比如这样写无效： <div style="background: url('../../assets/import/aa1.png')"> 内容。。。 </div> 2.必须使用拼接；但是直接拼 ......
CSS mask的用法
CSS的mask属性可以让你在元素上添加一个遮罩蒙层，从而有助于创建各种有趣的效果。下面是一些mask属性的常见用法：1. 使用图片遮罩 img { -webkit-mask-image: url(mask.png); mask-image: url(mask.png); } 以上代码将会使用mas ......
Vite + React 项目，在 Webstorm 中的 tailwind css 无法自动补全问题
问题 根据官网的安装步骤，Install Tailwind CSS with Vite 安装完成后，在 Webstorm 中 Tailwind 始终无法自动补全，查看 Webstorm 的日志，提示报错 Tailwind CSS: Tailwind CSS: require() of ES Modu ......
FreeCodeCamp-通过编写咖啡店菜单学习CSS
index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> < ......