刘春龙的博客

查看全文...  

查看全文...  

查看全文...  

查看全文...  

查看全文...  

我的个人博客已经走过二十多年，却在最近几年彻底荒废。每次想重新打理，总忍不住先折腾服务器、代码这些技术问题——可代码实在太老旧，本地连基础环境都搭不起来，这点刚燃起的热情，很快就被消磨殆尽。

昨天试着用Claude Code，本想把这套上古PHP技术转换成现在的Node.js，结果只成功转了前端页面，后端管理界面因为逻辑复杂，始终没能搞定。看着它自作主张生成的后端界面，我反倒格外想念自己当年用PHP写的版本，那里面藏着太多曾经的思考与心血。

转念一想，PHP又没有死，为什么不让Claude Code把旧代码升级到最新版本呢？没想到过程意外顺利，很快就完成了。我也顺势把服务器从十多年没更新的Linux系统，迁移到了阿里云，还顺便配置了免费的HTTPS证书，全程靠Claude Code协助，轻松得超乎预期。

过去十年，我一直忙着追逐赚钱，彻底断了博客的更新。如今回头看，才惊觉早已忘了初心。其实现在没多少人看博客也没关系，有些东西的分享，本就与有没有人关注无关。

完。

我配了台电脑，主板是华硕z790，cpu是i9 13900k，显卡是 nvidia 4090。  底层系统我打算装esxi8，过程中遇到很多坑，在这里记录一下。

首先是esxi8不支持intel 13代cpu的大小核心。需要在启动esxi安装程序的时候按shift+o，添加参数：cpuUniformityHardCheckPanic=FALSE

然后又遇到问题是esxi不认识板载网卡（Realtek RTL8125 2.5GbE）。解决办法是买一张intel i226的pcie网卡。（点这里可以查看esxi8的硬件支持情况）

然后就能顺利安装esxi8了。 然后在esxi里面安装ubuntu22， 遇到了4090显卡无法直通的问题。  试了很多办法都不行。 后来我又装了一个windows 11虚拟机， 尝试把网卡直通给win11。  最后通过调整bios的显卡设置（本来是auto， 改成pcie才可以），成功把4090显卡直通给了win11。 

最后又通过一些尝试才成功把显卡直通给ubuntu22。以下是一些关键步骤：

• 首先在esxi后台的 主机->管理->硬件->PCI设备   里面，找到显卡设备选中，然后点击切换直通来打开直通开关。
• ubuntu虚拟机设置里面，添加高级参数：
  hypervisor.cpuid.v0=FALSE         
pciPassthru.use64bitMMIO=TRUE   
pciPassthru.64bitMMIOSizeGB=64
• ubuntu虚拟机预留全部内存
• /etc/modprobe.d/blacklist-nvidia-nouveau.conf 文件添加:
blacklist nouveau
options nouveau modeset=0

• /etc/modprobe.d/nvidia.conf 文件添加：
options nvidia NVreg_OpenRmEnableUnsupportedGpus=1

• sudo update-initramfs -u

• 下载对应的nvidia驱动

• sudo chmod u+x NVIDIA-Linux-x86_64-525.89.02.run

• sudo apt install build-essential

• sudo apt install pkg-config libglvnd-dev

• sudo ./NVIDIA-Linux-x86_64-525.89.02.run -m=kernel-open
• 然后运行nvidia-smi就能看到显卡信息了

一些参考资料：

• Nvidia-smi "No devices were found" - VMWare ESXI Ubuntu Server 20.04.03 with RTX3070 - Graphics / Linux / Linux - NVIDIA Developer Forums
• VMware ESXi DirectPath I/O 直通GPU卡给虚拟机使用 – 丁辉博客 (dinghui.org)


完。

在iOS系统里面，任意webview在可滚动状态下，都是可以拖超出边界然后反弹回来的。这个效果非常的好看和实用。但是如果我要做一个web app，我就不希望我的整个app界面也被用户拖动。

