FKB Pro - 社交主题

FKB Pro v2 - 有什么新功能?

公告发得有点晚——v2 版本大约在两周前就已发布——不过没关系,迟到的总比没有的好。:slightly_smiling_face:

FKB Pro v2 在底层进行了相当大幅度的更新。虽然整体外观和感觉依然熟悉,但主题中的许多部分都经过了重新设计、优化和清理。

:desktop_computer: 改进的桌面布局

桌面端的主题列表现在采用了一种更灵活的布局,能更好地配合 Discourse 侧边栏和 FKB Pro 自己的面板使用。

该布局会根据可用空间的变化自动调整,并为较小屏幕和移动设备设置了专门的断点。

:triangular_ruler: 更好的响应式行为

我们在处理窄布局和溢出内容方面投入了大量工作。

现在可以更可靠地处理较长的主题标题、用户名、标签和其他内容,而不会让它们将布局推至超出可用宽度。

移动设备布局也经过调整,以基于实际容器宽度工作,而不是依赖视口(viewport)尺寸。

:high_voltage: 主题列表性能

主题列表也进行了一些性能优化。

在适当的情况下,浏览器现在可以跳过屏幕外的主题卡片,同时主题图片及其容器使用了更好的包含(containment)规则。

这在较长的主题列表中尤其有用。

:locked_with_key: 改进的 FKB 面板缓存

FKB 面板现在使用特定于用户的、带版本号的缓存键。

不再共享通用的缓存条目,用户数据是相对于当前的 Discourse 用户存储的,这防止了在同一个浏览器中切换用户时缓存信息在账户之间泄露。

缓存现在也能更可靠地处理过期和无效条目。

:high_voltage: 更快的面板加载

用户摘要和卡片数据现在并行请求,而不是等待一个请求完成后再开始下一个。

此外,还增加了额外的保护机制,防止在活跃用户更改后,过时的请求覆盖数据。

:control_knobs: 新的面板状态管理

FKB 面板的显示/隐藏状态已移至一个专门的状态服务中。

这使得行为更可预测,更易于维护,同时也改进了面板切换本身,包括:

  • 正确的 aria-expanded 状态

  • 描述性标签

  • 动态图标

  • 持久的显示/隐藏状态

:wheelchair_symbol: 无障碍性改进

多个交互元素获得了更好的无障碍性支持,特别是围绕 FKB 面板控件的部分。

面板切换现在能正确地向辅助技术暴露其状态,并提供更有用的标签和标题。

:mobile_phone: 移动端改进

各种移动端布局得到了清理和增强,更加健壮,包括主题列表、分类、私信、用户页面、群组和主题。

目标是让 FKB Pro 在 Discourse 的响应式布局中表现得更自然,而不是与之对抗。

:puzzle_piece: 更模块化的代码

更新的很大一部分内容也是为了使代码库更易于维护。

FKB 面板已拆分为更小的组件,用于处理用户信息、统计、徽章和访客等内容。

主题列表卡片也被重新组织为独立的头部、主体、元数据和列表部分组件。

这并不一定会改变用户看到的内容,但使未来的开发变得更加容易。

简而言之

FKB Pro v2 不仅仅是一个视觉更新。它是对主题多个部分的相当重大的重写,重点在于更好的响应式行为、性能、缓存、无障碍性和可维护性

感谢所有使用 FKB Pro 并报告问题或提出改进建议的人。:heart:

> ./support --coffee :heart:

2 个赞