前端

Android 组件化神器之Arouter

组件化项目存在各个模块之间耦合,通信麻烦的问题 ,,为了解决这个问题,阿里巴巴的开发者就搞出了Arouter这个框架,以解决上述问题. Arouter 支持模块间的路由、通信、解耦 1.依赖和配置 1.1 Java 环境配置方案 android { compileSdkVersion = 30 buildToolsVersion = "30.0.3" defaultCon

三分钟快速搭建Vue2+webpack项目

三分钟快速搭建Vue2+webpack项目 项目目录 如下图: 图1 其中: 【package.json】:对项目进行描述,包括项目的基本信息、依赖模块的版本信息等等; 注意:可以手动创建或者通过npm init自动创建。 代码: {   "name": "yydpt_vue2_base",   "version": "1.0.0",   "description": "",  

Vue 项目中为何选择 TSX 而非传统 .vue 文件

近年来,Vue 项目中使用 TSX(TypeScript JSX)的写法逐渐增多,尤其在 TypeScript 项目中。1. TSX 与 Vue 的结合背景1、Vue 3 和 TypeScriptVue 3 从设计之初便更好地支持 TypeScript。Vue 3 使用了 TypeScript 重写核心,增强了类型推断和类型安全

Web 渗透测试神器:HackBar 保姆级教程

一、HackBar 简介在 Web 渗透测试中,常常需要通过修改和重放请求来检测 Web 应用的安全漏洞。HackBar 是一款轻量级的浏览器插件,专门为渗透测试人员设计,能够简化和加快测试流程。HackBar 允许用户快速修改请求数据(如 URL 参数、POST 数据等),并且可以用于执行 SQL 注入、XSS

关于 Web 安全:2. 信息收集与资产识别

一、子域名收集子域名收集目的: 枚举出一个主域名下所有可能存在的子域名。比如拿到目标是 example.com,那要找到它的:api.example.com admin.example.com mail.example.com test.example.com ... 这些子域可能有: 测试系统(test)

selenium模拟登录的一些tips

借助selenium登录网站是一个常见的操作,接下来的大部分代码是开发写好的,这里是自己整理下来的知识点。 驱动安装 之前常常是先根据浏览器版本下载对应版本的驱动,但其实有一个办法是可以自动获取当前浏览器的版本,自动下载对应的驱动到本地的。 from webdriver_manager.chrome import ChromeDriverManager browser = webd

vue element-ui 中el-message重复弹出问题解决 el-message重复弹出解决办法

问题场景:我们在axios中统一处理500、401、404状态码并统一抛出el-message提示,那么就会出现重复提示的问题非常的不友好。如图: image.png 解决办法: 新建一个resetMessage.js文件,写入以下代码 // resetMessage.js // 重置message,防止重复点击重复弹出message弹框 import { Message } f

微前端实现方案之iframe

微前端是最近几年火起来的概念,iframe是早期实现微前端的理想方案,而现在有了其它的方案,比如qianduan框架,single-spa,以及webpack5带来的联邦模块方案。但是每一个方案都有其优缺点,感兴趣的可以去实践一下。 1、项目创建 创建3个项目,一个基座项目project_base,2个子项目project_a和project_b项目。并在各个项目安装好依赖(本项目基于vue搭

position有哪些属性值

position 属性用于指定一个元素在文档中的定位方式。top、right、bottom 和 left 属性决定了该元素的最终位置。 static: 默认值,没有定位,指定元素使用正常的布局行为,即元素在文档常规流中当前的布局位置,此属性下 top、right、bottom、left 和 z-index 属性无效。 relative相对定位:元素先放置在未添加定位时的位置,在不改变页面布局的前提

蓝桥到家复盘与总结

vue-admin-template 后台管理开源模版 开发需掌握要点 新建页面 1.1 新建页面 一般 在src文件夹下的views文件夹下新建,一般按照模块来新建 新建路由 2.1 新建路由在src/router/index.js内新建 2.2 注意点:path不能重复、name不能重复 vuex的使用 3.1 新建state变量 const state = { cl