在很久以前，iOS的浏览器是不支持overflow scroll的，也就是说除了整个网页可以滚动以外，其他部分是不能局部滚动的。要实现局部滚动，一般都是用iScroll等插件，用javascript来模拟滚动。这技术说起来容易做起来难，我看了无数个类似的东西，没有任何人能做到原生一样的滚动反弹效果。最接近原生效果的是我从某牛逼网站上8下来的代码：https://github.com/longbill/ScrollPane

后来iOS退出了iOS5，其中的浏览器支持了overflow scroll。在配合  -webkit-overflow-scrolling: touch; 的情况下滚动起来是比较理想的。但是唯一有一个弊端就是当局部滚动区域处于滚动边缘的时候（比如处于最上面），此时继续网下滚动手指，滚动操作不会体现在局部滚动区域，而是会作用于整个网页。这个在做web app的时候，是完全无法忍受的。做出来的效果跟把web app界面的头部和底部用position fixed固定是一样的。

所以，即使overflow scroll从iOS5起就被支持，但是用javascript模拟滚动的需求还是十分旺盛。其中很重要的一点就是滚动会传递到外面的网页。另外也很重要的一点就是原生的滚动很难实现类似pull to refresh的操作。

后来我打算将我的精选文章做成web app的形式。尝试了无数的scroll插件，都让人失望。被逼无奈仔细研究了一下原生的overflow scroll。再后来被我找到了一个奇怪的方法，来阻止滚动操作传递到整个网页。

就是。

在手指放在屏幕上的时候，判断里面的滚动部分的 scrollTop 是不是 0 或者 最底下。如果是，那么将 scrollTop 轻轻位移1个像素。就可以了。

另外，我还实现了一个pull to refresh，虽然效果跟原生的不太一样，但是看起来也还不错。

代码我空了会整理写文档然后放到github上。大家可以先看这个 demo。 暂时只支持iOS系统。安卓请忽略。

http://jszen.com/public/demo/ptr/index.html

完。

        最近经常出去自驾游，往川西的高原跑。经常会遇到一个问题就是不知道当前的海拔高度。正好我最近又在学习做站。索性就弄了一个专业查询海拔的网站：海拔高度查询工具  利用Google的API来获取相关信息。不过由于最近天杀的GFW把google全部服务给墙掉了。只能用ditu.google.cn的服务。但是仍然有一些请求走的是maps.googleapis.com，于是搞了个hack，把所有maps.googleapis.com的域名换成ditu.google.cn。还好，大部分都能用。

        最近又做了英文版本的海拔高度查询和日出日落时间查询

还是上两张图吧。在红原县附近拍的。

完。

当我们设计一个带有用户注册/登录功能的网站的时候，一个必须的功能就是重设密码。 重设密码功能有很多种设计方式，比如发送一个新密码到用户邮箱等。不过今天我要介绍一个我经常用实现方式。

用户流程:

1. 用户忘记密码，来到密码重设界面
2. 用户输入Email地址，点击重设密码按钮
3. 用户收到一封密码重设邮件，里面有重设密码的链接，此链接有过期时间
4. 用户点击链接，来到密码重设页面，输入新密码，完成

这个流程并没有什么创新，很多网站都是用这套流程

后端实现方式:

1. 当用户输入Email地址后，验证这个Email，如果存在于数据库，那么取得用户的user_id
2. 将user_id和当前时间戳编码成HASH，需要提前准备好一个KEY，并且这个KEY只存在服务器上。  HASH = md5 ( user_id + timestamp + KEY )
3. 生成一个URL，并且附带刚刚生成的HASH和用户id以及timestamp，比如 http://domain.com/reset-password.php?hash=HASH&user_id=123&timestamp=1392121211
4. 当用户访问这个URL, 检查HASH是否合法: HASH == MD5 ( user_id + timestamp + KEY)
5. 检查 timestamp 是不是过期了
6. 如果所有检查通过，那么显示一个新密码表单给用户

这种方式的好处:

1. 不需要额外的数据表
2. 不用担心参数被用户恶意修改，因为要检查hash是不是等于那几个参数的md5
3. 密码重设URL自带时间戳
4. 只要KEY设置的足够长足够复杂，那么可以认为HASH是绝对安全的

更详细的样例代码可以参考这里：http://jszen.com/reset-password-system.6.html

完。