Hypercube's Channel

1954年4月15日华盛顿州挡风玻璃凹陷事件达到高潮 (2003) 原文：https://www.historylink.org/File/5136 阅读时间：8 分钟 分数：253

https://games.0x01.me/numbers/ 我的第一个复古小游戏作品😆

😂和电影不一样，看表演的话，因为舞台是有深度的，座位太偏就会导致有一部分内容看不到，失策了呀。

记录一下每日论文的关键词匹配功能的技术细节： - 使用 Unicode NFKD normalize，移除 U+0300 到 U+036F 的字符，再 NFC 拼回去，实现 á 和 a 互相匹配。 - 用 (s.match(/[a-zA-Z]+|[^a-zA-Z]/g) || []).filter(i => i !== ' ') 转为 token 序列，可以支持“1+n pattern”等带符号的关键词。 - 使用 Porter Stemmer V2 把每个词变成词干，实现 model 和 models 互相匹配。 - 对于用户提供的自定义 JS 函数，把 eval(s) 改成 new Function('return ('+s+')')() 对 minifier 比较友好。

这个项目的前端是我目前做过的最完善的了😂开发体验也非常棒，学了一些新的开发工具和 CSS、JS 特性，还发现了更多以前不知道的细节，例如： - localStorage 多个标签页同时读写时可能因为 race condition 出问题，网上很难找到真的没 bug 的解决方案，能轻松解决这个问题的 Locks API 有点新。 - Safari on iOS 不支持 :root {overflow-y: hidden}。 - Safari 不支持 scroll anchoring，屏幕上方看不见的元素尺寸变化也会导致页面跳动。 - 表单可以有多个提交按钮，按回车总是会触发 DOM 中第一个提交按钮。 - katex 会在页面上用绝对定位乱放东西，把页面撑大。可以用 CSS contain 属性收容。

最近在开发的项目发布啦，是和 @hejiyan 合作搞的一个 AI 总结学术论文的工具，欢迎使用～ https://paper.dou.ac/

Chrome 的 user agent stylesheet 中有 button { align-items: flex-start; } 而不是默认值 stretch，妈耶，花了好几个小时 debug。 我错了，我之后只用 div.jpg

最近学到的一些 CSS 技巧，基本都是从 Tailwind 学到的，见笑了： - 谁还没学过 flex 的话一定要看看[1]，这个不是最近学到的，但太简单好用了，值得强调一下。 - text-wrap: pretty; 避免最后一行只有一个字。 - overflow-wrap: break-word; 在单词中间换行来避免溢出。 - hyphens: auto; 按照 lang 属性时自动插入连字符。 - text-overflow: ellipsis; 溢出时显示省略号。 - font-variant-numeric: tabular-nums; 等宽数字。 - scroll-behavior: smooth; 点击页内跳转链接或 element.scrollIntoView() 都用平滑滚动。 - scroll-margin-top: 10px; 滚动到这个元素时，在它上方留 10px。 - scroll-padding-top: 10px; 滚动到内部的元素时，上方要留 10px。 - CSS 现在可以帮我决定把一个悬浮元素放在另一个元素的上下左右哪一侧，避免伸到窗口外面去[2]！可以用来实现右键菜单或者鼠标悬浮时显示的说明。真可惜这个特性是今年刚刚实现的，太新了。 - 浏览器原生支持根据语言生成正确的引号，以及正确实现双引号单引号交替？！用 <q>，对引号和交替规则不满意的话可以用 CSS 改。 - inset 是 top left bottom right 的缩写。 [1]: https://css-tricks.com/snippets/css/a-guide-to-flexbox/ [2]: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_anchor_positioning/Try_options_hiding

最近在用 Vite + Vue + Tailwind 写前端，感觉很爽，推荐。 Vite 可以实现 VS Code 中改代码后，浏览器渲染实时更新，不需要页面刷新，也不影响页面状态。 Vue 和 React 相比我感觉 Vue 还是更适合简单的小项目，光是一个 v-if 就比三元运算符舒服多了。 Tailwind 结合 Vite 的实时更新功能，让我改样式的效率提高了非常多。 另外，这几个东西结合是完全开箱即用的，配置上没什么坑点。

