学而时习 温故知新 四问 这是什么？ 为什么要这样？ 可以不这样吗？ 有没有更好的方式？

服务器内网穿透 https://github.com/fatedier/frp frp 是一个专注于内网穿透的高性能的反向代理应用，支持 TCP、UDP、HTTP、HTTPS 等多种协议，且支持 P2P 通信。可以将内网服

iframe间跨域通信 在 web 开发中，使用 iframe 进行通信是一种常见的技术，特别是在需要在页面中嵌入另一个页面或者来自不同域的内容时。通过 iframe 通信，父页

下载相关npm包 { "dependencies": { "@videojs-player/vue": "^1.0.0", "video.js": "^7.21.5", "videojs-contrib-hls": "^5.15.0", "vue-video-player": "^6.0.0" }, "devDependencies": { "@types/video.js": "^7.3.56", }, } 前端相关vue3代码 <script setup lang="ts"> import videojs from 'video.js' import type { VideoJsPlayerOptions } from 'video.js' import 'video.js/dist/video-js.min.css' interface MyVideoProps { /** 视频地址 */ src: string } const props = withDefaults(defineProps<MyVideoProps>(), {}) //

https://www.patterns.dev/vanilla/proxy-pattern 代理模式 通过代理对象，我们可以更好地控制与某些对象的交互.例如当我们获取或者设置值时,每当我们与对象交互代理对象就可以确定该对象地行为. 一

https://www.patterns.dev/vanilla/singleton-pattern 单例模式 单例是可以实例化一次就可以全局访问的类,这个创建出来的单例可以在整个应用中进行共享,这使得单例可以帮助应用管理全局状态 首先让我们看