实现鼠标可以自由拖拽页面中的元素（比如div，图片等），首先为要拖动的元素设置css为绝对定位（或者使用transform，但使用绝对定位更常见），然后需要用到三个事件：mousedown,mousemove和mouseup。实现思路：a)页面中添加一个div，作为容器，容易的class设置为container，并将其...

Docker离线安装部署前言在生产环境中，服务器除了特殊要求，大部分是不能联网。所以就需要我们进行离线安装。此处提供了两种部署方法。一、联网环境准备离线包1、创建临时目录mkdir/tmp/docker-offline&&cd$_2、下载所有依赖yuminstall-yyum-utilsyumdownl...

一、Docker网络基础认知1.1为什么需要关注网络？容器不是孤岛！当我们需要：容器间通信（微服务架构）容器访问外网外部访问容器服务多主机容器通信网络配置就成为关键1.2Docker的默认网络安装Docker时会自动创建3种网络：$dockernetworklsNETWORKIDNAMEDRIVERSCOPEa1b2c...

为什么不建议把数据库部署在Docker容器内？虽然将数据库部署在Docker容器内有一定的优势，如便于部署、迁移和扩展等，但在生产环境中通常不建议这么做，主要原因如下：1、数据安全问题不要将数据储存在容器中，这也是Docker官方容器使用技巧中的一条。容器随时可以停止、或者删除。当容器被rm掉，容器里的数据将会丢失。为...

CentOS下Nginx核心文件、目录与命令详解Nginx是一款高性能的Web服务器和反向代理工具，广泛应用于生产环境。本文将以CentOS7/8为例，详细介绍Nginx的关键文件、目录结构及常用命令，帮助用户快速掌握其配置与管理。目录结构在这里插入图片描述1.安装目录与配置文件安装路径Nginx默认通过yum安装到以...

