- 博客(33)
- 收藏
- 关注
原创 解决Nginx绑定端口X权限被拒绝问题
这个问题通常由SELinux引起,它限制了哪些端口可以被应用程序绑定。现在,Nginx应该能够正常绑定到端口8080,不再出现权限被拒绝的错误。
2023-12-07 15:46:00 523
原创 # 如何在Nginx中配置服务器负载均衡(SLB)
Nginx是一个高性能的Web服务器和反向代理服务器。它也常用于实现负载均衡,这是我们今天要讨论的重点。在Nginx配置文件中(通常是),您需要定义一个上游服务器组。这个组包括了所有您想要流量分发到的后端服务器。http {...在这里,是您定义的上游服务器组名,和是后端服务器的地址。
2023-12-07 14:45:55 913
原创 # 数据持久化与状态恢复——一个全场景适用的模式
在多页面或者长时间的单页面应用中,用户可能会在不同的时间点进行访问,或者因为各种原因(比如网络不稳定)导致页面需要重新加载。在这些情况下,如何持久化用户状态并在需要的时候恢复,成为提供优质用户体验的关键。这不仅能够在用户每次访问时提供一致的体验,还能确保数据的实时性和准确性。在Web应用开发中,一个经常面临的挑战是如何有效地管理用户状态。这两个步骤共同构成了一种强大的模式,能够在不同的应用场景中广泛应用。希望这篇文章能帮助你更好地理解这个模式,并在你的项目中有效地实施它。
2023-10-31 18:03:21 133
原创 # 在React中创建带动画的标签页(Tabs)
动态生成标签页带下划线的标签页切换动画可定制的下划线长度和位置通过使用React、JavaScript和CSS,我们成功地实现了一个带有动画效果的标签页切换功能。其中,最关键的部分是使用CSS的属性来确保下划线能够准确地居中。这种方法不仅简单,而且非常灵活,可以轻易地应用到任何需要标签页切换功能的应用中。
2023-09-19 11:13:18 549
原创 # 使用Python为图像下半部分添加渐变叠加层
图像上的渐变叠加层可以为您的网页设计或移动应用图形添加一层复杂性。虽然使用CSS或图像编辑工具有多种方法可以实现这一点,但Python提供了一种直接的方式来以编程方式应用这种效果。在这篇博客文章中,我们将探讨如何使用Python和PIL(Pillow)库为图像下半部分添加渐变叠加层。为图像添加渐变叠加层可以为您的图形带来额外的深度和复杂性。我们创建一个新的图像,该图像将作为我们的渐变叠加层。该图像将具有与原始图像相同的宽度,但仅覆盖原始图像高度的下半部分。方法打开现有的图像并将其转换为RGBA格式。
2023-09-18 17:50:52 167
原创 # 在CSS中使用装饰性下划线:为文本元素增加时尚风格
一种更具装饰性和视觉吸引力的解决方案是我们所称的“装饰性下划线”或“底部强调条”。装饰性下划线是一种时尚的方式,用于增加网页上文本元素的强调和装饰。通过使用CSS伪元素和其他CSS属性,您可以创建视觉上吸引人的下划线,超越简单、传统的文本装饰。在本博客文章中,我们将深入探讨如何使用CSS伪元素和线性渐变创建装饰性下划线。属性使用了从橙色渐变到透明的线性渐变,为下划线增加了生动的触感。属性调整了下划线的尺寸,使其略微宽于并且高度为父元素的一半。伪元素来生成一个将作为我们自定义下划线的装饰性框。
2023-09-18 12:03:39 177
原创 # 使用Ansible Playbook快速搭建跨平台的Ansible Playground
本文演示如何使用一个Ansible Playbook快速在运行Ubuntu或任何其他Linux发行版的服务器上建立一个Ansible Playground。这个设置包括安装VirtualBox、Vagrant和Ansible本身。有了这个跨平台的Ansible Playbook,无论你的服务器基于哪个Linux发行版,你都可以快速地在上面建立一个用于Ansible实验和开发的Playground。
2023-09-04 10:29:17 70
原创 # 博客:使用 Docker Compose 设置 Ansible 控制节点和受管理节点
它提供了一种简单而强大的方式来自动化跨多个系统的任务。在这篇博客文章中,我们将通过使用 Docker Compose 来简化此过程,设置一个 Ansible 控制节点和一个受管理节点。您已成功地使用 Docker Compose 设置了一个 Ansible 控制节点和一个受管理节点,并执行了一个 “Hello, World!您可以扩展这个示例来运行更复杂的剧本、管理更多的节点,甚至将其集成到您的 CI/CD 流水线中。首先,我们将创建一个目录结构来存放 Dockerfile 和 Ansible 剧本。
2023-08-31 16:55:38 173
原创 # 深入了解如何使用 Docker Compose 进行 Prometheus、Grafana 和 node_exporter 的监控
Prometheus:我们使用最新的镜像,以获取最新的功能和安全补丁。command:7 天的数据保留策略是一个常见的设置,平衡了存储使用和数据可用性。:明确告诉 Prometheus 在哪里找到其配置,以确保使用正确的文件。ports:暴露 9090 端口以访问 Prometheus 仪表板。volumes:将我们的自定义 Prometheus 配置映射到容器中。Grafana:与 Prometheus 类似,我们希望使用最新的 Grafana 镜像。ports。
2023-08-31 13:20:34 94
原创 # 解决安卓机器上,input输入元素随键盘的打开漂移
通过将页面元素整体放在滚动视图中,并给滚动视图设置固定高度,我们可以有效地解决安卓机器上input输入元素随键盘打开漂移的问题。这种方法可以提供更流畅的用户体验,并减少潜在的布局问题。
2023-08-17 17:10:04 257
原创 # 用 VSCode 复制文件夹内容扩展简化您的开发工作流
在繁忙的软件开发世界中,效率至关重要。无论是前端开发、扩展创建还是配置多个项目文件,开发人员经常会发现自己在管理文件内容方面花费大量时间。这就是的用武之地。
2023-08-16 12:10:03 354
原创 # 介绍pkg-size 1s:NPM包大小检查的终极工具
在使用NPM包时,大小很重要。但是,在决定使用某个包之前,如何快速准确地评估包的大小呢?这就是和的用武之地。
2023-08-10 14:04:51 493
原创 基础设施即代码(Infrastructure as Code,IaC):关键术语解析
基础设施即代码(IaC)已成为现代DevOps实践中不可或缺的工具。无论你是资深专家还是IaC新手,这些术语都将指导你对这一强大的基础设施管理方法的理解和应用。这些概念提供了设计、部署和维护可扩展和可靠基础设施的框架和指导方针,实现了高效和可控的方式。
2023-08-10 11:01:53 227
原创 # 如何在 Git 中恢复丢失的提交
如果你在 Git 中不小心撤销了一些提交,不用惊慌!即使你觉得你的修改已经丢失,它们往往还可以被找回。在这篇文章中,我们将探讨如何使用git reflog和命令以简单高效的方式恢复你丢失的工作。
2023-08-02 10:55:20 1862
原创 在Ubuntu上使用Docker部署Nginx的步骤指南
请将 “server_domain_or_IP”, “api_endpoint_1”, “your_api_url_1”, “api_endpoint_2”, “your_api_url_2” 替换为你的实际值。如果你正在使用其他的Linux发行版,大部分步骤应该是类似的,只是可能在包管理命令上有些微的差异。在这一步,我们已经在Docker容器中成功运行了nginx服务器,该服务器正在80端口上监听请求。至此,我们已经完成了在Ubuntu上使用Docker部署Nginx的所有步骤。
2023-07-28 16:09:05 763
原创 # AWS Serverless 框架 根据不同情况选择不同部署区域并在其他设置中使用该区域的条件
在Serverless框架中,我们可以灵活地设置和利用AWS区域进行部署。本文档将会详细说明如何根据不同的情况选择不同的部署区域,并在其他设置中使用该区域作为条件。
2023-07-27 11:43:44 104
原创 # JavaScript实现简化版Axios
Axios是一个流行的JavaScript库,常用于发起HTTP请求。在这篇文章中,我们将会探索如何使用原生的Node.js模块来创建一个简化版的Axios。
2023-07-04 09:38:03 103
原创 简化你的工作流程:利用SSH配置和SCP命令
在我们的日常工作中,我们经常需要连接到远程服务器,传输文件,并设置环境。当处理远程服务器时,我们经常使用SSH密钥和像ssh和scp这样的命令行工具。今天,我们将向你展示如何利用SSH配置简化你的远程连接和文件传输,以便简化你的工作流程。
2023-07-03 18:06:15 1007
原创 # 比较二叉树反转的递归和迭代实现方法
在这篇博客文章中,我们将深入探讨同一问题的两种不同的C语言实现方法:反转二叉树。我们将讨论递归方法和迭代方法,并阐明这两者之间的相似性和差异。阅读完这篇文章后,你应该能深入理解这两种方法,并知道何时使用每一种方法。我们面对的任务是反转二叉树中的所有节点,使左子节点变为右子节点,反之亦然。这种反转应适用于所有节点,无论它们在树中的深度或位置。
2023-06-17 19:47:20 123
原创 Electron Store onDidChange 和 onAnyChange 的区别
因此,onDidChange 和 onAnyChange 之间的主要区别在于,前者用于侦听特定键的更改,而后者用于侦听存储中任何键的更改。另一方面,onAnyChange 用于注册一个侦听器,该侦听器在存储中的任何键发生更改时都会被调用。onDidChange 用于注册一个侦听器,该侦听器在存储中的特定键发生更改时会被调用。在上述示例中,每当存储中的 myKey 属性的值发生更改时,便会调用侦听器函数。在上述示例中,每当存储中的任何属性发生更改时,便会调用侦听器函数。
2023-06-17 17:37:31 178
原创 # 了解Node.js中的path.join()和path.resolve()之间的区别
Node.js提供了许多用于处理文件路径的实用程序,其中两个实用程序是和。这些方法非常适合组合路径段,但是它们在行为上有一些关键的不同点。让我们深入了解一下。
2023-06-17 17:31:57 83
原创 # 在Electron中创建类RESTful的进程间通信API
在典型的Electron应用中,主进程和渲染进程之间的通信是通过Electron的ipcMain和ipcRenderer模块实现的。然而,我们可以将这些进程间通信封装在类RESTful风格的API中,以提高代码的组织和可读性。
2023-06-17 17:31:23 221
原创 # 仅用 JavaScript 实现 HTML 元素的动画
JavaScript 是一种多功能的语言,不仅可以增加网页的交互性,还能够创造引人入胜的动画。在这篇博文中,我们将指导你如何应用三种纯 JavaScript 动画效果到 HTML 元素:摆动的钟摆,从左到右移动的对象,以及视觉上引人注目的爆炸效果。
2023-06-17 17:28:19 287
原创 # 使用 CSS 伪元素实现外部边框
伪元素是添加到 CSS 选择器中的关键字,使开发人员能够设计选择的 HTML 元素的特定部分。两个最常用的伪元素是::before和::after
2023-06-17 17:22:24 912
原创 Chakra UI源码解读:理解抽象的价值
在我们的开发过程中,抽象是我们经常使用的一个概念,通过它,我们可以将复杂的代码逻辑进行简化,同时提高代码的可维护性和可重用性。本文是对[Reading Code - Chakra UI](https://alexkondov.com/reading-code-chakra-ui/)的读后笔记,我们将从实际代码中探讨抽象的价值。
2023-05-26 10:33:33 220 1
原创 汇编MOV AX,DATA 出现 out of memory问题的解决:将间隔换为单个空格
如题,出现该问题,往往是网上的代码中的间隔复制下来是TAB之类的间隔符,自己重新换为空格即可。注意不要忽视代码末尾的间隔符
2021-05-07 11:03:59 1366
原创 安卓开发环境配置,到helloworld(一步一步)
Java JDKJava SE8下载要登陆点击下一步(什么也不改)点击下一步(什么也不改)点击下一步(什么也不改)完工,点击关闭Android Studio点击Next两个都选(默认都选,反正和我一样就可以),点击Next点击Next点击Install(什么也不用改)点击Next点击Finsh点击Ok点击Don’t send点击Cancel点击Next选择Custom,点击Next这里需要改变文件夹选中jdk安装文件
2021-03-23 21:08:51 190
原创 用电脑为妈妈下载她喜欢的音乐
用电脑为妈妈下载她喜欢的音乐准备明确母亲大人的需求:不能是英文歌,不能是老歌,需要好听的”类广场舞“的歌。现实条件是:酷狗的“猜你喜欢”惊人的匹配母亲大人的喜好。而好多音乐需要付费才能下载。母亲大人希望在系统自带的音乐软件中就可使用,不可以消耗流量。探索需要能够一次性下载歌单中所有音乐的脚本。(不然一首一首也太麻烦)GitHub上类似脚本很多,但下载网易云歌单的脚本更为常见,如这样就需要将酷狗歌单转为网易云歌单。下文的方法在歌单歌曲数目过多,网络不畅的情况下可能会
2021-01-15 00:14:27 133
原创 Adobe Acrobat Reader DC下载插件 网站无法点击
既然点不了按钮,那就直接找到按钮通向的链接。F12打开Devtools,Ctrl+F开始搜索,在这个例子里是“Download Now”,根据你的情况输入,然后按钮部分在Devtools会黄色高亮,href后面就是链接,直接点击就可以了。...
2020-12-08 15:32:38 1363
原创 vjudge总是显示上一次的结果,比如wrong answer,因为代码和上次雷同(为什么自己测试没问题,总是wrong answer,vjudge提交失败,vjudge提交限制,时间限制,次数限制)
自查一下:看看自己的提交次数,如果只有开始的那几次,之后提交均没计数或者,提交时直接显示红色的wrong answer,并没有显示队列和提交等信息。那么,你和我遇到的是同样的问题。出现该问题的原因是:与上次的代码相比,这次的改动太小了,以至于平台以为你重复提交代码(比如,你仅仅删除了一个空格)。解决方法:在代码末尾加上一些无关痛痒的注释即可。...
2020-09-11 19:48:44 1842 2
原创 最新版win10 C++配置,2021年01月16日最新mingw64安装,亲测有效,附官方下载网站,全网almost最简单方法哦,雷姆雷姆镇楼
首先安装包 提取码: 2020解压在C盘然后右键桌面此电脑选择属性最后PS:命令提示符的打开win+R输入cmd就是这么简单,喵~温馨提醒请多打开几个教程,互相参考使用(有时一个就好)看不懂的教程,关掉。适合自己的才是最好的有问题,别怕百度哦花点功夫,万物皆可白嫖...
2020-04-06 08:07:32 4524 4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人