变量vue3 vue css
[CSS] Interchange background of an element
z-index property arranges how an element is stacked onto other positioned elements. At times you may set a z-index property on a child element to be l ......
[CSS] Easy dark or light mode
You only require a few lines of CSS to enable a dark/light mode on your website. You just need to let browsers know that your website can display corr ......
[CSS] Select text with one click
This trick is inclined towards improving copy and paste experience for website users. Using user-select: all, you can enable easy text selection with ......
[CSS] Counters
You don't have to get stuck on how the browser renders a numbered list. You can implement your own design utilizing counters(). Here's how: ul { margi ......
[CSS] Serve optimized images
Try throttling to a slow internet in the browser Dev tools and visit a website made up of HD images like unsplash. That's how to experience the pain o ......
[CSS] Using `inset` to replace `top, right, bottom, left`
When working with positioned elements, you often write code like this: .some-element { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } Thi ......
[CSS] Truncate long text to a number of lines
p.intro { width: 300px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; /* Truncate when no. of lines exceed 3 */ overflow: ......
vue--day31---组件的嵌套
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>组件的嵌套 ......
java lambda filter实现元素过滤与变量作用域、生命周期
最开始只是拿来用，后来调试研究了一下。 解释：2 传递的是对象，对象中包含 keySet 变量，每次调用都是这个对象里面的 keySet 变量。 而 1 每次都是创建了一个新的对象，keySet 自然不同，也就不能实现过滤了 ```java import java.util.concurrent.C ......
vue-day30--vue组件的几个注意点
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>组件的几个 ......
Vue 3起手式：createApp 函数
Vue 3 真有意思。 用 Vue 3 做了几个简单的 Web 页面了，本文 展示其 createApp 函数 的一些使用。 createApp 函数官文：https://cn.vuejs.org/api/application.html function createApp(rootCompone ......
CSS
[TOC] # css介绍 ```python css介绍：当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。 css实例：每个CSS样式由两个组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。 ''' 思考:页面都是由HTML构成的 并且页面上有很多相同 ......
awk NR详解！awk 的内置变量 NF、NR、FNR、FS、OFS、RS、ORS
NF 字段个数，（读取的列数）NR 记录数（行号），从1开始，新的文件延续上面的计数，新文件不从1开始FNR 读取文件的记录数（行号），从1开始，新的文件重新从1开始计数FS 输入字段分隔符，默认是空格OFS 输出字段分隔符 默认也是空格RS 输入行分隔符，默认为换行符ORS 输出行分隔符，默认为换 ......
vue基本操作[2] 续更----让世界感知你的存在
Vue文件解析 什么是<template/>标签 template是html5新元素，主要用于保存客户端中的内容，表现为浏览器解析该内容但不渲染出来，可以将一个模板视为正在被存储以供随后在文档中使用的一个内容片段。 关于单文件组件 vue的单文件相当于一个页面中的组件，包含了关于该组件的html-c ......
ant design vue树形表格默认展开所有行，并且去掉 + 号
ant design vue树形表格默认展开所有行，并且去掉 + 号 ant desig vue 的 table组件 中的树形表格默认是不展示所有内容，并且在父元素前面会显示一个“+” 号，但是这样的样式影响表格的实用性和美观性，设计的过程中可以解决这两个问题让页面更美观详细。（树形表格默认样式如下 ......
伪类选择器、伪元素选择器、选择器的优先级、css属性相关
伪类选择器 <style> a:link{ color: blue; /*未访问显示连接*/ } a:hover{ color: black; /*鼠标移到上面显示*/ } a:active{ color: aliceblue; /* 左键选定的链接 */ } a:visited{ color: a ......
vue项目安装lees-loader报错：Module build failed: Error: Cannot find module 'less'
1-新搭建的一个项目，运行时报Module build failed: Error: Cannot find module 'less'错误 原因：vue文件里面的style添加了 lang="less" 解决方案： 安装less npm install less 2-安装less后运行报错： Mo ......
uniapp vue3 setup如何兼容顶部状态栏高度
uniapp vue3 setup如何兼容顶部状态栏高度 思路是调用uni.getSystemInfoSync()，然后存到状态管理里，再将headerbar的padding-top加上安全区数值，如下： store/global.js 状态管理 import { defineStore } fro ......
使用CMakelists.txt设置变量传入源代码
1.在CMakeLists.txt中使用ADD_DEFINITIONS()定义变量 cmake_minimum_required(VERSION 3.15)project(test VERSION 0.1.0) set(CMAKE_CXX_STANDARD 11) include_directori ......
自学前端-HTML5+CSS-综合案例一-热词
# 综合案例一-热词 [TOC] 设计图如下  ## 1、设计需求 ①需要鼠标放上去有显示透明 ②需要点击后跳转到相应页面且保留原页面 ## 2、设计所需标 ......
CSS
## CSS CSS:层叠样式表 #就是给HTML增加样式的，让其变得更加美观 ### 选择器的语法结构 选择器 { 属性名1：属性值1 属性名2：属性值2 属性名3：属性值3 属性名4：属性值4 } ## CSS的注释语法 /* 内容 */ # 快捷键：ctrl + ？ ## css的引入方式 1 ......
56.vue3+vite+typescript+element-plus+setup语法糖实现el-table中的数据导出excel
vue3+vite+typescript+element-plus+setup语法糖实现el-table中的数据导出excel 2023/7/19 下午4:52:14 要在Vue 3中使用Vite、TypeScript和Element Plus来实现将数据导出为Excel，你可以按照以下步骤进行操作 ......
vue-This relative module was not found
调试的时候，新建了一个vue页面，然后从别的页面直接把代码复制过来之后， 运行后报错 This relative module was not found 原因是复制的代码里import里有相对路径，复制过来后路径变了，导致引入的东西找不到，所以报错了 把相对路径改对后，可以正常运行了 ......
vue+element-ui 点击表格某一行，展开内容
正常情况下，表格中想要展开某一行只能通过点击最前面的小箭头，如果想要实现点击某一行后直接展开，那么首先，就要先了解这几个属性： row-key的值只能是表格中某一列的key，而expand-row-keys数组里保存的则是所有展开行的row-key值，假如设置row-key=“id”,那么expan ......
golang: 模仿 VictoriaMetrics 中的做法，通过把局部变量放在自定义 Context 对象中来做到hot path 的 0 alloc
**作者:张富春(ahfuzhang)，转载时请注明作者和引用链接，谢谢！** * [cnblogs博客](https://www.cnblogs.com/ahfuzhang/) * [zhihu](https://www.zhihu.com/people/ahfuzhang/posts) * [G ......
要在HTML中让文字居中，可以使用CSS样式来设置文本的对齐方式
以下是几种常见的居中文本的方法： 1. 使用 `text-align: center;` CSS样式: 这个方法适用于将文本居中对齐在其父元素内。可以将 `text-align: center;` 应用于父元素，这将使其内部的所有文本内容都居中对齐。 示例代码： ```html 居中对齐的文本 `` ......
Vue安装遇到的问题和解决办法
问题1 ：npm list vue遇到显示empty 解决：npm list vue -g 即可 如果还是不行，将vue.cmd所在的路径 添加到环境变量中的系统变量Pate 问题2 ：npm install webpack -g 报错4048 解决： 删除C盘用户文件夹下的npm和cnpm 问题3 ......
html 学习 day3 css 的层叠 父子size 的继承
今天遇到一个问题， css 的父子继承关系在一种case 下不生效。 ：子节点 无法 继承 父节点的 width 和 height 的设定 下面代码的原始版本 img 无法继承 div 的 宽和高的设定。 当 img 的 css 设定为： img { height: 100%; width: 100 ......
vue+SignaturePad H5简易电子签名,横屏适配
背景 手机端的h5页面的电子签名，横屏适配。横屏适配看了挺多，但写的都挺复杂的，自己就写了个简易的。 前提 引入signature_pad npm install --save signature_pad 参考文章 (66条消息) vue 移动端 手写签名组件(引用signature_pad)_vu ......