从零开始-文件资源管理器

使用 Next.js 的 Image 组件显示图片。自带图片压缩生成快速预览的 webp 格式图片 使用 antd 的 PreviewGroup 组件实现原图浏览，自带缩小、放大、上一张、下一张等功能

Next.js 使用读取流的形式返回文件。 处理视频文件流时需要注意 http state 需要设置为 206，否则播放、快进视频会失败

将 context 分离，并实现 context 的读写分离。 将 context 的改变时触发的重新渲染收敛至消费组件。

card 视图 column 可变 将浏览器当前的 width 与 height 写入 cookie 文件大小、时间格式化

优化页面呈现样式 页眉为面包屑导航，页脚显示当前项目数与改变可视状态。 内容区域自动撑满页眉与页脚剩余空间，并实现内部滚动。

新增面包屑导航，实现快速路径快速跳转 鼠标 hover 后显示当前 hover 路径下的文件信息，方便子目录跳转

使用 readdir 读取目标目录内容。并注册至 PathContext 中。 实现卡片视图、表格视图。并可在两个视图之间切换

创建 Ant Design 注册组件，并插入 root layout 内。 默认配置“暗黑主题”、 small 样式。 基础 Loading 组件

基础框架搭建 创建顶层文件夹、Next.js 文件夹、Node.js 文件夹。安装 Node.js、使用 nvm 管理 Node.js、初始化 Next.js

尝试了一些常用的文件资源浏览器，总有一些不痛快。撸起袖子开发一个运行在 NAS 的“远程文件资源管理器”