截图 部分vue3 vue
vue 将html保存成pdf文件
结合 html2canvas 和 jspdf 插件处理 /* eslint-disable */ //不使用JQuery版的 import html2canvas from 'html2canvas' import JsPDF from 'jspdf' /** * @param ele 要生成 pd ......
34-Vue脚手架-组件的自定义事件（使用自定义事件优化Todo-List案例）
组件的自定义事件 1.一种组件间通信的方式，适用于 子组件 > 父组件（这里也可以使用 props 传递数据进行实现） 2.使用场景：A是父组件，B是子组件，B想给A传数据，那么就要在A中给B绑定自定义事件（事件的回调在A中） 3.绑定自定义事件： 1）第一种方式，在父组件中 <!--通过父组件给子 ......
vue关于render函数如何渲染v-html
render函数如何渲染v-html，两种方式（适用于搜索关键字高亮） 例子：“互联网数据” 搜索关键字"网" ==>row.htmlStr：互联<span class="search-text">网</span>数据 render: (h, { row }) => { // 模板组件方式 retu ......
读后感：《程序员修炼之道》第三部分 - 提供有价值的工作
第三部分的《程序员修炼之道》深入探讨了编写有价值的软件和解决方案的重要性。它提供了一系列关于需求分析、项目管理和交付高质量工作的宝贵建议。以下是我从这一部分中得到的主要启示： 首先，书中强调了了解项目的实际需求的重要性。作者提醒我们，不仅要满足客户的表面需求，还要深入了解他们的真正需求。这意味着我们 ......
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 ......
openlayers截图之图片跨域问题
openlayers截图之图片跨域问题 报错： Error in v-on handler: "SecurityError: Failed to execute 'toBlob' on 'HTMLCanvasElement': Tainted canvases may not be exported ......
Vue2 实现印章徽章组件
Vue2 实现印章徽章组件 需要实现的组件效果： 该组件有设置颜色、大小、旋转度数和文本内容功能。 一、组件实现代码 <template> <div class="first-ring" v-bind="getBindValue" :class="getStampBadgeClass" :style ......
[WEB安全] XSS攻击防御 Vue
一、概念 XSS攻击通常指的是通过利用网页开发时留下的漏洞，通过巧妙的方法注入恶意指令代码到网页，使用户加载并执行攻击者恶意制造的网页程序。 这些恶意网页程序通常是JavaScript，但实际上也可以包括Java、 VBScript、ActiveX、 Flash 或者甚至是普通的HTML。 攻击成功 ......
[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 ......
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` 方法： ......
NewStarCTF 2023 公开赛道 WEEK4|CRYPTO 部分WP
RSA Variation II 1、题目信息 提示："Schmidt Samoa" 附件信息 from secret import flag from Crypto.Util.number import * p = getPrime(1024) q = getPrime(1024) N = p*p ......
Angular学习截图
Angular 部分学习截图 目录结构 组件简单说明 自定义组件简单命令 在app根组件中使用调用news组件 定义数据并显示到模板中 根模块 创建项目时 定义的几种数据方式 在构造函数或者方法中给属性赋值 定义数组 复杂对象数组显示到页面上来 引入本地的和远程的图片资源 循环的index ng-i ......
进行了部分文章的整理
删除了部分过时的文章，如wcf等技术知识 部分重复的文章， 一些文章可以用后面更详细的文章代替 一些代码类的当时水平有限， 时过境迁，现在也看不上。 部分作为知识点记录的文章现在可以用chatgpt之类的ai引擎代替， 并且知识点更新， 更全面，更强大 部分转载类的文章： 转载基本上只能本人可见，不 ......
Markdown基础语法+部分扩语法（vscode）
mdk语法 目录mdk语法基础语法标题语法换行语法段落语法强调语法粗体(Bold)斜体(Italic)粗体和斜体引用语法我给你你出生多年前的列表语法有序列表无序列表在列表中嵌套其他元素代码语法行内代码代码块分割线语法链接语法网址和Email地址带格式话的链接引用类型链接图片语法普通图片链接图片转义字 ......
NewStarCTF 2023 公开赛道 WEEK4|MISC 部分WP
R通大残 1、题目信息 R通大残，打了99，补！ 2、解题方法 仔细分析题目，联想到隐写的R通道。 首先解释一下：R是储存红色的通道，通道里常见有R（红）、G（绿）、B（蓝）三个通道，如果关闭了R通道图片就没有红色的部分，G、B同理。 因此我们想到R大残应该是不显示红色了，猜测结果就在R通道里，所以 ......
USACO 2020 Platinum 部分题目题解
USACO 2020 January Contest, Platinum Problem 2. Non-Decreasing Subsequences 原题网址 这个题目有两种做法，一种是矩阵，一种是 CDQ 分治。矩阵我只大概口胡了一下，没仔细想，这里主要介绍一下 CDQ 分治的做法。 CDQ 分 ......
vue的性能优化
1、v-if和v-show却别场景使用 2、computed和watch区别场景使用 3、v-for循环需要添加key，并且v-for不能和v-if同时使用 4、文件懒加载 5、路由懒加载 6、第三方插件的按需加载 7、事件销毁，计时器销毁（如果有） ......
初看vue3源码
因为工作的原因又回到了vue的领域，需要加深对vue和vue生态的了解也许平时比较多人手机看别人解析怎么看vue源码的，自己动手看vue源码的还是比较少，这次我想自己动手看看首先 吧代码获取到本地跑起来vue 仓库地址 https://github.com/vuejs/vue 开发环境 搭建指南 h ......
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 ......
现代企业管理的部分复习笔记
因为不是专业课学的比较随意，大概会分成四个部分，三个内容一个部分题，最近就要考试了，共勉 格式问题显示不好 用word写的，链接如下 我用夸克网盘分享了「现代企业管理.docx」，点击链接即可保存。打开「夸克APP」在线查看，支持多种文档格式转换。 链接：https://pan.quark.cn/s ......
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 ......
php-SER-libs-main反序列化靶场部分wp
什么是序列化/反序列化, 为什么要进行序列化/反序列化 序列化: 有时需要把一个对象在网络上传输，为了方便传输，可以把整个对象转化为二进制串，等到达另一端时，再还原为原来的对象，这个过程称之为串行化(也叫序列化)。 反序列化: 将序列化的结果还原 PHP序列化：把对象转化为二进制的字符串，使用ser ......