布局vue web rem

使用Selenium进行Web自动化操作

我们可使用Selenium进行Web自动化操作。 一、环境搭建: 1.下载安装Pycharm 2.在Pycharm中新建项目 3.在Pycharm中安装Selenium(FIle->Settings->Project:项目名->Python Interpreter->加号->搜索添加Selenium ......
Selenium Web

vue3构建全流程

1.创建工程: npm init vue@latest 删除components下的所有自动生成文件: 新建目录api、utils、views 将request.js放在utils下, request.js内容: //定制请求的实例 //导入axios npm install axios impor ......
流程 vue3 vue

[前端][Vue] 利用webstorage API存储数据

关于webstorage API 官方文档 https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API 省流说明 1️⃣两种 -- localStorage & sessionStorage 2️⃣存多久 -- local一直存到 ......
前端 webstorage 数据 Vue API

赣CTF-WEB-WP

赣CTF-WEB-WP 水果忍者~ 出的JS小游戏签到题,看前端中的all.js文件,即可找到flag。 Ez_RCe 反引号命令执行 preg_match("/flag|cat|tac|system|\\$|\\.|\\\\|exec|pass/i") 这边过滤了许多关键字 我们知道在linux中 ......
CTF-WEB-WP CTF WEB WP

Web Inspetor 使用

通过Web inspetor 来查看网页元素,选中代码,可以看见被选中的部分变色,一点点查下去就行,比如想查看下图的侧边框: 就如图查看: 然后复制,在IDEA里查看相应代码即可。 ......
Inspetor Web

felx 弹性布局

一、设置在容器元素上的: 1、display:flex,以前经常用display:none来隐藏元素,而这里flex值的作用是将对应元素设置为弹性布局容器; 2、flex-direction,用于控制主轴的方向。在web上默认是row即横向,但在react native中默认是column即纵向;这 ......
弹性 布局 felx

基于vue脚手架练习3

<template> <div> <first-page-3 :person="person" ></first-page-3> </div> </template> <script> import FirstPage3 from './FirstPage3.vue' export default ......
脚手架 vue

vue复制方法实现

npm install --save vue-clipboard2 import VueClipBoard from 'vue-clipboard2' Vue.use(VueClipBoard) value即是要复制的内容 <button @click="seccendCopy">第二种方式复制</ ......
复制方法 方法 vue

Web登录功能及其安全验证

登录认证 业务分析 系统的登录认证,本质上是查询语句,查询数据库中用户名与密码是否与前端传来的相同。 列如前端来数据为 { "username": "jinyong", "password": "123456" } 在controller层进行接收,并调用Service层的方法处理后响应结果 在Se ......
功能 Web

【Web攻防之业务安全实战指南】第8章 回退模块测试

8.1 回退测试8.1.1 测试原理和方法很多Web业务在密码修改成功后或者订单付款成功后等业务模块,在返回上一步重新修改密码或者重新付款时存在重新设置密码或者付款的功能,这时如果能返回上一步重复操作,而且还能更改或者重置结果,则存在业务回退漏洞。 8.1.2 测试过程靶场:8_1.zip 首先按照 ......
实战 模块 业务 指南 Web

vue3+vite+js中二次封装axios

一、安装axios npm i axios 二、文件结构 涉及到的文件: utils/request.sj api/index.js(可以根据不同页面在api文件下新建不同文件夹,方便管理) vite.config.js 三、request.js 对axios进行简单的二次封装 import axi ......
axios vue3 vite vue js

【Web攻防之业务安全实战指南】第6章 业务授权访问模块

6.1 非授权访问测试 6.1.1 测试原理和方法非授权访问是指用户在没有通过认证授权的情况下能够直接访问需要通过认证才能访问到的页面或文本信息。可以尝试在登录某网站前台或后台之后,将相关的页面链接复制到其他浏览器或其他电脑上进行访问,观察是否能访问成功。 6.1.2 测试过程靶场:xvwa-Mis ......
业务 实战 模块 指南 Web

SCUCTF2023-WEB部分wp

川大新生赛,出的确实有点水平的,通过一些渠道看了看题打了一些,有些地方还是值得学习学习的。 不鸽了,先写点吧。 因为他们是校园网访问,所以我这边也只能通过一些其他的方法去打,没截图....有附件能复现的尽量复现一下。 主要看的是【Web】SCU新生赛个人wp及完赛感想-CSDN博客这篇blog跟的, ......
部分 SCUCTF 2023 WEB

在SpringBoot和Vue3中使用Google的reCaptchaV3

Google的RecaptchaV3是一种对用户很友好的验证码模型,接下来从0开始介绍RecaptchaV的使用。 首先是需要去google的官网申请reCaptchaV3(google账号和访问方式请自备,这里不描述) https://www.google.com/recaptcha/about/ ......

发现隐藏的 Web 应用程序漏洞

随着 Web 2.0 的扩展,近年来社交媒体平台、电子商务网站和电子邮件客户端充斥着互联网空间,Web 应用程序已变得无处不在。 国际知名网络安全专家、东方联盟创始人郭盛华透露:‘应用程序消耗和存储更加敏感和全面的数据,它们成为对攻击者更具吸引力的目标。“ 常见攻击方式 该领域存在的三个最常见的漏洞 ......
应用程序 漏洞 程序 Web

保存/恢复cxGrid布局

//恢复布局IniFileName := ExtractFilePath(Application.ExeName) + 'Layout/' + Self.Name + '.ini';if FileExists(IniFileName) thenSelf.tvResult.RestoreFromIni ......
布局 cxGrid

vue 中各种莫名其妙的问题汇总

问题1: 现象:弹出框中的字段或者下拉框,输入值或者下拉选择后,无法显示(渲染)成正确的值。 解决:1.查看一下当前弹出框中的所有的属性是否有默认赋值或者有没有对应的属性声明。 一般情况我们会把弹框封装成一个对象,但是有的时候会不声明里面的属性。 例如:formData:{} 在这种情况下,直接使用 ......
莫名其妙 问题 vue

HTTP 错误 403.14 - Forbidden Web 服务器被配置为不列出此目录的内容。没有为请求的 URL 配置默认文档,并且没有在服务器上启用目录浏览。

HTTP 错误 403.14 - ForbiddenWeb 服务器被配置为不列出此目录的内容。 出现以上这个错误可能有如下解决方法: 1.将应用程序池设置成V4.0 2.在配置文件中加上以下几句代码:<system.webServer>< modules runAllManagedModulesFo ......
服务器 目录 Forbidden 错误 文档

springboot008基于位置的多分馆图书馆推荐系统vue

第一章 系统概述1.1课题背景近几年来,互联网发展的脚步在近几年越来越迅猛,与此同时,各类电子商务也发展的越来越快,人们也越来越离不开网络所带来的便利性和便捷性,并且可以利用电商就能在线进行各种的售卖活动,如鞋、衣服以及二次元图书等等各类图书。计算机应用技术不断得到发展和推广应用。很多发达国家和一些 ......
springboot 图书馆 位置 图书 系统

springboot007街球社区网站(vue)

第1章 绪论1.1 课题背景互联网+这个概念被提出来已经很久了,那么到底什么是"互联网+"呢?简单地说"互联网+"也就是"互联网+各个传统行业,这也就是一种充分运用互联网的平台,让我们传统产品和互联网进行更加深度的交流和融合,形成一种产品发展的生态,提升我们传统产品和行业之间的关系。实现了互联网的双 ......
springboot 社区 网站 007 vue

springboot008基于位置的多分馆图书馆推荐系统vue

第一章 系统概述1.1课题背景近几年来,互联网发展的脚步在近几年越来越迅猛,与此同时,各类电子商务也发展的越来越快,人们也越来越离不开网络所带来的便利性和便捷性,并且可以利用电商就能在线进行各种的售卖活动,如鞋、衣服以及二次元图书等等各类图书。计算机应用技术不断得到发展和推广应用。很多发达国家和一些 ......
springboot 图书馆 位置 图书 系统

[Vue] props属性

vue2里组件的一个属性,用来传递组件外部发来的数据 传递数据 <Student name="Bob" age=22/> 接收数据 -- 3种方法 // 1. receiving data only // 组件里的props属性,和data/method同级 props:['name', 'age' ......
属性 props Vue

Java Web开发阶段注解

@Component 标注Spring管理的Bean,使用@Component注解在一个类上,表示将此类标记为Spring容器中的一个Bean 通过路径扫描来自动侦测以及自动装配到Spring容器中 @Controller 用于指示Spring类的实例是一个控制器,相对于实现Controller接口 ......
注解 阶段 Java Web

.NET WEB API NGINX代理 获取客户端IP

public string RemoteIpAddress { get { string ip4 = Request.Headers["X-Forwarded-For"].FirstOrDefault()??""; if (string.IsNullOrWhiteSpace(ip4)) { var ......
客户端 客户 NGINX NET API

vue 前端自动打开文件地址进行下载

最近在做异步导出的功能,导出的过程中前端另外启动一个查询导出进度的线程接口。如果导出完成后,把生成的文件上传到服务器,返回给前端一个文件的下载地址;前端自动打开这个地址进行跳转下载。 有两种方式 1.直接使用js自带的方式打开链接 这种方式有一个问题,会被浏览器自动拦截弹出的窗口:”已阻止弹出窗口“ ......
前端 地址 文件 vue

记录一次在k8s上,web服务内嵌的netty-socketio注册到nacos,gateway转发路由 遇到的问题

web服务内嵌的nacos怎么注册? 使用java sdk方式 参考链接:https://nacos.io/zh-cn/docs/sdk.html 每个socket不同怎么设置端口 我这里使用的是注解,让用户传过来,并且在bean初始化之前进行变量存储。 这个链接里面的[netty-socketio ......

[Vue] ref属性

ref属性是vue2中的一种属性,用来注册组件或元素的引用信息,或者说是另一种id 应用在html标签里,返回的就是整个DOM元素 应用在组件里,返回的就是VueComponent实例对象 如何使用 // to use ref in tags/components <h1 ref="demo">he ......
属性 Vue ref

记录一次在k8s上,web服务内嵌的netty-socketio注册到nacos,gateway转发路由

注册到nacos的多种方式(本人只知道两种) 1. springboot中yml配置 2. java sdk方式注册 参考链接:https://nacos.io/zh-cn/docs/sdk.html 注意点:instance.setIp("127.0.0.1"), 这里的ip地址要与socketi ......
路由 netty-socketio socketio gateway netty

2024 年最值得推荐的 7 个 Vue3 组件库

你好,我是 Kagol。 Vue 是一款易学易用,性能出色,适用场景丰富的渐进式 JavaScript 框架,深受广大开发者的喜爱,Vue3 更是推出了 Composition API,让逻辑复用更友好。 马上就到 2024 年了,如果你的项目正在使用 Vue3,或者打算升级 Vue3,以下 Vue ......
组件 2024 Vue3 Vue

vue 监听键盘回车事件 @keyup.enter || @keyup.enter.native

vue运行为v-on在监听键盘事件时,添加了特殊的键盘修饰符: <input v-on:keyup.13="submit"> vue还非常贴心地给出了常用按键的别名,这样就不必去记keyCode ~ ~ 上面代码,还可以在这样写: <input v-on:keyup.enter="submit"> ......
keyup enter 键盘 事件 native