技术随笔
共 6 篇。写代码、调服务器配置、改前端样式时遇到的具体问题与解法。
-
语义化 HTML 与无障碍:一次自查记录
拿键盘把整站走了一遍,才发现最早写的那个跳转链接一次都没有被 Tab 到过。记几个改对的地方,也记几个还没验证的。
-
深色模式实践:prefers-color-scheme 与 CSS 变量
第一版深色模式我只改动了两个颜色变量,看着还行。直到某个晚上把屏幕亮度拉到最低,才发现链接的颜色其实一直不合格。
-
手工维护 sitemap.xml 与 robots.txt 的一点经验
二十来页的站,我一开始想用脚本生成站点地图,跑了一遍就删了。记录一下日期为什么要自己写,以及 robots.txt 里我最早写错的那一条。
-
用原生 JavaScript 给长文加一个文内目录
站里最长的一篇有十九个二级标题。从滚动监听到 IntersectionObserver,中间换过一次思路,也写错过一版高亮,记录一下这个过程。
-
不用框架,只用 CSS 写一个能用的响应式导航栏
七项导航在窄屏上挤成三行,我先后试了脚本切换、复选框和 details 三种写法,最后选了最不像技巧的那一种。记录一下每种写法各自要牺牲什么。
-
给一台老笔记本上的静态站点做 Nginx 缓存与压缩调优
站点跑在一台旧笔记本上,首屏总会闪一下。排查下来发现真正的原因不是带宽,也不是压缩,记录一下过程中几个被推翻的判断。