很多语言有自己的方案来管理和切换编译器/工具链版本，但具体设计和实现质量各不相同，我一直觉得很不好用。最近研究了一下通过 VS Code 的 Dev Container 功能来为每个项目建立完全隔离的环境，发现其实挺简单的： 在项目目录中创建 .devcontainer/devcontainer.json，内容是 {"image":"mcr.microsoft.com/devcontainers/base:debian-12"}。用 VS Code 打开目录，右下角会自动提示要不要用 Dev Container 打开。用 Dev Container 打开后，会在一个专门的容器里，项目目录会被 bind mount 进这个容器，终端是容器里的终端，可以随便安装工具链和依赖，不会影响宿主机，如果有进程开始监听端口，VS Code 还会自动提醒并转发到宿主机上。 这个 image 可以换成任何自己喜欢的 Docker image，但最好是非 root 用户的，不然容器里会是 root 用户，创建的文件宿主机上不方便操作。只要是非 root 用户，VS Code 会负责把 uid 改成和宿主机上相同。如果有更复杂的定制需求，还可以创建 .devcontainer/Dockerfile 文件并修改 devcontainer.json，详询 ChatGPT。 这个方案令我特别满意的点就是项目目录在宿主机上，所以仍然可以用宿主机上的软件工具查看和修改各种文件，不像 Remote-SSH 那样想做各种操作都不太方便。但是这个方案也只适用于“编译器放在隔离环境里就能运行，只需要把编译结果带出来”的情况，对于 Python 这样的语言，要在宿主机上运行最终程序，宿主机上就必须装了正确版本的 Python，这种隔离环境用处很有限。

我被 iOS 这个傻逼设计坑了好几次了：应用没弹窗索要过某种权限的话，系统设置中就不会出现这个应用这项权限的开关，而且很多应用必须触发特定的执行路径才会弹窗索要权限。 如果让 Siri“6点提醒我取快递”，它会在“提醒事项”app 中创建一项，但然后到时间什么也不会发生，打开 app 会看到里面有过期了的项目。在系统设置中，这个 app 没有“通知”权限的开关。解决方案： https://discussionschinese.apple.com/thread/253975593 。一旦这样操作过一次，就有通知权限开关了。 曾经还遇到过比如某个应用从来没点击图标打开过，就没索要过联网权限，导致从其他应用以调用的形式打开时完全无法工作，也不好看出原因是权限问题。

我常感觉如今越来越多人认为电子游戏只能从竞技性中获得乐趣，我对这种趋势很担忧。我个人喜欢的游戏乐趣是探索性的，例如小时候在同学家里玩侠盗猎车手：罪恶都市，我们连剧情和任务提示都看不懂，只会打警察和用作弊码刷坦克，但看到自己的行为在游戏世界中产生的一连串反应就觉得非常有趣。 本科时玩狂野飙车8：极速凌云，我突然发现某辆车配合某张地图，可以实现全程完全不操作，只靠自动加速通关（会撞毁几次，但每次重生后都能继续前进），感到太妙了，还做了个脚本不断自动重开这个任务。直到有一个很懂这个游戏的同学看到我喜欢玩，给我说这个游戏要买什么车、做什么改装、以什么方式做任务才最好，我顿时觉得这个游戏失去了乐趣，我没有什么好探索的了，别人已经把最优策略贴到了我脸上，我只能去执行。 我真心地认为一个游戏最好玩的时候，就是大家都还不会玩的时候。这时大家可以很欢乐地探索、实验，看各种操作会导致什么结果，并且不在意这样瞎玩会怎么影响分数。Teeworlds、PUBG、军团要塞 2 等游戏都以这种方式给我留下了很好的回忆，我和大家瞎玩时，总觉得“我又想到一个必胜的妙计！”然后尝试执行。但迟早别人也会有办法对抗，我又需要不断改变策略看看会如何发展。一旦大家都会玩了，所有人的策略都收敛到和最优策略非常相似，有趣程度就会大幅降低。 而有一些游戏，我刚接触就被明确告知了“正确”的玩法，知道了要看什么教程，学什么技巧。明知别人已经总结好了教程和技巧而不看、不学，会显得很奇怪，明明学了却表现不好，会显得很无能。在这种环境中，很多人会逐渐认为电子游戏就是要竞技的，玩得不好自然不配获得游戏乐趣。我非常怀念曾经大家都不看教程，不专门去学习，而一起瞎玩游戏的日子。