FKB Pro v2 - 有什么新功能?
公告发得有点晚——v2 版本大约在两周前就已发布——不过没关系,迟到的总比没有的好。![]()
FKB Pro v2 在底层进行了相当大幅度的更新。虽然整体外观和感觉依然熟悉,但主题中的许多部分都经过了重新设计、优化和清理。
改进的桌面布局
桌面端的主题列表现在采用了一种更灵活的布局,能更好地配合 Discourse 侧边栏和 FKB Pro 自己的面板使用。
该布局会根据可用空间的变化自动调整,并为较小屏幕和移动设备设置了专门的断点。
更好的响应式行为
我们在处理窄布局和溢出内容方面投入了大量工作。
现在可以更可靠地处理较长的主题标题、用户名、标签和其他内容,而不会让它们将布局推至超出可用宽度。
移动设备布局也经过调整,以基于实际容器宽度工作,而不是依赖视口(viewport)尺寸。
主题列表性能
主题列表也进行了一些性能优化。
在适当的情况下,浏览器现在可以跳过屏幕外的主题卡片,同时主题图片及其容器使用了更好的包含(containment)规则。
这在较长的主题列表中尤其有用。
改进的 FKB 面板缓存
FKB 面板现在使用特定于用户的、带版本号的缓存键。
不再共享通用的缓存条目,用户数据是相对于当前的 Discourse 用户存储的,这防止了在同一个浏览器中切换用户时缓存信息在账户之间泄露。
缓存现在也能更可靠地处理过期和无效条目。
更快的面板加载
用户摘要和卡片数据现在并行请求,而不是等待一个请求完成后再开始下一个。
此外,还增加了额外的保护机制,防止在活跃用户更改后,过时的请求覆盖数据。
新的面板状态管理
FKB 面板的显示/隐藏状态已移至一个专门的状态服务中。
这使得行为更可预测,更易于维护,同时也改进了面板切换本身,包括:
-
正确的
aria-expanded状态 -
描述性标签
-
动态图标
-
持久的显示/隐藏状态
无障碍性改进
多个交互元素获得了更好的无障碍性支持,特别是围绕 FKB 面板控件的部分。
面板切换现在能正确地向辅助技术暴露其状态,并提供更有用的标签和标题。
移动端改进
各种移动端布局得到了清理和增强,更加健壮,包括主题列表、分类、私信、用户页面、群组和主题。
目标是让 FKB Pro 在 Discourse 的响应式布局中表现得更自然,而不是与之对抗。
更模块化的代码
更新的很大一部分内容也是为了使代码库更易于维护。
FKB 面板已拆分为更小的组件,用于处理用户信息、统计、徽章和访客等内容。
主题列表卡片也被重新组织为独立的头部、主体、元数据和列表部分组件。
这并不一定会改变用户看到的内容,但使未来的开发变得更加容易。
简而言之
FKB Pro v2 不仅仅是一个视觉更新。它是对主题多个部分的相当重大的重写,重点在于更好的响应式行为、性能、缓存、无障碍性和可维护性。
感谢所有使用 FKB Pro 并报告问题或提出改进建议的人。![]()