端口代理、端口转发、IP转发之间的区别 端口代理：工作在socket层(应用层)。在某个端口上开启了tcp或者udp服务，比如8080，然后其他程序也打开了tcp或udp服务，但是将数据发送到了代理端口上，代理端口去处理，一般都是直接处理HTTP层或者TCP层或者UDP层数据。比如vpn。 补充总结：为什么vpn只能在socket层进行代理？ 在IP（第三层）层的话，此时还没有拆包，只能拿到

客户端 docker run -it -d \ -p 8384:8384 -p 22000:22000/tcp -p 22000:22000/udp -p 21027:21027/udp \ --name syncthing \ --rm \ --hostname=[设备名，便于区分] \ -e TZ=Asia/Shanghai \ -u $(id -u)

this作用域 在javascript中,this的指向不是固定的，而是指向调用者对象 1.全局的函数调用 function globalTest() { this.name = "global this"; console.log(this.name); } globalTest(); //输出 global this this代表全局对象window 2.对象方法的调用 fu

静态定位 静态(static)定位是每个元素获取的默认值,没有什么特别的 相对定位 relative 相对于自身的偏移坐标(left/right/top/bottom) HTML文档流 I am a basic block level element. My adjacent block level elements sit on new lines below me. By defaul

主轴和交叉轴 主轴由flex-direction定义，可以取 4 个值： row row-reverse column column-reverse 交叉轴垂直于主轴 如果flex-direction (主轴) 设成了 row 或者 row-reverse 的话，交叉轴的方向就是沿着列向下的 理解主轴和交叉轴的概念对于对齐 flexbox 里面的元素是很重要的；flexbox 的特性

Rsync(增量复制) rsync是一个高效的文件复制工具，可以在本地或远程系统之间同步文件和目录。它使用类似于diff算法的技术来比较源和目标文件，仅传输两个文件之间的差异，从而减少传输数据的量。rsync 还支持压缩传输、加密传输、增量备份等功能，使其在备份和同步文件时非常有用。 使用时，本地电脑和远程服务器都要安装rsync客户端 rsync -avzh --progress -e 's

踩过的坑 next.config.js中，开发阶段不能把热更新关闭掉，否则网站无法打开 next/dynamic 动态加载 ---> 动态加载只对客户端才有意义 DOMPurify库是用于浏览器环境中的，因为它依赖于浏览器的DOM API。在 Node.js环境中，由于没有浏览器的DOM API，因此无法直接使用DOMPurify。官网也写得很清楚，教你如何在服务端渲染中使用DOMP

4. 组件 & Props 函数组件 函数组件是一种纯函数，只接受输入的 props，并返回需要渲染的元素。函数组件通常比类组件更简单、更易于理解、更容易测试和维护。因为函数组件没有 state 和生命周期方法，因此通常适用于以下场景： 当只需要基于传递给组件的 props 来渲染 UI 时 当只需要编写一个简单的组件来执行某些特定的功能，例如渲染列表或图表 类组件 类组件是一种

第一步：运行一个nodejs容器 docker run -it -d \ --name nextjs \ --restart=always \ -e TZ=Asia/Shanghai \ -w /home/website \ -p 2222:22 \ node:alpine sh 第二步：在容器中配置好openssh # 安装ssh docker