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