微前端实现方案之iframe
微前端是最近几年火起来的概念，iframe是早期实现微前端的理想方案，而现在有了其它的方案，比如qianduan框架，single-spa，以及webpack5带来的联邦模块方案。但是每一个方案都有其优缺点，感兴趣的可以去实践一下。
1、项目创建
创建3个项目，一个基座项目project_base，2个子项目project_a和project_b项目。并在各个项目安装好依赖（本项目基于vue搭
前端
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
前端可视化家庭账单：用 ECharts 实现支出统计与趋势分析
前端可视化家庭账单：用 ECharts 实现支出统计与趋势分析在家庭财务管理中，直观地看懂钱花到了哪里、花得是否稳定，是提高消费意识与优化预算的关键。本文以 ECharts 为核心，构建一个可视化的家庭账单分析：包括支出分类统计、月度趋势分析、交互筛选与性能优化建议，帮助你在浏览器端快速落地一个实用的可视化面板。
关于 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
【前端开发】一文带你快速入门 JavaScript（上）Web 前端必备程序语言 | 环境搭建与基础知识
💯 欢迎光临清流君的博客小天地，这里是我分享技术与心得的温馨角落 💯
🔥 个人主页:【清流君】🔥
📚 系列专栏: 运动控制 | 决策规划 | 机器人数值优化 📚
🌟始终保持好奇心，探索未知可
584. 【前端】style-loader和MiniCssExtractPlugin.loader
style-loader和MiniCssExtractPlugin.loader是Webpack中常用的用于处理CSS的loader之一。
style-loader将CSS代码以内联样式的形式插入到HTML页面的<head>标签中。使用style-loader的好处是，样式可以立即应用于页面，并且可以动态更新，例如在JavaScript中使用style属性更改元素的样式时，这些更改可以
selenium模拟登录的一些tips
借助selenium登录网站是一个常见的操作，接下来的大部分代码是开发写好的，这里是自己整理下来的知识点。
驱动安装
之前常常是先根据浏览器版本下载对应版本的驱动，但其实有一个办法是可以自动获取当前浏览器的版本，自动下载对应的驱动到本地的。
from webdriver_manager.chrome import ChromeDriverManager
browser = webd
Vue 项目中为何选择 TSX 而非传统 .vue 文件
近年来，Vue 项目中使用 TSX（TypeScript JSX）的写法逐渐增多，尤其在 TypeScript 项目中。1. TSX 与 Vue 的结合背景1、Vue 3 和 TypeScriptVue 3 从设计之初便更好地支持 TypeScript。Vue 3 使用了 TypeScript 重写核心，增强了类型推断和类型安全
三分钟快速搭建Vue2+webpack项目
三分钟快速搭建Vue2+webpack项目
项目目录
如下图：
图1
其中：
【package.json】：对项目进行描述，包括项目的基本信息、依赖模块的版本信息等等；
注意：可以手动创建或者通过npm init自动创建。
代码：
{
"name": "yydpt_vue2_base",
"version": "1.0.0",
"description": "",
