ARCHIVE74 FULL123 ENTRIES4 CHANNELSSYNC 2026-10-31

DOC VIEWER · 原文排版保留 · 2026-10-31 快照正文区为浅色

元素周期表还在死背?这个免登录网站把 118 个元素做成了 3D


工具实测 · 2026-09-23 · 一个免登录的化学站

一个不让你注册、也不向你收费的化学网站。我把它从头点了一遍,顺便看了它为什么把开源代码收回去。

大家好我是六六爸比,一个 85 后科技 IT 爱好者。

家里有初中生学化学的朋友,大概都见过这个场面:元素符号背了忘、方程式系数怎么配都不对、电子层排布在纸上画成一团。市面上多数解法是刷题,题越刷越烦。

上周拆到一个不太一样的:zperiod.app。它把元素周期表做成了可交互的 3D 原子模型,配平、溶解度、练习卷都塞在一个页面里,全程不用注册,也没有付费墙。下面是我实机点完的记录。

Zperiod 周期表首页

▲ 118 个元素全部中文显示,卡片右上角是质量数、左下是原子序数(2026-09-23 实拍)

01

点开一个元素,能看到电子怎么排

打开网站先选语言(我数了下选择器里 40 档,含简体和繁体中文),选完进周期表。点"铁",弹窗左边是属性卡:类型 过渡金属、族/周期 8/4、常温常压下 固体、电子区 d、常见离子 Fe2+ 和 Fe3+;右边是一个能转的 3D 原子——电子按层排在轨道上,原子核是红灰两色的球。

标题那一栏还标了质量数 56、原子序 26、中文名和拼音 tiě。底部三个页签:结构、轨道、档案。想连着看,左右方向键直接翻到上一个/下一个元素。

铁元素详情页 3D 原子

▲ 铁元素详情:左侧属性卡、右侧 3D 原子,中间那个气泡是它自带的分步引导(实拍)

切到"轨道"页签,看的是另一种东西——不是画好的花瓣图,是可以转的 3D 概率密度模型。工具页里单列了一项"SPDF 轨道图谱",写着支持全部 16 种原子轨道形状。

3D 轨道概率密度模型

▲ 轨道页签的 3D 概率密度模型(实拍)

周期表首页还有一个我喜欢的细节:可以按熔点、密度、沸点、电负性、第一电离能、电子亲和能、原子半径、比热容给整张表重新上色。背元素这件事,变成看颜色渐变——比如一眼看出铯在左下角那片最"活泼"的区域。

02

练习卷工坊:两次点击出一张能打印的卷子

这是我实际替朋友试出来的功能。入口在顶部「学习实验场」→「练习卷工坊」,左边四个选项:

练习卷工坊可选项

点「生成练习卷」,右边直接出卷:带编号、姓名栏、日期栏、得分 ___/10,题目是真题型的配平填空(__ Li + __ N2 → __ Li3N 这种),右上角有打印,页脚写着"由 Zperiod 生成"。同一页还有"练习"和"答案"两个页签,答案能单独看。

生成的配平练习卷

