Sep182024
js+drag实现拖动排序
这次来做一个拖动排序，带有动画效果，先上效果图:
每个li既是可拖动，同时也是容器，拖动到li上面时移动拖动的li。
先把html写好
<ul id="container">
<li class="ele" draggable="true">1</li>
<li class="ele" draggable="true">2</li>
<li class="ele" draggable="true">3</li>
<li class="ele" dragg...阅读全文
抢沙发
Sep092024
Sep082024
css代码中定义变量
css中定义变量方法总结。
定义变量可分多种情况：
1、定义全局变量
:root {
--borderColor: #ccc;
}
2、定义某元素下的变量
.look{
--borderColor: #ccc;
}
3、定义媒体查询下的变量
@media screen and (min-width: 1025px) {
:root {
--borderColor: #ccc;
}
}
使用：
.has-border-table > tr > td {
border-right: 1px solid var(--borderColor);
}
阅读全文
Aug212024
Aug212024
Vue.js从入门到精通
什么是Vue.js？
Vue.js是一款用于构建交互式的Web前端界面的开源JavaScript框架。它采用了MVVM（Model-View-ViewModel）的架构模式，通过双向数据绑定实现前端数据与视图的自动同步更新。Vue.js具有简单易学、灵活高效、组件化开发等特点，是目前非常流行的前端框架之一。
开始使用Vue.js
要开始使用Vue.js，首先需要引入Vue.js库文件。在HTML文件中添加以下代码：
<script src="https...阅读全文
Aug082024
K8s-容器资源监控-Metrics-Server部署、Dashboard可视化
介绍
在Kubernetes（K8s）集群中，为了能够更好地了解集群中各个容器的资源使用情况，我们需要部署一个容器资源监控系统。Metrics-Server是Kubernetes官方提供的资源监控解决方案之一，它能够采集容器和节点的指标数据，并提供API接口供其他组件和工具进行查询和分析。而Dashboard是一个K8s的可视化管理工具，可以让我们直观地了解集群的状态和资源使用情况。
本文将介绍如何部署Metrics-...阅读全文
Aug032024
如何在Linux系统中安装和配置SSH
SSH（Secure Shell）是一种安全的远程登录协议，它允许用户在网络中的另一台计算机上进行远程登录和执行命令。本文将向您展示如何在Linux系统中安装和配置SSH。
步骤1：安装SSH
大多数Linux发行版都默认安装了SSH。您可以通过以下命令来验证是否已经安装了SSH：
$ ssh -V
如果返回了SSH的版本信息，说明SSH已经安装好了。如果没有安装，您可以按照以下命令来安装SSH：
对于Debian/Ubuntu...阅读全文
Aug032024
Git查询(统计)一定时间范围内（时间段内）的代码提交的日志和文件
Git查询(统计)一定时间范围内（时间段内）的代码提交的日志和文件。
显示当前日期（即今天）的提交记录：
$ git log --oneline --since="yesterday"
仅显示某一特定用户（例如，用户 phpernote.com）在今天的提交记录：
$ git log --oneline --since="yesterday" --author="phpernote.com"
还可以显示在某一日期范围内的提交记录。使用以下命令，显示在任意两个日期之间（例如，2022 年 ...阅读全文
Jul162024
Spring Boot中整合Druid实现数据库连接池
在Spring Boot中，我们可以使用Druid来实现高效的数据库连接池，以提高应用程序的性能和可靠性。Druid是一个Java语言编写的开源项目，具有强大的监控和扩展功能。
导入依赖
首先，我们需要在pom.xml文件中添加Druid的依赖:
<dependencies>
<!--Spring Boot Starter Dependencies-->
<dependency>
<groupId>org.springframework.boot</groupId...阅读全文
Jul122024
wordpress国内网速慢，解决网站加速及防DDOS攻击快速CF切换教程
最近，有客户说他网站在国外，但国内网站速度打开非常慢，因为国内国外用户访问都比较频繁，希望对他们的网站www.pjcourse.com国内访问速度做个提升。他们的程序用的是wordpress。总的来说，wordpress的插件模板加载数据比较多，就算安装了wprocket这类缓存插件，做了js，css压缩，或者数据库优化。其实对网站的速度也并不会有太大提升。
经过一些简单的分析之后，我打算把他们的网站搬到c...阅读全文