返回作品集丁兆涵 / 不鹤Web/PWA

Web/PWA / 2026-11-02 - Present

X 瀑布流浏览扩展

独立设计并开发 X 时间线多栏瀑布流与图片、视频浏览模式;保留原生帖子交互,并用有界窗口控制长列表中的常驻卡片。

浏览器扩展信息架构长列表性能交互设计
01

问题:长时间浏览时,帖子与媒体节点持续驻留。

02

方案:保留原生帖子,通过可见窗口管理长列表。

03

交付:瀑布流、图片流、视频流及列数设置。

04

验证:模拟时间线通过回归,真实长期会话仍待观察。

01

背景

独立设计并开发 X 时间线多栏瀑布流与图片、视频浏览模式;保留原生帖子交互,并用有界窗口控制长列表中的常驻卡片。

02

目标

把单列时间线改成更适合浏览图片与视频的多栏界面,同时控制长列表的页面负担。

03

方案

围绕 X 的原生 React 卡片构建有界显示窗口,结合高度测量、离屏资源回收和可见状态调度,保留原生点赞与视频控件。

04

交付

提供浏览器扩展与油猴脚本构建,包含瀑布流、图片流、视频流、列数滑块及回退版本。

05

结果

项目记录了模拟时间线下的滚动、模式切换、原生交互和媒体播放回归;真实 X 长时间使用的内存收益尚未验证。

06

复盘

针对经常变化的第三方页面,保留原生交互并提供回退路径,比重做整套帖子组件更稳妥。