iframe的父子页面通信
平时工作中有时会遇到页面嵌套的情况，一般是用iframe解决。那么，两个页面如何通信呢？下面分两种情况进行：
一、父子页面同源的情况
现在有两个不同源的iframe嵌套页面，父页面parent.html,子页面child.html，二者代码如下：
// parent.html
// ...
<iframe
id='testIframe'
name='test'
src='./ch
前端
突破亚马逊壁垒，Web Unlocker API 助您轻松获取数据
目录
一、Web Unlocker API简介
二、开始使用Web Unlocker API
1、首先进入控制台页面，点击左侧第一个tab键“代理 & 抓取基础设施”，找到“网页解锁器”，开始使用。
2、进入网页解锁器页面后，填写通道名称，添加简短描述，点击添加
3、直接展示代理基础设施/
761.【技术】Selenium元素可定位，但不可操作，原因有哪些？--chatGTP
hi~，我是测试人芸芸，一枚北漂女程序员，八小时外玩古筝。
昨天，在我愉快地编写自动化脚本时，出现了一只拦路虎。就是我想要的元素可定位，但不可点击，各种尝试后无果。
现在来求助一下知识百科--【chatGTP】。
问：elenium元素可定位，但不可点击，原因有哪些？请给出解决方案
Selenium元素可定位但不可点击的原因可能有很多，下面列出一些常见的情况和解决方案：
1.元素被遮挡：当一个元素
前端大屏适配方案：从设计到实现的全流程指南
引言随着数据可视化需求的增长，大屏展示项目在前端开发中越来越常见。然而，大屏开发面临独特的挑战：
屏幕分辨率多样：从1080P到4K甚至8K，如何保证清晰度？
布局复杂：多图表、多组件如何合理排列？
性能优化：数据量大、动画复杂，如何保证流畅性
新一代前端工具链rome
Rome是最新一代的JavaScript和TypeScript的Linter。 但 Rome 不只是 Linter ， 它还是给 JavaScript，TypeScript，HTML， JSON，Markdown，CSS 使用的工具。 它不仅包含编译器，还包含打包工具，测试执行工具等等。它的目标是统一前端开发工具链。
image.png
Rome 是一个单一的完整的工具链，它和之前前端
浅谈html中的置换元素和非置换元素
置换元素：
1、可以设置宽高，有自己的属性，和inline-block有一样的属性。
2、主要是指 img、input、textarea、select、object 等这类默认就有 CSS 格式化外表范围的元素。
3、浏览器根据元素的标签和属性，来决定元素的具体显示内容
例如：浏览器根据标签的src属性显示图片。根据type属性决定显示输入框还是按钮
非置换元素：
1、是除了 img、input、
Web 架构之缓存策略实战：从本地缓存到分布式缓存
文章目录
一、思维导图
二、正文内容
（一）本地缓存
1. 简介
2. 常见实现
3. 使用场景
4. 优缺点
（二）分布式缓存
1. 简介
2. 常见实现
3. 使用场景
4. 优缺点
5. 缓存问题及解决方案
三、总结
一、思维导图
#mermaid-
记一次js逆向混淆前端加密绕过
看界面请求包分析一下（有验证码，有前端加密，像aes）1，从堆栈里找到请求的位置，再跟栈（也可以搜关键字）乍一看代码混淆了，但是确定位置在这里（参数名没被混淆），进qr函数，是怎么个事呢，是这么个事首先唯
Vue中的keep-alive是什么意思？以及如何使用
一、keep-alive是什么？
<keep-alive>是vue内置的一个组件，能在组件的切换的过程中将状态保留在内存中，防止重复渲染DOM 包裹动态组件的时候，会缓存不活动的组件实例，而不是销毁他们！
<keep-alive>是一个抽象组件：它自身不会渲染一个DOM元素，也不会出现在父组件中，作为标签使用 包裹在需要缓存的组件中
注意：
1. include 字符串
一文弄懂前端CI/CD——原理、流程以及相关内容详解
好文推荐： Vue3 项目前端 CI/CD 体验：携手提升开发效率 说说你对持续集成的理解，它解决什么问题以及如何在前端中运用？
1.Why CI/CD
前端为什么要用CI/CD，也就是持续集成和持续部署。这个问题看起来是要了解CI/CD在前端开发中的必要性和优势。我需要先整理一下资料中的相关内容，然
