Gird 是我很喜欢的一种 CSS 布局，它可以同时控制两个坐标轴的位置，相比传统的一维布局可以省掉大量的包装元素；对于做表格而言，也比元素简单得多。最近实现了一个仿 GitHub 的热力图，再次体验了一把 Grid 布局强大的功能，结果如图：接近像素级复刻了，而代码仅需 160 行（不含注释），如果用做没个 250 行是很难搞定的。完整的源码见https://github.com/Kaciras/Resume2/components/ContributionCalendar.jsx需求背景惯例说一下为什么要搞这个，就是最近更新简历，想把 GitHub 的热力图加进去，毕竟每天都写代码，全绿，多看看对视力好。最开始想到的是直接复制 GitHub 的 HTML，这当然可行，而且我见过一些地方就这么搞，不过没啥意思，既然我会前端，那就自己实现一个看看这玩意有多少含金量。实现过程好的废话不多说，直接来看怎么搞吧。首先一眼就知道 GitHub 的热力图是张表，横轴是月份，纵轴星期；再加上下面的图例。该表显示了一年中每天的贡献数，按星期分列，同时后面可能会多不完整的一周所以一共是 53 周，加上表头一共 54 列。行的数量就是 7 + 1个表头 + 1行下面的图例（为了方便把它也放进去），总共 9 行。是不是很简单？确定了布局，后面要解决的就是填元素了。数据结构既然决定自己做，就肯定要支持动 ...继续阅读 (39)

...继续阅读 (16)

php include("init.php"); $invoiceid = (int) $whmcs-get_req_var("id"); $invoice = new WHMCS\Invoice($invoiceid); $params = $invoice->getGatewayInvoiceParams(); $params = json_decode(json_encode($params), true); print_r($invoice->getData("status")); print_r($invoice->getData("balance")); print_r($invoice->getPaymentLink());$params 就支付网关XXXX_link传进去的原始数据，有了这个数据就可以方便在不需要登录的情况下直接显示出支付的信息。通过查看 whmcs 官方版本解密源码可以看到 https://github.com/puarudz/WHMCS-7.8.0-decoded/blob/e7446479de49a28c8801d4c0c95f4cae22dcff33/modules/gateways/callback/skrill.php 附带whmcs生成二维码方案， 由于默认没自带qrcode.js 又不想另外去引入文件， vendor自带有bacon ...继续阅读 (30)

...继续阅读 (17)

...继续阅读 (19)

...继续阅读 (25)

...继续阅读 (21)

...继续阅读 (25)

...继续阅读 (21)

...继续阅读 (23)

...继续阅读 (25)

...继续阅读 (24)

...继续阅读 (21)

...继续阅读 (21)

...继续阅读 (23)

Webos 私有云是一种基于网页的操作系统，提供了类似传统操作系统的文件管理、应用程序使用功能，但数据存储和处理都在私有云环境中，用户可以完全掌控自己数据。工具介绍Webos 是一款免费的个人私有云，支持多种存储，支持私有部署。具有类似 Win11 操作界面和操作习惯，包括快捷键及菜单功能等，用户用起来非常熟悉和顺手，降低学习成本，能够快速上手操作。它支持私有化部署，可在纯局域网内或连接外网的情况下使用，方便用户根据自己需求进行灵活的配置和管理。支持挂载市面上大多数网盘，如 OneDrive、阿里云盘、百度云盘、天翼云盘、腾讯微云。用户可将这些网盘添加到 Webos 的文件管理系统中，方便地进行统一管理和操作，实现跨网盘数据传输和文件管理。可支持第三方跨盘秒传功能，在部分网盘平台允许情况下，可以实现文件快速传输，提高工作效率。提供流畅在线文件管理体验，支持文件上传、下载、删除、移动、复制、剪切、粘贴、重命名等基本操作。全盘支持从浏览器直接上传文件到服务器，或从服务器直接下载文件到本地，不经中转，提高了文件传输的速度和安全性。无论上传还是下载文件，文件传输过程中因意外断网等原因被迫停止后，支持继续传输，避免因网络问题导致的文件传输中断而需要重新开始的麻烦。支持数百种文件格式的在线预览、编辑、播放，并且支持金山文档协同办公，方便用户在线对文件进行编辑和协作。可以设置不同的用户角色和权限 ...继续阅读 (16)

...继续阅读 (18)

...继续阅读 (20)

...继续阅读 (24)

...继续阅读 (24)

...继续阅读 (23)

...继续阅读 (23)

...继续阅读 (20)

...继续阅读 (18)

...继续阅读 (20)

小伙伴们是否遇到这样一个问题：想听的歌遍布各个平台，找不到一个播放器统一管理所有歌曲？今天为小伙伴推荐一款开源程序，可以自由地从任何浏览器或移动设备收听音乐收藏。程序介绍Navidrome 是一个开源的音乐服务器和流媒体服务，允许通过任何浏览器或移动设备自由收听音乐收藏。它与 Subsonic 以及 Airsonic 兼容，具有现代的 Web 界面，支持多个用户，并且可以处理非常大的音乐收藏。部署过程Navidrome 支持很多种部署方式，这里以 Docker 为例。如使用命令行则需运行：1dockerrun-d --name navidrome --restart=unless-stopped --user $(id-u):$(id-g) -v /path/to/music:/music -v /path/to/data:/data -p 4533:4533 -e ND_LOGLEVEL=info deluan/navidrome:latest如使用 Docker Compose 则将下面内容保存为docker-compose.yml文件，并运行docker-compose up -d即可：12345678910111213141516version:"3"services:navidrome:image:deluan/navidrome:latestuser:1000:1000 ...继续阅读 (27)

...继续阅读 (18)

...继续阅读 (24)

...继续阅读 (22)

...继续阅读 (19)