使用原生 JavaScript 实现页面路由效果
最近把手头的东西都去了 jQuery 的依赖，去掉之后，想给我一个使用 JavaScript 渲染列表的站，加上个路由，但这个站用的还不是 Vue，用不了 vue-router，于是找到了如下方式，使用原生 JavaScript，来达到类似的 URL 展示效果。document.addEventListener('DOMContentLoaded', function (...
正在浏览：分类 技术 下的文章
在 1Panel 上使用 webp-server-go 实现全站 webp 改造
想着搬站都有一段时间了，看看能不能把 webp-server-go 给搬过来，降低一下站点的带宽开销。之前也写过一篇文章，但用的不是 Docker 部署的方案，只是略有出处罢了。且这个小服务端也在升级，配置文件也发生了一些变化。按照官方的文档，首先在 1Panel 后台中点击容器->镜像->拉取镜像，填入 webp-server-go 的镜像，再点击拉取按钮，如下图所示。拉取完毕...
隐藏奇奇怪怪的设备的“安全删除硬件并弹出媒体”托盘选项
前几天，买了一个支持 Windows Hello 的 DIY 摄像头模组，不料接上 USB 线后，任务栏托盘里多了个“安全删除硬件并弹出媒体”、“弹出 Integrated Camera”的菜单栏...好奇点了弹出，点了之后就用不了了，重新插拔才正常，弹出设备的提示也没消失，仍在。询问店家，店家的回复是“正常的”、“对的呢 有些电脑会这样子 目前无解”。今天经过好一顿搜索，搜索到了如下两个教...
网站成功搬家，站点成功存续，1Panel迁移踩坑记录！
还有几个月，特价的华为云机器就要过期了。正好看见群友在群里分享的阿里的 99 元机，当天买下，并办了接入备案。故大喜，毕竟站点的存续有希望了，有了能继续下去的物质基础。对于这个站的未来嘛，虽然已经确定了自己没有入行计算机，也没有从事程序员的工作，但还是将这个站点，作为自己的兴趣爱好，继续进行下去，大概率周末会改改站啊，写写东西啊什么的，尽量让这个站，长期存续下去，毕竟里面也装满了我半个青春，...
使用relative-time-element.js在前端层面实现时间的实时显示
这两天给站擦擦灰，补全了一些功能，优化了一些细节。突发奇想，Github issues 区的内容的所有回复/发送内容，时间都是随真实时间实时变动的。在经历了自己造轮子失败之后，偶然发现原来这个功能已经被 Github 开源出来了...合计着我这白忙活。https://github.com/github/relative-time-element调用方法也是非常简单的，对现有项目的创伤性几乎为...
使用WebP Server Go来加速站点本地图片访问速度
临近毕业，要到自己为站点续命的时候了。想减少开销，减少一些潜在的意外，故挪掉了一直在用的云存储（大部分文件是反代uploads目录并静态内容迁移以使用 CDN 节点进行加速，小部分文件为自上传的云存储）。这样一来，之前那些随手传上去的图片不是那么小，没有了 CDN 端上的 WebP 自动转换，图片加载速度的确是慢了不少。然后经过搜索，找到了这么个基于 Go 语言写的这么一个服务端程序，可以自...
JSP简单实现用户登录与注册功能
本教程使用 IDEA Ultimate 实现，社区版需要其他方式的设置创建项目简要介绍。创建 JAVA EE 项目，选择 WEB 服务，将下载到的 Tomcat 的路径添加 Tomcat 服务器列表中，然后点击下一步，选择 Java EE 8。添加 MySQL JDBC 驱动点文件->项目结构->库，然后将 MySQL 驱动的 jar 包（mysql-connector-java...
软著申请下来了，顺便更新了下主题
就在今天，我的软著证书，终于拿到手了。怀着开心的心情，写下此文。起因最初在 21 年那阵吧，老权把南博的软著给拿到手之后不久，偶然发现 Typecho 的主题模板也是可以申请软著的，于是建议我也弄一个。但由于自己一直很懒吧，跟老权取完经之后，就一直放在这儿了...（我承认这习惯很不好...）后来，22 年，长春大疫，封城。老师找我干活，本以为是什么带我起飞的差事，但当老师线上交流，老师发给了...
最近看到的有趣的前端的小东西，作为学习笔记
参考来源：w3schools，与 mozila 的 MDN用变量一样的写法去写 CSS:root { --blue: #6495ed; --white: #faf0e6; } body { background-color: var(--blue); } h2 { border-bottom: 2px solid var(--blue); }CSS 层面阻止原生事件pointer...
Flexbox Froggy 学习笔记
Flexbox Froggy一个学习练习 CSS 中 Flex 弹性盒子布局的网站http://flexboxfroggy.com/justify-content功能：设置对齐方式 ( X 轴 )属性值说明flex-start始侧对齐（横向排列为左对齐，纵向排列为上对齐）flex-end终侧对齐center居中对齐space-between贴边分散对齐，靠边的盒子仅外侧的单面无 margin...
vue.js 使用 axios 请求获取数据
基于 第十三届蓝桥杯（Web 应用开发）线上模拟赛 第 9 题 知乎首页数据动态化 的应用方案引用 axiosimport axios from 'axios' Vue.prototype.$axios = axios使用方法this.$axios.get('/static/data/list.json').then(res => { ...
通过替换法来尝试修复 Minecraft 客户端的 log4j2 漏洞
今天逛 B 站的时候，偶然刷到一个利用 log4j2 漏洞的视频，利用这个漏洞来测试网易的租赁服，无一例外的全部中招了。截至目前为止我也无法确定这个问题的真实性，因为要试试的话那可是真的刑...然后 17 开了个 Mod 小服，虽说是服务端方面是修了的，但客户端本身还是存在漏洞的，想试一下去修复它，没想到成功了，具体有效性未知（因为如上原因，且自己也不是网络安全这个方向的，故不进行测试）。下...
模拟 POST Pingback
URL: https://example.com/action/xmlrpcMethod: POST使用了 xmlRPC 相关的东西，里面一个 url 是来源，另一个是请求者，毕竟为了测试，也就不纠结他俩哪个是哪个了...请求体：<?xml version=\"1.0\"?> <methodCall> <methodName>p...
杭电 ACM OJ 刷题笔记
注：实时更新，仅记录学习，发来的都是 AC 的，可能不是最优解HDU 2000#include <iostream> using namespace std; void swap_char(char& a, char& b) { char container = a; a = b; b = container; } int main()...
Typecho 可覆盖到后台的修改全局头像 CDN 地址方法
非常简单。一句话就能说完，我还水个文...在config.inc.php或者index.php追加一个全局变量define('__TYPECHO_GRAVATAR_PREFIX__', 'https://sdn.geekzu.org/avatar/');即可。以解决 Gravatar 官方源在国内无法访问的问题。此方法不同于魔改主题的方法，这么搞，后台...
Typecho 插件 superLink 发布
superLink - 无需再记忆短代码，只要输入符合解析规则的链接，就可解析为对应的卡片😎superLink 现在支持哪些解析[V1.0] Bilibili 视频后台编辑器：https://www.bilibili.com/video/av43526经过 Typecho 的 Markdown 解析后<a href="https://www.bilibili.com/vide...