变量 页面vite html
Vue3 中 keepAlive 如何搭配 VueRouter 来更自由的控制页面的状态缓存?
在 vue 中,默认情况下，一个组件实例在被替换掉后会被销毁。这会导致它丢失其中所有已变化的状态——当这个组件再一次被显示时，会创建一个只带有初始状态的新实例。但是 vue 提供了 keep-alive 组件,它可以将一个动态组件包装起来从而实现组件切换时候保留其状态。本篇文章要介绍的并不是它的基本 ......
Visual Studio 2019以及更新的版本，在获取到异常时，鼠标指针移上没有反应，在控制台输出异常提示”无法获取本地变量或参数的值，因为它在此指令指针中不可用，可能是因为它已经被优化掉了。”
解决方案 1.选择项目右键点击属性 2.在常规里可以看到优化编码这一项，取消勾选即可 ......
XPath：学习使用XPath语法提取HTML/XML文档中的数据使用语法
以下是一些XPath语法示例，用于提取HTML/XML文档中的数据： 1. 选择元素： - 选择所有p元素：`//p` - 选择根元素：`/` 2. 属性匹配： - 选择class属性为"example"的div元素：`//div[@class='example']` 3. 文本内容提取： - 提取 ......
HTML基础了解
<!DOCTYPE html> <html> <head> <title>我的第一个网页</title> <style> h1 { color: blue; } p { font-size: 18px; } </style> </head> <body> <h1>欢迎来到我的网页</h1> <p>这 ......
在html中插入时间倒计时
在HTML中插入时间倒计时的方法有以下几种： 使用JavaScript：使用JavaScript可以在HTML中插入动态的时间倒计时。您可以使用Date对象和定时器函数来计算剩余时间并更新页面上的倒计时显示。这是最常见和灵活的方法。 <!DOCTYPE html> <html> <head> <ti ......
html调用图像-渐入渐出效果
要将图像文件添加渐入渐出的效果，可以使用CSS动画或JavaScript来实现。下面是两种常用的方法： 方法一：使用CSS动画 <!DOCTYPE html> <html> <head> <title>渐入渐出效果示例</title> <style> .fade-in-out { opacity: ......
前端页面不同屏幕适配-（postcss-pxtorem插件）
# 背景 开发中我们常用`px`作为网页的单位，但是`px`在不同屏幕下不会自适应，这样会导致网页元素在小屏幕下的话会变得相对比较大，在大屏幕下会变得相对比较小 # 解决方案 https://juejin.cn/post/7217999296263553081 https://vant-contri ......
加密编译完的html代码
将HTML代码加密可以增加代码的安全性，但请注意，加密后的代码可能会增加加载和解析的复杂性，并且无法直接编辑和调试。以下是一些常见的方法来加密HTML代码： 使用在线工具：有一些在线工具可以帮助您加密HTML代码，例如HTML加密器。这些工具通常使用特定的算法和技术来对代码进行加密和混淆，使其难以被 ......
.svg文件的制作并在HTML中调用
VG（Scalable Vector Graphics）是一种基于XML的矢量图形格式，用于描述二维图形和图像。与位图图像（如JPEG、PNG）不同，SVG图像是由数学公式和几何属性描述的，因此可以无损地缩放和放大而不失真。 制作SVG文件有以下几种方式： 使用矢量图形编辑软件：可以使用专业的矢量图 ......
html调用视频文件
在HTML中调用视频文件有多种方式，可以使用<video>标签或JavaScript来实现。 使用<video>标签： <video>标签是HTML5提供的用于嵌入视频的标签，可以通过指定视频文件的URL来调用视频文件。例如： <video src="path/to/video.mp4" contr ......
网页图标文件获取并在html中调用
获取网页图标文件有以下几种方式： 自定义图标：可以使用设计工具（如Photoshop、Illustrator等）创建自定义的图标，并将其保存为图像文件（如PNG、JPEG等格式）。 使用图标库：有许多免费或付费的图标库可供选择，如Font Awesome、Material Icons、Ionicon ......
html调用音频文件
在HTML中调用音频文件有多种方式，可以使用<audio>标签或JavaScript来实现。 使用<audio>标签： <audio>标签是HTML5提供的用于嵌入音频的标签，可以通过指定音频文件的URL来调用音频文件。例如： <audio src="path/to/audio.mp3" contr ......
获取字体文件并在html中调用
要获取字体文件，可以通过以下几种方式： 使用系统字体：可以直接使用操作系统中已经安装的字体，无需额外获取字体文件。在CSS样式中使用字体名称即可，例如： body { font-family: Arial, sans-serif; } 使用Web字体：Web字体是专门为网页设计的字体文件，可以通过网 ......
html调用图像文件
HTML可以通过多种方式调用图像文件，以下是其中几种常用的方式： 使用<img>标签：使用<img>标签可以在HTML页面中插入图像。通过设置src属性指定图像文件的路径，即可加载并显示图像。例如： <img src="image.jpg" alt="Image"> 其中，src属性指定图像文件的路 ......
编写css并在html中调用
编写CSS文件的基本步骤如下： 创建一个新的文本文件，并将其保存为以.css为扩展名的文件，例如styles.css。 在CSS文件中编写样式规则。每个样式规则由选择器和一组属性-值对组成。选择器用于选择要应用样式的HTML元素，属性-值对定义了要应用的样式。例如： body { backgroun ......
正则查找html中的标记语言
查找以<link href="https:// 开头以" rel="prefetch">结束的标签 ^<link href="https://.*?" rel="prefetch">$ ......
与.html相关的文件
与.html相关的文件有HTML文件（.html或.htm）、CSS文件（.css）、JavaScript文件（.js）、图像文件（.jpg、.png、.gif等）、样式表文件（.scss、.less）、字体文件（.ttf、.otf、.woff等）、音频文件（.mp3、.wav）、视频文件（.mp4 ......
vue3+vite2动态绑定图片优雅解决方案
> 优雅解决方案在最下面，小伙伴们儿可以直接前往 😊 > # 背景 在vue3+vite2项目中，我们有时候想要动态绑定资源，比如像下面的代码这样： ```html ``` 实际效果是这样：  `webpack`通过 `bundle`机制，将项目中各种类型的源文件转化供浏览器识别的`js、css、img`等文件，建立源文件之间的依赖关系，将数量庞大的源文件合并为少量的几个输出文件。 2 ......
解决vue项目中虚拟键盘弹起将页面中底部按钮上移问题
在vue中使用定位将表单中的取消，确认按钮固定在底部时，安卓手机在编辑表单内容时会将底部按钮整体往上移动，按钮出现在虚拟键盘上面，此时可以通过监听虚拟键盘的弹起与收起来控制键盘的显示与隐藏，以解决按钮显示在虚拟键盘之上的问题， 没有时间赘述， 附上转载链接： https://blog.csdn.ne ......
利用正则查找html代码中的ID值
直接上代码： 1 string rule = " id='(?<value>.*?)'"; 2 System.Text.RegularExpressions.Regex regex = new System.Text.RegularExpressions.Regex(rule); 3 //html代 ......
Vite + Vue3 + Element-Plus
搭建 Vite 项目 注意 Vite 需要 Node.js 版本 14.18+，16+。然而，有些模板需要依赖更高的 Node 版本才能正常运行，当你的包管理器发出警告时，请注意升级你的 Node 版本。 使用 NPM: npm create vite@latest 使用 Yarn: yarn cr ......
Java 获取Html标签中各属性值
## 该方式适用于取任何标签的任何属性 只要对应替换标签名和属性。 ``` public static Set getImgStr(String htmlStr) { Set pics = new HashSet(); String img = ""; Pattern p_image; Matche ......
安装vue3+vite报错
报错：‘D:\Program‘ 不是内部或外部命令，也不是可运行的程序； 我已经配置过环境变量，发现是node 安装目录 D:\Program Files\nodejs ，中间有空格导致，只能改变nodejs位置 1.把nodejs整个剪切出来放在d盘根目录下面 2.修改node的全局环境 npm ......
vs code 出现html js css 注释不正常
vue 地方使用了 `` 注释，这是正常的，但是 css 部分也是使用 `` 注释，css 应该使用 `//` 或 `/* */` 注释，这里错了。 多次检查扩展，发现是扩展的问题，卸载 [vue](https://marketplace.visualstudio.com/items?itemNam ......
Vue3定义全局函数和变量
定义全局函数 Vue2 和 Vue3 的区别 由于 Vue3 没有 Prototype 属性，所以需要在 main.ts 文件里使用 app.config.globalProperties 去定义全局函数和变量 Vue2： // 之前 (Vue 2.x) Vue.prototype.$http = ......
jmeter提取token并且设置为全局变量（可跨线程）
1、新建http请求，填写登录参数 登录接口返回 2、根据返回数据类型，获取返回值 （这里登录接口返回的是json类型） 3、添加BeanShell后置处理程序，将token设置为全局变量 ${__setProperty(customer_token,${customer_token},)}; 4、 ......
Echarts 在页面中给每个饼图设置标题并显示
要直接在页面中给每个饼图设置标题并显示，你可以使用Echarts的graphic组件来实现。graphic组件允许你在图表上添加自定义的图形元素，包括文本元素。以下是一个示例： option = { graphic: [ { type: 'text', left: '25%', top: '50%' ......
多页面应用（MPA）开发最佳实践
## 缘由 平常开发当中，一般使用vue-cli2或vue-cli3脚手架来进行开发，默认构建出来的应用是单页面应用程序（SPA）。 面对一个工程下面只有一个应用的项目，这样做是没有问题的，而面对实际开发中多个页面的需求时，就会有它局限性。 比如一个项目中分为Mobile端和PC端，如果采用单页面模 ......