布局vue web
vue中attrs的使用
vue中attrs的使用 1.attrs的作用 用来进行子孙组件之间的数据传递 接收父组件传过来，但是又没有在props中定义的数据。（class及style除外） 2.父子组件之间数据传递的用法 爷爷组件-grandpa： <template> <div> <span>爷爷</span> <Son ......
vue3 + vite 的Excel表格的导入导出
一、安装XLSX插件 yarn add xlsx 或者 npm i xlsx 二、引入插件 在你需要的页面或者在main.js中引入 import * as XLSX from 'xlsx' 三、导出Excel 3.1 核心api ① xlsx.utils.book_new() 新建工作簿 ② xl ......
java web jsp 分页显示代码
<%@ page language="java" contentType="text/html; charset=gb2312" pageEncoding="gb2312"%><%@ page import="java.sql.*, chap03.*"%><!DOCTYPE html PUBLIC ......
Vue2 实现印章徽章组件
Vue2 实现印章徽章组件 需要实现的组件效果： 该组件有设置颜色、大小、旋转度数和文本内容功能。 一、组件实现代码 <template> <div class="first-ring" v-bind="getBindValue" :class="getStampBadgeClass" :style ......
[WEB安全] XSS攻击防御 Vue
一、概念 XSS攻击通常指的是通过利用网页开发时留下的漏洞，通过巧妙的方法注入恶意指令代码到网页，使用户加载并执行攻击者恶意制造的网页程序。 这些恶意网页程序通常是JavaScript，但实际上也可以包括Java、 VBScript、ActiveX、 Flash 或者甚至是普通的HTML。 攻击成功 ......
短视频app源码，Flutter组件--搜索页面布局
短视频app源码，Flutter组件--搜索页面布局 class LayoutDemo extends StatelessWidget { const LayoutDemo({Key? key}) : super(key: key); @override Widget build(BuildCont ......
21.14 Python 实现Web指纹识别
在当今的Web安全行业中，识别目标网站的指纹是渗透测试的常见第一步。指纹识别的目的是了解目标网站所使用的技术栈和框架，从而进一步根据目标框架进行针对性的安全测试，指纹识别的原理其实很简单，目前主流的识别方式有下面这几种。这些指纹识别方式都是通过分析目标网站的特定特征或行为，从中推断所使用的框架或技术... ......
[WEB安全] CSRF攻击和防御
一、什么是CSRF 跨站请求伪造（英语：Cross-site request forgery），也被称为 one-click attack 或者 session riding，通常缩写为 CSRF 或者 XSRF， 是一种挟制用户在当前已登录的Web应用程序上执行非本意的操作的攻击方法。 跟跨网站脚 ......
[Vue]列表渲染v-for
1. 用于展示列表数据 2. 语法：v-for="(item, index) in xxx" :key="yyy" 3. 可遍历：数组、对象、字符串（不常用）、指定次数（不常用） <body> <div id="root"> <!-- 遍历数组 --> <h2>人员列表</h2> <ul> <li ......
33-Vue脚手架-浏览器本地存储（使用本地存储优化Todo-List案例）
什么是网络存储 在HTML5之前，开发人员一般是通过使用Cookie在客户端保存一些简单的信息的。 在HTML5发布后，提供了一种新的客户端本地保存数据的方法，那就是Web Storage，存储内容大小一般支持5MB左右（不同浏览器可能还不一样），它允许 Web 应用程序在用户浏览器中实现本地存储机 ......
laravel:多图片上传(10.27.0/前端vue)
一，相关文档 https://learnku.com/docs/laravel/10.x/filesystem/14865#481e03 二，前端vue代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 ......
.NET中的数组在内存中如何布局？
总的来说，.NET的值类型和引用类型都映射一段连续的内存片段。就内存布局来说，引用类型有两个独特的存在，一个是字符串，另一个就是数组。今天我们来聊聊数组类型的内存布局。 ......
laravel:单图片上传(10.27.0/前端vue)
一，相关文档 https://learnku.com/docs/laravel/10.x/filesystem/14865#481e03 二，前端vue代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 ......
vue3+ts navigator.mediaDevices是一个双目摄像头，读取指定彩色摄像头
在 Vue 3 中使用 TypeScript，你可以通过 `navigator.mediaDevices` 访问设备的媒体流信息，包括摄像头。要读取指定的彩色摄像头，你可以使用 `getUserMedia` 方法来获取指定设备的媒体流。 首先，你需要在组件中引入 `getUserMedia` 方法： ......
calibre-web个人图书在线管理
calibre 注：图片来【本地图书管理：通过calibre-web打造个人在线书城_白毛偷二的博客-CSDN博客】 https://blog.csdn.net/qq_39366927/article/details/123013413 calibre官方下载地址：https://calibre-e ......
BUUCTF-NewStarCTF 2023-WEB
培训 1.1 一。知识 1.1 302重定向 题目描述 点击给出的链接后，没有发生任何变化。 解决方案 通过查看网络请求，可以发现发生了302临时跳转，所以我们无法通过浏览器直接访问未跳转的页面，而flag 可能藏在我们目前无法访问的页面之中。所以我们要想办法去访问未跳转的原网站。 而不强制跳转我们 ......
网安基础入门（二）——Web其它
网络安全基础入门（二）—— Web其它 知识点 网站前后端分离及影响 Docker容器网站及特点 集成软件站及影响 第三方建站 OSS及影响 CDN及其影响 负载均衡 WAF及其分类 网站前后端分离 网站前后端分离（Frontend-Backend Separation）是一种常见的软件架构模式，其 ......
KubeSphere 社区双周报 | KubeKey 支持 Web UI | 2023.10.13-10.26
KubeSphere 社区双周报主要整理展示新增的贡献者名单和证书、新增的讲师证书以及两周内提交过 commit 的贡献者，并对近期重要的 PR 进行解析，同时还包含了线上/线下活动和布道推广等一系列社区动态。 本次双周报涵盖时间为：2023.10.13-2023.10.26。 贡献者名单 新晋 K ......
vue的性能优化
1、v-if和v-show却别场景使用 2、computed和watch区别场景使用 3、v-for循环需要添加key，并且v-for不能和v-if同时使用 4、文件懒加载 5、路由懒加载 6、第三方插件的按需加载 7、事件销毁，计时器销毁（如果有） ......
【Web安全篇】Http Protocol && Customer Headers
概述 我们在做网站开发时，为了网站的运行安全，往往会做一些渗透测试，来观察我们部署的系统是否存在安全问题，在做完这个之后，往往会形成一套开发规则，等待系统计划上线时，一定要遵循这个规则。 以下是一些站点部署的配置的记录，往往会在web.config文件中进行配置，这样网站运行时就会遵循这些规则 <h ......
初看vue3源码
因为工作的原因又回到了vue的领域，需要加深对vue和vue生态的了解也许平时比较多人手机看别人解析怎么看vue源码的，自己动手看vue源码的还是比较少，这次我想自己动手看看首先 吧代码获取到本地跑起来vue 仓库地址 https://github.com/vuejs/vue 开发环境 搭建指南 h ......
css 多列布局
1.1 多列布局 这里感谢小甲鱼，毕竟编程是小甲鱼带入坑了 鱼C-Web-CSS-速查 1.1.1 column-count 定义： column-count属性指定某个元素应分为的列数。 column-count: number|auto; 值 说明 number 列的最佳数目将其中的元素的内容无 ......
springboot+vue2+element学生信息管理系统
效果： .vue <template> <div> <el-container style="height: 700px; border: 1px solid #eee"> <el-header style="font-size: 40px; background-color: rgb(238, 2 ......
vue+odoo前后端搭建
项目所需 前端用vue的element组件 后端用odoo 1、为什么选用 element （饿了么） 源自vue vue国人开发 文档完善 便于自学 关键是我以前接触过 比react上手快 一开始的路线是想直接在template里面引入vue的js在xml混写，结果总是报错，这两天一直在想办法解决 ......
Vue快速启动
VUE快速启动 建议下载nvm，管理node.js版本，可以指定 下载or卸载or使用 xx.xx.xx版本 nvm控制node.js版本 ，vue要求node.js至少16以上,node.js 包含npm,下载node.js即可 查看npm镜像使用状态。如不是淘宝镜像推荐切换为淘宝镜像，可加快下载 ......
Vue源码学习(十三):实现watch(一):方法,对象
好家伙， 代码出了点bug,暂时只能实现这两种形式 完整代码已开源https://github.com/Fattiger4399/analytic-vue.git Vue:watch的多种使用方法 watch有非常多种使用方式,我们要对其进行分类讨论处理 1.初始化: //initState.js ......
web前端（Vue2.x）接收H264实时视频码流(二进制)进行播放
1、安装 jmuxer npm install jmuxer@2.0.5 2、.vue文件中使用 <template> <div> <video id="dom_id" muted="muted" controls class="video_box"></video> <div v-if="!has ......
ctf_show Web的Web8题解
好久没写博客，上次写还是在上次（三年前）。 如题，写一次CTF的题解 根据题目提示得知这应该是一个注入，什么注入还不知道，进入靶场。 仅有三个地方可点，都点进去看看。 从URL处可以看到前端是传了一个参数id给后端（另外两个类似，就不贴图了）。 那很明显了是SQL注入。 首先在参数后面打个'（单引号 ......
rust 创建多线程web server
创建一个 http server，处理 http 请求。 创建一个单线程的 web 服务 web server 中主要的两个协议是 http 和 tcp。tcp 是底层协议，http 是构建在 tcp 之上的。 通过std::net库创建一个 tcp 连接的监听对象，监听地址为127.0.0.1:8 ......
UI自动化概念 + Web自动化测试框架介绍
1.UI自动化测试概念:我们先明确什么是UI UI，即(User Interface简称UI用户界面)是系统和用户之间进行交互和信息交换的媒介 UI自动化测试:Web自动化测试和移动自动化测试都属于UI自动化测试，UI自动化测试就是借助自动化工具对程序UI层进行自动化的测试 2.为什么对UI采用自动 ......