个人技术分享

vue使用海康的H5视频播放器开发包实时预览监控画面

在项目中的public文件夹下新建一个h5player的文件夹（这里的文件夹名字可以自己取，后端引入时注意一下就好了），接着将刚才下载的开发包中的bin文件夹里面所有的文件都赋值到项目中的h5player文件夹下。// // 当容器div#play_window有固定宽高时，可不传iWidth和iHeight，窗口大小将自适应容器宽高。2、使用该插件很难更改其样式，只能使用其自带的窗口（1x1,2x2等），如过我要一个1x2的窗口就无法实现；// // 分屏播放，默认最大分屏4*4。

react【框架原理详解】JSX 的本质、SyntheticEvent 合成事件机制、组件渲染过程、组件更新过程

JSX 代码本身并不是 HTML，也不是 Javascript，在渲染页面前，需先通过解析工具（如babel）解析之后才能在浏览器中运行。可查看 JSX 解析后的效果更早之前，Babel 会把 JSX 转译成一个函数调用，功能与现在的 jsxs 函数类似相当于 vue 的 h 函数例如会被Babel 转译为React.createElement() 会创建对象这些对象被称为 “React 元素”。它们描述了你希望在屏幕上看到的内容。

pikachu靶场中的CSRF、SSRF通关

在Pikachu靶场中，CSRF（Cross-Site Request Forgery）和SSRF（Server-Side Request Forgery）是两种常见的Web安全漏洞。CSRF攻击利用用户在已认证的Web应用程序上执行未经意的操作，通过伪装请求来执行恶意操作，例如更改用户密码或发送资金。而SSRF漏洞则允许攻击者从受害服务器上执行请求，可能导致访问内部系统、绕过防火墙或执行其他恶意操作。

页面＜html＞上多了一个滚动条，定位发现是＜body＞里面多了一个id为trans-tooltip的div

页面根标签html多了一个滚动条，发现body里面多了一个id为trans-tooltip的div，虽然width为0，height为0，但是其子元素还是有高度，占据了空间，最终导致了滚动条；chrome的拓展应用导致的，通过拓展的id，查询到是百度翻译，这个拓展插件导致的。2、给设置overflow: hidden；1、临时解决方案：禁用插件。

vue3封装ElementUI plus Dialog弹窗

因为ElementuiPlus的dialog弹框的初始样式不太好看,而公司要求又要好看,本来是已经实现了,但是后来想想了发现封装完dialog的其他功能也要,所以特此记录一下。思路:封装一个组件,组件内部嵌套el-dialog,然后定义好公共样式,定义好方法,直接使用。思路:封装一个组件,将所有新增的参数引入el-dialog 参数中,实现参数共用。缺陷:因为很多属性定义好了,导致如果超出既定样式的方案就得重新调整代码。新建一个组件,将官网暴露的属性全部引用了。

数据访问层设计_4.灵活运用XML Schema

XML Schema用来描述XML文档合法结构、内容和限制。XML Schema由XML1.0自描述，并且使用了命名空间，有丰富的内嵌数据类型及其强大的数据结构定义功能，充分地改造了并且极大地扩展了DTDs（传统描述XML文档结构和内容限制的机制）的能力，将逐步替代DTDs,成为XML体系中正式的类型语言，同XML规范、Namespace规范一起成为XML体系的坚实基础。

vue3封装ElementUI plus Dialog弹窗

因为ElementuiPlus的dialog弹框的初始样式不太好看,而公司要求又要好看,本来是已经实现了,但是后来想想了发现封装完dialog的其他功能也要,所以特此记录一下。思路:封装一个组件,组件内部嵌套el-dialog,然后定义好公共样式,定义好方法,直接使用。思路:封装一个组件,将所有新增的参数引入el-dialog 参数中,实现参数共用。缺陷:因为很多属性定义好了,导致如果超出既定样式的方案就得重新调整代码。新建一个组件,将官网暴露的属性全部引用了。