布局vue web
windows下nginx部署vue项目
下载windows最新版nginx https://nginx.org/en/download.html 修改nginx配置文件 location / { #root 对应的就是在服务器上前端资源的dist目录的全路径，即代表根路径 #root C:/nginx-1.25.3/html/dist; ......
win10 访问 ubuntu 虚拟机 上的Django web 服务 操作 和 问题解决
虚拟机版本 VMware 16pro ubuntu 版本 Ubuntu 22.04.1 LTS 第一步： 虚拟机设置 NAT Edit>Virtual Network Editor 修改配置 更改 DHCP 设置 要注意 ip地址 要用 在虚拟机Ubuntu 系统中的网段范围 在NAT 添加端口转发 ......
vue路由局部刷新-局部页面刷新达到和F5刷新一样的注销
1.静态路由页面加上这一条 { path: "/redirect/:path(.*)", component: () => import("@/views/redirect/index.vue") }, 2.点击事件的vue方法里面用 router.replace({ path: "/redirec ......
vue3 setup 父组件向子组件传递参数、方法|子组件向父组件传递数据,函数
https://blog.csdn.net/qq_27517377/article/details/123163381 https://blog.csdn.net/qq_27517377/article/details/123166367 vue3 setup 父组件向子组件传递参数 <templa ......
手写类似于BetterScroll样式的左右联动菜单 uni-app+vue3+ts （使用了script setup语法糖）
注意：在模拟器用鼠标滚动是不会切换光标的，因为使用的是触摸滑动。【自定义类型贴在最后了】 script 部分如下： import { onMounted } from 'vue' import type { orderDetail } from '@/types/category' import t ......
vue3标准化开发
pnpm安装 一些优势：比同类工具快 2倍 左右、节省磁盘空间... https://www.pnpm.cn/ 安装方式：npm install -g pnpm 创建项目：pnpm create vue ESLint & prettier 配置代码风格 环境同步： 安装了插件 ESlint，开启保存 ......
vue3使用::v-deep深度选择器不生效
会出现 ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.的报错 ：：v-depth用作组合子已被弃用。使用：dee ......
Web_XCTF_WriteUp | Web_php_include
题目 分析 对 php 代码进行分析： <?php // php开头 show_source(__FILE__); // 对当前源文件进行高亮显示 echo $_GET['hello']; // 收集get表单中hello的数据输出 $page=$_GET['page']; // 将get表单中pa ......
ESXI6.0怎样使用web登陆
在一次巡检发现Esxi主机证书快要过期了，准备刷新证书的时候才发现，Esxi6.0主机默认是没有开启web管理界面的，通过web访问，只有vSphere下载，没有open web client。 在网上找了不少资料才发现，原来Esxi6.0使用web界面需要先安装对应的插件才行。 如果可以联网，则开 ......
unity里也能输出 webgl的项目，怎么看出这个项目是不是unity输出的，还是纯web技术写的项目
在Unity中输出为WebGL项目后，可以通过以下几种方式来判断一个项目是不是由Unity输出的： 1. 文件结构：Unity输出的WebGL项目通常会生成一些特定的文件和文件夹，例如"Build"文件夹、"index.html"文件等。如果你在项目文件夹中看到这些文件和文件夹，那么很可能是Unit ......
《最新出炉》系列初窥篇-Python+Playwright自动化测试-35-处理web页面定位toast-上篇
1.简介 在使用appium写app自动化的时候介绍toast的相关元素的定位，在Web UI测试过程中，也经常遇到一些toast（出现之后一闪而过，不留下一点点痕迹），那么这个toast我们这边如何使用playwright进行定位测试呢？今天宏哥就分两篇介绍一下。 2.什么是toast？ Andr ......
[Vue]按页数和行数重新计算表格序号
转载自：https://blog.csdn.net/qq_48203828/article/details/123224024 1、 2、 <el-table-column label="序号" style="width: 120px; height: 50px" header-align="cen ......
Vue3用户代码片段
1.defineComponent语法 { "Print to console": { "prefix": "vue3", "body": [ "<template>", "<div class=\"container\">", " ", "</div>", "</template>", "<scr ......
在写springboot和vue时，需要改进的地方
后端Springboot （1）需要更加熟练使用mysql语句，insert update delete select（查询） （2）前后端跨域问题的解决： （3）另外在使用delete语句时，可以在路径中直接添加id，实现通过id删除数据 例 ①未在路径中添加id ②在路径中使用id postma ......
百度增强特效————gui布局篇
本篇是我自己的窗口布局，有一点：我采用的是流式布局，所以调整窗口大小的话就会变乱，因为主要在找百度代码那边的问题，所以主打一个先实现再说，至于界面什么的能看就成 给大家推荐一个B站博主： 【Java Swing入门课程_图形界面GUI编程_100集视频教程-哔哩哔哩】 https://b23.tv/ ......
vue 弹窗组件
vue 弹窗 <el-dialog> </el-dialog> 可以在其中编写所需的弹窗显示的内容 也可以在其中放组件标签作为弹窗 放一个组件的话，例： <el-dialog v-model="addGoodsDialog" :title="addGoodsTitle" width="60%" de ......
vue 循环显示数据场景
vue 循环显示数据 el-table 中 <template> <el-table :data="goodsList"> <el-table-column prop="goodsName" label="商品名称"></el-table-column> <!-- ...... --> </el-t ......
vue 编辑器+使用场景+问题解决
vue 编辑器组件 添加依赖 "dependencies": { "@codemirror/autocomplete": "^6.4.2", "@codemirror/commands": "^6.2.1", "@codemirror/lang-javascript": "^6.0.2", "@co ......
基于uQRCode封装的Vue3二维码生成插件
标题：基于uQRCode封装的Vue3二维码生成插件 摘要：本文介绍了一种基于uQRCode封装的Vue3二维码生成插件，可以在Javascript运行环境下生成二维码并返回图片地址。该插件适用于所有Javascript运行环境，并且支持微信小程序。本文将详细介绍该插件的使用方法，并给出一个基于Vu ......
自定义精美商品分类列表组件 侧边栏商品分类组件 category组件(适配vue3）
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化对 ......
鸿蒙应用开发笔记[2]-简单界面布局
摘要 在HarmonyOS4开发一个应用,在ArkTS的Stage开发范式下简单进行界面布局. 平台信息 DevEco Studio 4.0 Release 构建版本：4.0.0.600, built on October 17, 2023 HarmonyOS 4 Compile SDK “3.1. ......
Vue 常用的指令都有哪些？
1、v-model 多用于表单元素实现双向数据绑定（同 angular 中的 ng-model） 2、v-for 格式：v-for="字段名 in(of) 数组 json" 循环数组或 json(同 angular 中的 ng-repeat), 需要注意从 vue2 开始取消了$index 3、v- ......
vue3中css使用js中的变量
<script setup lang="ts"> import { SoundOutlined } from '@ant-design/icons-vue' const props = defineProps({ title: { type: String, default: '' }, color ......
防御式CSS—网格布局中的列自动分配
当使用CSS grid minmax() 函数时，重要的是要决定使用 auto-fit 或 auto-fill 关键字。如果使用不当，可能会导致意想不到的结果。 当使用 minmax() 函数时， auto-fit 关键字将扩展网格项以填充可用空间。而 auto-fill 将保留可用空间，而不改变网 ......
Vue3 读取Hdr 文件转Image显示
import { decodeRGBE } from '@derschmale/io-rgbe'; //引入io-rgbe //读取Hdr文件 const ReadHdrFile = (buffer: ArrayBufferLike & { BYTES_PER_ELEMENT?: undefined ......
【?】Web_BUUCTF_WriteUp | [GXYCTF2019]Ping Ping Ping
题目 分析 ping 一个任意 ip： 拼一个命令试试： 看来是命令执行漏洞，直接查看 flag.php，发现存在空格过滤： 尝试绕过空格过滤： 还有 { } 符号过滤。 过滤了 flag 关键字，尝试绕过： 过滤了单双引号。 \ 符号、\$+数字、\$+@ 没有用。 变量拼接没有输出。 看看 in ......
Web安全-初识SQL注入(一)
1、初识SQL注入 1.1、什么是注入？ 将不受信任的数据作为命令或查询的一部分发送到解析器时，会产生诸如SQL注入、NoSQL注入、OS 注入和LDAP注入的注入缺陷。攻击者的恶意数据可以诱使解析器在没有适当授权的情况下执行非预期命令或访问数据。 注入能导致数据丢失、 破坏或泄露给无授权方，缺乏可 ......
Hadoop集群部署后相关WEB界面打不开大概原因
集群部署完毕后，查看相关WEB界面，打不开的原因可能如下： 1、可以先去检查LINUX（CentOS7）机器的防火墙是否关闭，命令如下： systemctl status firewalld.service （查看防火墙状态） (如果显示为关闭状态，则进行下一步； 如果显示尚未关闭，则进行关闭并设定 ......
01.用户端Web自动化测试
1.css调试四要素：$符号 小括号() 字符串“” 单双引号 2.元素定位有多个类名要把空格换成点 3.文本定位使用中括号 4.css关系定位 5.xpath高级定位 ......
富文本里解析vue、react组件
react 封装的渲染富文本的组件： RenderRtf.tsx import { useState, useEffect, useRef } from "react"; import parse from "html-react-parser"; import ReactDOM from "rea ......