瀑布流布局的两种实现方案：客户端 vs 服务端
在开发相册集页面时，我需要实现类似小红书的瀑布流布局——每张卡片高度不同，多列排列且各列高度尽可能接近。过程中踩了一些坑，最终总结出两种方案，分享给大家。 什么是瀑布流布局？ 瀑布流（Masonry Layout）是一种多列布局方式，每个元素按顺序放入最矮的列中，使各列高度尽可能均匀。与普通 Grid 不同，瀑布流中每个元素的高度可以不同，整体呈现参差错落的视觉效果。 核心难点：元素高度未知（尤其...
2026-02-13
7
图片上传 OSS 解决方案
从零到一：构建完整的图片上传到 OSS 解决方案 前言 在现代 Web 应用中，图片上传是一个常见但复杂的需求。本文将以一个实际项目为例，详细介绍如何构建一个完整的图片上传到对象存储（OSS）的解决方案，涵盖前端图片处理、后端文件验证、云存储集成等各个环节。 目录 - 架构概览 - 前端实现 - 图片格式转换与压缩 - 上传接口封装 - 实际应用示例 - 后端实现 - 文件上传处理器 - COS ...
2026-01-14
7
常用 mysql 指令
如果 mysql 是部署在 docker 中时，需要先进入容器中： 进入数据库后，就可以正常使用 sql 语句进行 CURD 操作了。 --- 查看数据库 查看所有表
2026-01-07
13