布局vue web
vitest&@vue/test-utils组件单元测试
依赖 "vitest": "0.34.6", "@vue/test-utils": "2.4.3", "axios-mock-adapter": "^1.22.0", 示例 import { mount } from "@vue/test-utils"; import { test, vi } fr ......
Vite + Vue配置路径别名@代替 ./src
1.在 vite.config.js 引用 import {resolve} from 'path' 2.添加标黄的 export default defineConfig({ resolve:{ alias:{ "@":resolve(__dirname,"./src") } } }) 3.有图看 ......
SpringBoot+Vue实现大文件分块上传
1. 项目背景由于用户需求，需要上传大量图片，只能通过上传压缩包的形式上传，可是压缩包过大时，又会出现上传超时的情况，故需要将压缩包分块上传，然后解压缩图片、若图片过大则再对图片进行压缩。 2. 分块上传分块上传我在用的时候发现有两种：第一种：分块合并接口全由后端接口生成；第二种：前端分块，后端上传 ......
Polar靶场web刷题记录
Polar靶场 web刷题记录 简单部分 swp 考点：敏感文件、preg_match()函数绕过 根据题目名提示 访问 /.index.php.swp 可以用代码格式化工具美化一下 function jiuzhe($xdmtql) { return preg_match('/sys.*nb/is' ......
介绍 Vue3 的常见目录结构
当着手使用 Vue3 开发项目时，理解其目录结构至关重要。Vue3 的文件组织和模块分隔方式直接关系到项目的可维护性和扩展性。本文将深入探讨 Vue3 的标准目录结构，并提供一些实用的指南和推荐做法。 在 Vue 3 项目中，通常会有以下一些常见的目录和文件： src 目录: src 目录是 Vue ......
介绍 Vue3 的常见目录结构
当着手使用 Vue3 开发项目时，理解其目录结构至关重要。Vue3 的文件组织和模块分隔方式直接关系到项目的可维护性和扩展性。本文将深入探讨 Vue3 的标准目录结构，并提供一些实用的指南和推荐做法。 在 Vue 3 项目中，通常会有以下一些常见的目录和文件： src 目录: src 目录是 Vue ......
SpringBoot+Vue.js实现大文件分片上传、断点续传与极速秒传
亲测好用，这里就直接上代码了，代码有详细的解释。 0. 建表语句SET NAMES utf8mb4;SET FOREIGN_KEY_CHECKS = 0; -- Table structure for file_info-- DROP TABLE IF EXISTS `file_info`;CREA ......
vue2环境变量配置开发环境和生产环境
在项目根目录下新建.env文件 写入变量比如本地链接 VUE_APP_BASE_API=http://127.0.0.1:5000/ 在读取的时候使用process.env.VUE_APP_BASE_API就可以读到这个全局变量 process.env.NODE_ENV有两个值开发环境：develo ......
Vue报错：error Mixed spaces and tabs no-mixed-spaces-and-tabs
Vue报错：error Mixed spaces and tabs no-mixed-spaces-and-tabs 一、解释 在开发过程中使用了ESLint，用来规范代码风格。ESLint是语法检查工具，缺点是对所写代码要求过于严格。这里是因为空格的使用导致的。 二、报错可能出现的地方 我第一次出 ......
vue 千分位过滤器
1.创建numberToCurrency.js文件 // 千分符过滤器 export function numberToCurrencyNo(value) { if (!value) return 0 // 判断value 是否是以0开头的负数 if (value < 0 && value > -1 ......
JavaWeb - Day04 - maven、Web入门
01. Maven-课程介绍 初识Maven Maven概述 Maven模型介绍 Maven仓库介绍 Maven安装与配置 IDEA集成Maven 依赖管理 初识Maven 什么是Maven Maven是Apache旗下的一个开源项目，是一款用于管理和构建java项目的工具。 官网：https:// ......
[CISCN2019 华北赛区 Day2 Web1]Hack World
import requests import time url ="http://b7a8c212-0f73-459e-a181-6453bed29e70.node4.buuoj.cn:81/index.php" result="" num =0 for i in range(1,60): if n ......
Vue—实现文件上传（多文件），图片上传
一、图片上传//template <input type="file" accept="image/*" @change="changeImage()" ref="avatarInput" style="display:none" /> <div class="pic_list"> <div v-f ......
ctfshow-Web入门-命令执行wp
Web29: 简单的命令执行，使用/i模式过滤大小写flag，可以使用通配符绕过过滤。 Web30: 比上一题多过滤system与php，可以使用其他函数来执行命令，具体可以参考PHP中常见的命令执行函数与代码执行函数_-passthru-CSDN博客 注意： system(),passth ......
GitLab部署vue项目至GitLab Pages流水线配置
image: node:16.15.0 #表示使用有nodejs环境的docker，自己项目用的什么版本这就写什么版本 stages: - deploy pages: #!!!必须!!!使用pages关键字 stage: deploy script: - npm install - npm run ......
Web服务器Apache和Nginx的区别
Apache和Nginx是两种主要Web服务器，Apache和Nginx最核心的区别在于Apache是同步多进程模型，一个连接对应一个进程；而Nginx是异步的，多个连接（万级别）可以对应一个进程。 Apache 1、apache 的 rewrite 比 nginx 强大，在 rewrite 频繁的 ......
学习教程大全(java、c#、Web、GIS、Andriod)
学习教程大全(java、c#、Web、GIS、Andriod) 1. Andriod │ │ Android App开发入门 使用Android Studio 2.X开发环境 第2版.pdf │ │ Android Studio开发实战：从零基础到App上线.pdf │ │ Android4高级编程 ......
Springboot+Vue实现多文件上传
多文件上传，后端接收到多次请求vue实现 <el-upload class="upload-demo" action="http://10.240.46.88:8081/upload1" :on-preview="handlePreview" :on-remove="handleRemove" :m ......
yew 基于rust 以及wasm 创建web 应用的框架
yew 基于rust 以及wasm 创建web 应用的框架，我们可以基于一些定好好的rust 宏，实现基于webassembly 的web 应用开发 包含的特性 基于组件 使用了类似rect 以及elm 的开发模式 html 宏 类似react jsx 的定义 ssr 支持服务端渲染，默认属于客户端 ......
vue如何实现文件上传及预览
vue文件上传及预览 <template> <div id="file"> <input name="files" id="uploaderInput" type="file" accept="images/*" multiple @change="change"/> <div class="fil ......
vue3中自定义ref实现防抖
import { customRef } from "vue"; /** * @description 自定义ref实现防抖 * @param {String} value * @param {Number} delay * @returns */ export const debounceRef ......
[Vue]脚手架创建项目
文档：https://cli.vuejs.org/zh/ (脚手架最新版本是4.x) 1. 如果安装速度过慢，可以指到国内安装地址：npm config set registry https://registry.npm.taobao.org 2. 首次安装（全局）：npm install -g @ ......
Go-web应用部署的方式——（3）Nginx
摘要：本系列文章记录了几种Go-web应用的部署方式，记录并解释所有相关的命令。 参考：部署Go语言项目的 N 种方法 | 李文周的博客 (liwenzhou.com) 抛开宝塔面板一键部署的方式，这里记录下手动使用Nginx部署应用的过程，以及前后端是否分离的区别 1. 安装Nginx sudo ......
vue uniapp 弹出层背景穿透，穿层
// 投注信息弹窗 内容组件上 @touchmove.stop.prevent="() => {}" u-popup :show="show" @close="show= false" @open="open" component @touchmove.stop.prevent="() => {}" ......
Go-web应用部署的方式——（2）nohup、supervisor后台运行
摘要：本系列文章记录了几种Go-web应用的部署方式，记录并解释所有相关的命令。 参考：部署Go语言项目的 N 种方法 | 李文周的博客 (liwenzhou.com) 1. nohup nohup 用于在系统后台不挂断地运行命令，不挂断指的是退出执行命令的终端也不会影响程序的运行。 主流的 Lin ......
Go-web应用部署的方式——（1）Docker
摘要：本系列文章记录了几种Go-web应用的部署方式，记录并解释所有相关的命令。 参考：如何使用Docker部署Go Web应用 | 李文周的博客 (liwenzhou.com) 1. 编写Dockerfile文件 # 使用基础镜像FROM golang:alpine # 设置环境变量 ENV GO ......
Vue 3 使用moment设置显示时间格式
一. 问题: Vue3如何使用moment设置显示时间格式。 二.分析问题：在Vue 3中，因为过滤器(filter)已经被废弃，取而代之的是全局方法(global method)。slot-scope也被弃用使用v-slot代替。无法使用过滤器设置显示时间格式。 三. 解决问题。 （1）在vue ......
vue3学习之createApp(App).mount('#app')
装了vue-cli之后，新建个项目跑起来了，碰上个没理解的问题，不知道createApp(App).mount('#app') 挂载的这个id=“app”从哪冒出来的 用命令创建出来的项目，components/HelloWorld.vue, App.vue, main.js中都没有 估摸着得是底层 ......
vue的富文本编辑器（vue2-editor）
文章的发布功能中，我们希望像写文档一样发布一整篇带标题、分段、加粗等效果的文章，而不是单纯的一段文本，这时就需要用到富文本编辑器。富文本编辑器有很多版本，他们样式不同，使用方法不同。本篇这里我们在npm下载并使用vue相关的富文本编辑器：vue2-editor。1.安装vue2-editor 网址： ......
【前端框架Vue】Vue是什么？怎么用？
Vue是JS的一种框架，用于构建用户界面的JS框架。可以理解为，Vue通过指令和模板语法，将数据和HTML模板关联起来，实现一种响应式的数据驱动视图的方式 Vue是什么？ Vue是JS的一种框架，用于构建用户界面的JS框架。可以理解为，Vue通过指令和模板语法，将数据和HTML模板关联起来，实现一种 ......