Nginx中proxy_pass配置**带/和不带/**，核心区别在于路径拼接规则不同，以下通过实例对比详细说明：一、基础规则proxy_pass写法关键区别通俗理解不带/（如proxy_passhttp://backend）会把location匹配的路径完整拼接到代理地址后代理地址+location匹配的路径带/（如...

前置机用nginx服务代理服务之后，访问代理之后的地址报错nginx403forbidden错误，排查之后因为路径不匹配导致。整理下排查过程以下从Nginx配置、后端服务、网络与权限三方面分析可能导致403的原因及解决办法，按步骤排查即可：一、Nginx配置层面路径匹配与转发问题检查location路径是否精准匹配，比...

在Nginx中，通过server_name区分同一端口下不同域名/主机名的请求，核心是利用虚拟主机（ServerBlock）机制，按以下逻辑匹配：1.匹配优先级规则Nginx收到请求后，先提取Host头（请求的域名/IP:端口），按以下顺序找对应server：匹配类型示例配置优先级说明精确匹配server_nameex...

在当今数字化时代，服务器的安全性至关重要。无论是企业网站、电商平台还是个人博客，服务器都面临着来自互联网的种种威胁。今天，就让我们来深入了解一下宝塔面板的Nginx防火墙功能，看看它是如何为服务器保驾护航的。Nginx防火墙宝塔面板是目前市面上服务器管理领域最受欢迎的管理面板之一，它以其简洁易用的界面和强大的功能，深受...

近些年国产操作系统也越做越好，在我们日常用window系统或MacOS操作系统的同时，对于那些想体验国产操作系统的，通过虚拟机给我们的nas上安装第二生成力何尝不是一种更优的选择。一、为什么选择在NAS上安装桌面系统？ 传统NAS的功能主要集中在存储和基础服务上。通过在极空间部署Ubuntu虚拟机，可实现：随时访问的...

提前准备好软硬件：1）、一台电脑2）、一个VentoyPE盘（刻好的Ubuntu镜像盘）个人更喜欢用VentoyPE盘，只要是镜像放到盘里都可以直接装，很方便。教你如何制作万能PE盘Ventoy3）、下载好的Ubuntu24.04的镜像开始安装Ubuntu24.04（听说支持远程桌面了​）：我用的电脑是戴尔，开机按F2...

Ubuntu是针对新用户最流行的Linux发行版之一，提供易于使用的界面，并且可以平稳过渡至其他操作系统。如果你是Ubuntu的新用户，可能会被可用的各种应用程序所压倒。无论你是为了个人还是专业任务使用Ubuntu，都有许多应用程序可以让你的体验更加顺畅和高效。这里有一份针对初学者的一些最佳Ubuntu应用程序的指南，...

WebSocket这玩意儿吧，说简单也简单，说复杂也能复杂死你。刚入行那会儿我一直以为它就是个“浏览器能持久连服务端的通信协议”，后来项目做多了，才发现——哦，原来背后是个坑连坑的连环大陷阱😂这次我来聊聊我踩过的WebSocket六种集成方式，说实话，大部分人可能一辈子都用不到那么多，但你遇上个奇葩需求，或者非要搞集...

前端开发的魔法时刻：网页截图背后的技术原理大家好，我是专注于前端开发的皮卡秋。今天想和大家分享一个在前端领域非常实用的技术——如何使用html2canvas库将HTML元素转换为图片。这个功能在生成海报、保存图表、分享页面片段等场景中非常有用。让我从专业角度为你解密这一神奇过程。为什么需要HTML转图片？在我们深入技术...

前言最近项目中导出Excel需要带图片导出，看了一位大佬的csdn。文末原文地址。二、问题分析关于如何实现带图片导出的功能，在官方文档中有一个简单的说明：官方文档：图片导出从官方文档中给的代码示例中可以看出，带图片导出有6种方式@Getter@Setter@EqualsAndHashCode@ContentRowHei...

Nginx是一款高性能的开源Web服务器、反向代理和负载均衡器，以其高并发处理能力、低内存消耗和模块化设计著称。下面从架构原理、安装部署、配置解析及实战案例四方面展开详细说明，并结合实际应用场景提供配置示例。一、核心架构与工作原理1.多进程模型Nginx采用Master-Worker多进程架构：•Master进程：负责...

在网站上嵌入别的网站上的图片链接、显示这些图片，就是盗链。这些图片在自己的网站上显示，占用的却是别的服务器的资源和宽带。http协议头中的Referer字段表示当前请求是从哪个网站链接过来的，服务器通过Referer能够了解请求来源。nginx的valid_referers指令能够定义合法Referer来源。nginx...

配置文件位置nginx安装时设置的的prefix参数指定了nginx程序目录，如果程序目录默认为/usr/local/nginx，那么配置文件默认为/usr/local/nginx/conf/nginx.conf。nginx-t命令能够查看配置文件位置。配置文件结构单行注释以#开头。如#usernobody;。简单指令...

^匹配一行开头nginx配置#^测试location~^/imgs测试###ngxinx响应：匹配/imgs开头的正则表达式GEThttp://localhost:85/imgs/123$匹配一行结尾nginx配置#$测试location~\.js$测试###ngxinx响应：匹配js文件GEThttp://local...

匹配规则精确匹配，以=开头。如：location=/index.html普通匹配，没有任何修饰符。如：location/images/正则匹配，以~开头，~表示区分大小写，~*表示不区分大小写。如：location~\.js$location~*\.jpg$前缀匹配，以^~开头，如location^~/images/匹...

ngx_http_rewrite_modulenginx中ngx_http_rewrite_module模块提供URI重写功能，通过正则表达式匹配目标URI，再重写URI请求。这个模块包含break、if、return、rewrite、set指令。break指令可用在server、location、if块中。用于停止处...

1.ngx_stream_core_module模块从1.9.0版本开始出现，默认不包含此模块，需要通过--with-stream配置。这个模块可用于TCP/UDP流量转发，和实现负载均衡，配置示例：worker_processes1;eventsstream#代理数据库连接server#代理APIserverupst...

HTTPBasicAuthentication协议ngx_http_auth_basic_module模块使用HTTPBasicAuthentication协议来验证用户名和密码，从而实现对资源的访问限制。HTTPBasicAuthentication协议相关客户端请求web服务器时，如果返回401Unauthoriz...

proxy_bind指令1.语法:proxy_bindaddress[transparent]proxy_timeout与上游服务器或客户端的连接有效时间，在此时间范围内没有数据传输连接会被关闭。默认值10m。可配置在stream,server块中。 阅读原文：原文链接

nginx中ngx_http_access_module模块能够按客户端地址设置是否有访问权限。allow指令设置允许访问的IP或网络，如allow172.17.0.8;、allow172.17.0.0/16;deny指令设置限制访问的IP或网络，如deny172.17.0.8;、deny172.17.0.0/16;a...