前文说过,最近在写一个基于 React + WP-Rest 的独立主题,而本文所说的回到顶部组件即是它的一部分。 原理及演示 关于Element.scrollTop,MDN 上有很好的解释: Element.scrollTop 属性可以获取或设置一个元素的内容垂直滚动的像素数。 一个元素的 scrollTop……
在React中写一个回到顶部组件(back to top)
React函数组件使用State和生命周期方法(componentDidMount等)
对于函数组件(Function Component)来说,它没有 class 组件中的 componentDidMount、componentDidUpdate 等生命周期方法,也没有 State,但这些可以通过 React Hook 实现。 React Hook 是什么 Hook 是一个特殊的参数,它是 R……
Nginx反代Docker内部服务(以Wekan为例)
服务器上有很多 Docker 容器,它们没有设置端口映射,而是通过统一的前端 Nginx 程序反代。这样做的好处是在外部可以访问内部 Docker 服务,又不用浪费宝贵的外部端口。 原理 每个Docker容器都有自己的主机名和 内部 IP,即使不设置外部端口映射,在内部分配的 IP 上也会有对应的端口监听。举……
React 中使用 highlight.js 代码高亮的两种方法
最近在用 React + Material-UI 写一款基于 WP-Rest API 的主题,碰到了代码高亮的问题,这里记录下两种解决方法。 问题 请求 API 返回的数据包含代码块,前端应该调用代码高亮插件“渲染”一下。 在普通的 html 中,页面加载完成时调用 highlight.js 的高亮方法即可,……
华为Nova6安装谷歌框架(GMS)教程
618 买了个华为 Nova6(5G)千元机,用着还行。不过因为被美国制裁的关系,EMUI 中不再内置谷歌套件(GMS),导致下载 Play 商店的购买内容非常困难。 经过一番查找,最终给 Nova6 安装了 GMS 套件,Play 商店、游戏等可正常使用。 一、准备工作 安装教程源于花粉俱乐部,原帖: cl……
使用CDN对WebSocket的影响及解决方法
给本博客的 Wekan 面板套了一层 CDN,在近两个月的使用中发现了诸多问题,而大多数问题是由于套 CDN 导致WebSocket连接出现问题造成的。 起因 本博(梓喵出没)有个内部的 Wekan 面板,它使用 Docker 部署,并通过梓喵出没主站的 Nginx 反代其内部服务。 前前后后用了两个月,主要……
PowerShell 脚本输出带颜色的文字
在编写 PowerShell 脚本时,使用 echo 输出的文字默认为白色,输出的 Log 信息篇幅一长就显得有些混乱。 输出彩色文字 PowerShell 中的 echo 中是原生方法 Write-Host 的别名,为了让有 Shell 命令经验的人使用起来更加方便,微软给自己原生的方法做了一套仿 Unix……
OBS用udcd-uvc取流时获取PSV声音信号
由于 PSV 的硬件机能限制以及模拟 usb 带宽、性能等的影响,udcd-uvc 作者并没有将 PSV 声音输出集成至输出流中。为了获取音频流,我们需要做一些额外工作。 原理 给扬声器的最终信号是模拟信号,而麦克风振膜受到振动产生的电流变化也是模拟信号,因此直接将扬声器处的信号接到音源输入或麦克风处,就能采……
PSV安装udcd-uvc插件反向串流至PC教程
自从 PSV 被破解后,它的玩法就越来越多。最近了解到有人开发了一个串流插件,使得 PSV 可以通过 USB 反向串流至电脑等设备中。 udcd-uvc 简介 PSVita UDCD USB Video Class plugin是一个 psv 内核插件,它使用 PSV 系统内的 SceUdcd 模块将 PSV……
TCP的无边界性与分片和重组(所谓的“分包粘包”)
在发送或接受 TCP 字节流时存在的分片与重组是个老生常谈的话题了,有些人习惯叫它“分包粘包”。实际上 TCP 是流模式协议,面向字节流的,没有包这么一说,所谓的“分包粘包”是应用层解析不好的事情。 TCP 是啥&在做啥 流协议 大学计算机网络都学过,传输控制协议(TCP)是一种面向连接的、可靠的流模……
Steam游戏库展示插件WordPress版发布
这是一个在 WordPress 中展示 Steam 游戏库的插件,通过它可以在页面中展示游戏库内的游戏收藏及游戏时间等信息。 效果图 插件特点 本插件页面部分基于 Fog-Forest/Steam-page 模板开发,梓喵出没修改了其内容,并将其集成于插件中。 原特点 个人信息卡片实时更新。 通过 API 获……
以插件形式在WordPress中引入页面模板(自定义页面)
在 WordPress 中可以使用不同的页面模板创建页面,一般情况下,页面模板由主题引入,以page-xxx.php的形式存于主题文件夹内。如果想将其他位置的文件注册成页面模板,该如何做呢? 需求 最近写一个插件,目的是将已有的页面模板注册至 WordPress 页面模板列表中。传统方式引入页面模板需要将文件……