vue中基于iview封装支持搜索选中的Tree组件
1.实现效果
stree.gif
2.实现原理
2.1前端实现搜索过滤
indexOf：indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置，如果没有找到匹配的字符串则返回 -1。（区分大小写）
语法:string.indexOf(searchvalue,start)
eg：
var str="Hello world, welcome to the unive
前端
position有哪些属性值
position 属性用于指定一个元素在文档中的定位方式。top、right、bottom 和 left 属性决定了该元素的最终位置。
static： 默认值，没有定位，指定元素使用正常的布局行为，即元素在文档常规流中当前的布局位置，此属性下 top、right、bottom、left 和 z-index 属性无效。
relative相对定位：元素先放置在未添加定位时的位置，在不改变页面布局的前提
微前端实现方案之iframe
微前端是最近几年火起来的概念，iframe是早期实现微前端的理想方案，而现在有了其它的方案，比如qianduan框架，single-spa，以及webpack5带来的联邦模块方案。但是每一个方案都有其优缺点，感兴趣的可以去实践一下。
1、项目创建
创建3个项目，一个基座项目project_base，2个子项目project_a和project_b项目。并在各个项目安装好依赖（本项目基于vue搭
vue element-ui 中el-message重复弹出问题解决 el-message重复弹出解决办法
问题场景：我们在axios中统一处理500、401、404状态码并统一抛出el-message提示，那么就会出现重复提示的问题非常的不友好。如图：
image.png
解决办法：
新建一个resetMessage.js文件,写入以下代码
// resetMessage.js
// 重置message，防止重复点击重复弹出message弹框
import { Message } f
关于 Web 安全：2. 信息收集与资产识别
一、子域名收集子域名收集目的： 枚举出一个主域名下所有可能存在的子域名。比如拿到目标是 example.com，那要找到它的：api.example.com
admin.example.com
mail.example.com
test.example.com
...
这些子域可能有：
测试系统（test）
Web 渗透测试神器：HackBar 保姆级教程
一、HackBar 简介在 Web 渗透测试中，常常需要通过修改和重放请求来检测 Web 应用的安全漏洞。HackBar 是一款轻量级的浏览器插件，专门为渗透测试人员设计，能够简化和加快测试流程。HackBar 允许用户快速修改请求数据（如 URL 参数、POST 数据等），并且可以用于执行 SQL 注入、XSS
selenium模拟登录的一些tips
借助selenium登录网站是一个常见的操作，接下来的大部分代码是开发写好的，这里是自己整理下来的知识点。
驱动安装
之前常常是先根据浏览器版本下载对应版本的驱动，但其实有一个办法是可以自动获取当前浏览器的版本，自动下载对应的驱动到本地的。
from webdriver_manager.chrome import ChromeDriverManager
browser = webd
584. 【前端】style-loader和MiniCssExtractPlugin.loader
style-loader和MiniCssExtractPlugin.loader是Webpack中常用的用于处理CSS的loader之一。
style-loader将CSS代码以内联样式的形式插入到HTML页面的<head>标签中。使用style-loader的好处是，样式可以立即应用于页面，并且可以动态更新，例如在JavaScript中使用style属性更改元素的样式时，这些更改可以
Vue 项目中为何选择 TSX 而非传统 .vue 文件
近年来，Vue 项目中使用 TSX（TypeScript JSX）的写法逐渐增多，尤其在 TypeScript 项目中。1. TSX 与 Vue 的结合背景1、Vue 3 和 TypeScriptVue 3 从设计之初便更好地支持 TypeScript。Vue 3 使用了 TypeScript 重写核心，增强了类型推断和类型安全