▲ 我现场生成的 10 题中等难度配平卷(实拍,编号 #DPJ3ER)

工具页(顶部「工具」)实测五项:方程式配平工具、摩尔质量、溶解度表、虚拟实验室、SPDF 轨道图谱。页面顶上一行小字标着适用范围:9-12 年级化学工具与实验室。

化学工具页

▲ 工具页五项(实拍)

03

三个值得抄回来自家的产品决定

① 全站没有登录,也没有付费墙。这条不是看宣传语——我把它的前端包扒了一遍,premium、paywall、sign in、login 四个字符串 0 命中。教育工具最常见的死法是让学生先注册,注册这一步就流失一半人。
② 每个页面都塞了分步引导。打开元素详情会自动跳"原子信息层级 1 of 4"的分步气泡,告诉你每种元素有四层信息、颜色代码代表信息深度。给每个元素页和每个工具写新手引导,这个成本多数团队不肯付。
③ 按版本强制刷新。站内更新日志里有一条 release-based force refresh:发版时强制拉新版本,不让用户卡在缓存里看旧界面。做过带前端缓存的人知道这有多烦人。

站内自述的运营数据是 40 万+ 活跃用户、100+ 国家、每月 200 万+ 页面访问。这几个数字是网站自己写的,我没法独立核验,你听的时候留个心眼。

站内 v3.0.0 更新弹窗

▲ 站内更新弹窗:v3.0.0,2026 年 7 月 21 日(实拍)

04

中文没做完,用之前心里要有数

实测三处漏翻:元素详情里"常见离子"写成"铁 ion",中英混排;分步引导的跳过按钮还是英文 Skip;生成的练习卷标题写"10 问题",中文习惯是"10 道题"。

不影响用,但要拿去当正式作业材料的话,先自己从头看一遍术语,别让孩子照着念出"铁 ion"。

05

开源又收回去,这段最值得看

Zperiod 的 GitHub 仓库 Zhilips/Zperiod 是 MIT 协议,276 星、72 分支,JavaScript 写的,最早提交 2025 年 12 月底。仓库顶部现在挂着一段提示:这里是开源的旧版本,线上产品和这份代码已经差得很远。

站内还有一封公开信。作者说最近发现有人原样搬走他的设计、内容和 UI 去商业变现,所以做了个决定:把 GitHub 仓库临时转为私有,旧仓库留着参考但不再更新,等产品彻底成熟再把开源组件放回来。他另外列了一张"已知未授权副本"清单,挂着两项——App Store 上照抄界面的 iOS 应用、一篇抄袭的 LinkedIn 展示帖。清单下面写着:zperiod.app 是唯一官方平台。

一个免费教育站,被搬去商店收费,作者能拿出的办法就是收回源码 + 公开挂人。

对做独立产品的人这是一堂实在课:你把代码开源那天,就得想清楚别人原样搬走卖钱时你打算怎么办。别等被抄了才临时决定收回,那时候社区信任已经掉了。

06

谁适合用,谁别指望它

适合:9–12 年级学化学的学生(工具页自己标的就是这个年级段);要快速出一张配平练习卷的老师家长;想给小孩一个不塞广告、不逼注册的学习站的人。

不适合:要对着国内考纲刷题的——反应类型和溶解度表走的是北美那套体系;只用手机的人——界面明确为桌面浏览器优化,3D 模型在小屏上看不出价值;指望它当化学百科的——元素资料偏"看得懂",不是"查得全"。

07

三步上手

1
打开网站选语言

浏览器进 zperiod.app,简体中文在选择器第二排。

2
点任意元素看 3D 原子

左右方向键换元素,底部页签在"结构 / 轨道 / 档案"之间切。

3
出一张练习卷

「学习实验场」→「练习卷工坊」→ 选题型和难度 → 生成练习卷 → 打印。

好的学习工具不该逼你留下邮箱,

它该在你点开的那一秒,就把东西摆到你眼前。

—— 一个免登录、免付费、却被抄到把源码收回去的网站给的答案

数据来源:功能与界面均为 2026-09-23 用无头浏览器实机操作 zperiod.app 中文版所得,正文配图全部为真实网页截图;"无登录无付费墙"依据其前端包内 premium / paywall / sign in / login 四项字符串检索 0 命中;GitHub 数据经 api.github.com 未认证接口核验(276 星 / 72 分支 / MIT / 首提交 2025-12-29);开源信与"已知未授权副本"清单取自站内原文;40 万+ 活跃用户、每月 200 万+ 页面访问为站内自述,未独立核验。iOS 应用与"仓库已转私有"两处说法存疑,本文未采信。作者:六六爸比。

写在最后 · 几句掏心窝的话

关于门槛:教育产品最容易死在"先注册再用"上。这个站把登录整条路砍掉,打开就是内容——这一刀,比多加十个功能值钱。

关于本地化:翻译没做完就上线,比不做中文更伤信任。孩子照着念出"铁 ion",家长下次就不敢把它当作业材料了。

关于开源:开源不是发个仓库就完事,它附带一个必须提前想好的问题——被人原样搬走卖钱时你怎么办。想清楚再放,比放了再收回代价小。

关于你自己:如果你手上正有学化学的孩子,今晚花两分钟点开看看,顺手生成一张练习卷打印出来。工具好不好,一张卷子就能验。

与君共勉 · AI 时代的独立思考 · 麦田意境图

与君共勉:
1. AI 是打破信息茧房的利器。是我们追求信息平等的手段。
2. 警惕上来就忽悠你学各种所谓高大上的工具 Agent, 让你买教程的。
3. AI 时代你只要懂逻辑, 懂中文, 独立思考能力! 一定会有所作为!
4. 与君共勉, 与君一道踏破这 AI 门槛, 让 AI 真正为你所用!

留言区聊聊:你还见过哪些把"学习工具"做成"注册门槛"的产品?(我先来:一个查元素周期表的网站,逼我先注册)

① 2026-09-05 · 清华把一间教室,开源给了所有 AI:OpenMAIC 拆解

② 2026-08-20 · 当 Model 决定上限、Harness 决定下限:DeepSeek 正在重写 AI Agent 的规则

③ 2026-08-12 · AI 时代的旅行:5 个 SKILL.md 跨 WorkBuddy/Coze/Dify 复用

④ 2026-08-05 · FFmpeg 9.0 代号 Lei 正式发布

⑤ 2026-08-01 · Reasonix 1.x 正式版:0.x → 1.x 一年磨一剑

⑥ 2026-07-31 · Hermes Skill 官方榜单 · 2026.07 完整数据复盘

⑦ 2026-07-30 · OpenRouter 7 月复盘:4 平行宇宙 + 4 中国黑马

⑧ 2026-07-23 · Hermes 4 月模型榜:9 大发布速览

⑨ 2026-07-20 · aie 1.7 万星:一行命令把 AI 工作流拉到自己电脑

⑩ 2026-07-17 · Opus 4.8 + Agnes Code:8 章完整复盘

如果这篇对你有帮助,,让更多家里有学生的朋友看到。

更多技术干货,关注公众号 丁卯生人(mp.weixin.qq.com/s/dingmaoshengren-home)每周更新。

— 六六爸比

← 全部文章 · 微信原文 ↗