布局vue web
Python Web之Django
一、环境需求 1、OS:Windows10 2、IDE:PyCharm 2019.2 3、Interpreter:Python 3.7 二、项目搭建 1、构建Django工程，打开PyCharm，点击【File】==》【New Project...】==》【Django】。 2、项目工程保存路径、工 ......
vue项目中在外部js文件中直接调用vue实例的方法比如说this
一般我们都是在main.js中引入vue，然后在vue文件中直接使用this（this指向的是vue实例），但是在实际开发中，我们往往会引入外部的js文件使用this，这个this就会指向window，并不是我们期待的vue实例，那么就需要重新引入vue文件（import Vue from 'vue ......
Java_web
Maven 1. Maven概述 Maven是专门管理和构建Java项目的工具，他的主要功能有： 提供了一套标准化的项目结构 提供了一套标准化的构建流程（编译、测试、打包、发布……） 提供了一套依赖管理机制 依赖管理其实就是管理你项目所依赖的第三方资源（jar包、插件……） 2. Maven模型 3 ......
Web3.0热门领域NFT项目实战-深度掌握Solidity合约开发，助力Web3.0工程师
Web3.0热门领域NFT项目实战-深度掌握Solidity合约开发，助力Web3.0工程师 免费自动批量生成NFT图片和批量部署NFT 一、环境准备 1.注意：需合理上网 2.准备素材：准备一套多个属性元素的不一样的图层素材，比如10张背景图、10张face图、10张眼睛图层、10张头发图层等，每 ......
springboot+vue学习（2）
1、ref ：为子组件指定一个索引 ID，给元素或者组件注册引用信息。refs是一个对象，包含所有的ref组件。 <div id="parent"> <user-profile ref="profile"></user-profile>（子组件）</div> var parent = new Vue ......
springboot+vue学习
最近遇到一个问题，在一个页面需要动态渲染页面内的表单，其中包括 checkbox 表单类型，并且使用 Element 组件 UI 时，此时 v-model 绑定的数据也是动态生成的 例如：定义的 data 的 form 里面是空对象，需要动态生成里面的 key export default { da ......
Error creating bean with name 'org.springframework.web.servlet.handler.BeanNameUrlHandlerMapping':
Error creating bean with name 'org.springframework.web.servlet.handler.BeanNameUrlHandlerMapping': Instantiation of bean failed; nested exception is o ......
npm安装datav-vue3(一个大屏边框和装饰组件)后报错Failed to resolve entry for package "@dataview/datav-vue3". The package may have incorrect main/module/exports specified in its package.json.
原因:个人认为应该是npm上的版本比较低,因为弄好后装饰只能用到第8个,后面的都没有,查看package.json里它的版本为^0.0.0-test.1672506674342,也就是说还没有正式版,在官方的说明里也有体现 [目前还处于 Alpha 阶段，所有的 API 及 Props 都可能在后续 ......
[Vue]事件修饰符
Vue中的事件修饰符：1. prevent：阻止默认事件（常用）；2. stop：阻止事件冒泡（常用)；3. once：事件只触发一次（常用）；4. capture：使用事件的捕获模式；5. self：只有event.target是当前操作的元素是才触发事件；6. passive：事件的默认行为立即 ......
使用 Ant Design Vue 你可能会遇到的14个问题
公司有一个新需求，在原来项目基础上开发，项目中使用 Ant Design Vue，版本是 1.X ,在此记录下遇到的问题；对于没有使用过或者使用程度不深的同学来说，希望可以帮助你在开发中遇到问题时有个参考。对于已经熟练使用的同学，可能这些问题都遇到过，欢迎大家在评论区补充。 1、实现对下拉框显示的所 ......
htb-Web Requests
HTTP 1）To get the flag, start the above exercise, then use cURL to download the file returned by '/download.php' in the server shown above. curl IP/do ......
web入门-HTTP协议
web入门-HTTP协议-概述 HTTP 概念：Hyper Text Transfer Protocol，超文本传输协议，规定了浏览器和服务器之间数据传输的规则。 特点： 基于TCP协议：面向连接，安全 基于请求-响应模型的：一次请求对应一次响应 HTTP协议是无状态的协议，对于事务处理没有记忆能力 ......
web服务器-Tomcat-基本使用
web服务器-Tomcat-基本使用 下载：官网下载，地址 ：https://tomcat.apache.org/download-90.cgi 也可以在文章开头下载 启动tomcat方法如下： 打开解压后的目录： 上面的命令窗口的截图中显示了中文，你有可能第一次运行tomcat，这个命令窗口里的中 ......
ABBAC900F学习笔记324：WEB页面访问WINCCweb服务器
这一篇学习笔记我在新浪博客记录过，地址是ABBAC900F学习笔记324：WEB页面访问WINCCweb服务器_来自金沙江的小鱼_新浪博客 (sina.com.cn) 我在这里也记录一遍。 前段时间测试了一下WINCC 7.5SP2web发布功能，并且在本机和远程计算机上IE浏览器访问成功。今天结合 ......
Vue.js框架：vue3版本引入使用element-ui
一、引入element-plus element-ui只支持vue2，vue3需要引入element-plus进行使用，两个分别对应vue2和3两个版本，各自独立，无法跨级兼容。 地址：https://element-plus.gitee.io/ 在vue3项目终端里使用以下命令引入该依赖： npm ......
快速搭建API随心搭，让你的web开发更加高效
随着互联网的发展，越来越多的应用和服务需要通过API接口来实现。API（Application Programming Interface，应用程序编程接口）可以理解为两个软件之间的桥梁，通过API接口，两个软件可以相互交流并进行数据交换。如今，API已经成为许多公司和应用程序的核心，因此快速搭建并 ......
web基础漏洞-越权漏洞
1、介绍 越权，是指攻击者访问或者操作了超过当前身份权限的资源。 2、场景 (1)水平越权 攻击者登录账号，对其它账号的专属数据进行了请求或操作。 (2)垂直越权1 攻击者未登录，而直接对账号专属数据进行了请求或操作。 (3)垂直越权2 攻击者登录，但是对需要更高权限的数据进行了请求或操作。 3、防 ......
web基础漏洞-逻辑漏洞
1、介绍 逻辑漏洞是由于业务代码的逻辑缺失或者错误，导致的漏洞。 2、场景 2.1 可爆破可猜解 弱账号密码 验证码 登录凭证cookie或token，以及访问口令 优惠券id，图片id，博客id等 找回密码的问答 2.2 步骤可跳过 (1)某功能分为多个页面/接口，可以直接请求后面的页面/接口 ( ......
web基础漏洞-验证码爆破
1、介绍 验证码爆破，攻击者可以持续请求验证，从而获取正确验证码。 2、防护 (1)限制验证码有效时间 如果设置相对较长的验证码有效时间，那么攻击者就可以用较低的频率爆破。反之，验证码有效时间相对较短，则对爆破的频率提出高要求，这既考验攻击者的硬件和软件，也考验网络传输和服务端压力。提高爆破难度 ( ......
web基础漏洞-ssrf
手把手用实战教你SSRF漏洞从入门到精通 - FreeBuf网络安全行业门户 (1 封私信 / 38 条消息) ssrf业务 - 搜索结果 - 知乎 (zhihu.com) 1、介绍 ssrf，server-server request forgery服务端到服务端的请求伪造，或者server-si ......
web基础漏洞-url重定向漏洞
1、介绍 url重定向漏洞，是指攻击者可以控制用户的浏览器中的url形式参数，并被解析执行，造成危害。 2、场景 2.1 跳转 使用户信任新跳转的站点，进行钓鱼 3xx location字段 js跳转 form跳转 超链接a 2.2 引入资源 利用：钓鱼，引入脚本，向外部请求提供referer sc ......
Vue验证码模块
一个普通图形验证码的模块，使用方式如下: 导入模块 import random from '@/util/VerificationCode' 使用方式 this.randomObj = random({ id: 'random', api: { url: '/api/getCode', header ......
手撕Vue-实现事件相关指令
经过上一篇文章的学习，实现了界面驱动数据更新，接下来实现一下其它相关的指令，比如事件相关的指令，v-on 这个指令的使用频率还是很高的，所以我们先来实现这个指令。 v-on 的作用是什么，是不是可以给某一个元素绑定一个事件。 紧接着了解了 v-on 的作用之后，我在 example.html 的结构 ......
一文1000字彻底搞懂Web测试与App测试的区别
总结分享一些项目需要结合Web测试和App测试的工作经验给大家： 从功能测试区分，Web测试与App测试在测试用例设计和测试流程上没什么区别。 而两者的主要区别体现在如下几个方面： 1 系统结构方面 Web项目，B/S架构，基于浏览器的；Web测试过程中，客户端会随服务器端同步更新，所以只需更新服务 ......
vue实现点击复制功能(无需安装库)
1.标签 <button v-copy="text">复制文本</button> text是要复制的内容，在data函数中 2.在main.js中注册copy指令 Vue.directive('copy', { bind: function(el, binding) { el.$copy = fun ......
html 不使用脚手架 如何使用vue组件 1
html 不使用脚手架 要使用vue组件的话有两种方法 1 使用 vue3-sfc-loader git地址: https://github.com/FranckFreiburger/vue3-sfc-loader cdn地址: https://cdn.jsdelivr.net/npm/vue3-s ......
[Vue]键盘事件
1. Vue中常用的按键别名: 回车=>enter 删除=>delete(捕获“删除”和“退格”键) 退出=>esc 空格=>space 换行=>tab(特殊，必须配合keydown使用) 上=>up 下 =>down 左=>left 右=>right 2. Vue未提供别名的按键，可以使用按键原始 ......
web前端
<meta chatset=＂ ＂> 需要添加字符 如“UTF–8” <html lang=＂ ＂> 如“en,zh-CN,ja-jp ” <h1></h1> <h2></h2>……<h6></h6> <br/>换行 <p>段落文本内容</p> 标识一个段。 <hr/> 空标记 水平线 加粗有两个标 ......
详解vue大文件视频切片上传的处理方法
前端上传大文件、视频的时候会出现超时、过大、很慢等情况,为了解决这一问题,跟后端配合做了一个切片的功能,接下来就详细的给大家介绍一下vue大文件视频切片上传的处理方法,需要的朋友可以参考下 前端上传大文件、视频的时候会出现超时、过大、很慢等情况，为了解决这一问题，跟后端配合做了一个切片的功能。 我这 ......