来自：https://mp.weixin.qq.com/s/DVcoTFO4wvMp5eD-eAjBpw
页面展示：
整体布局；底部footer；处理动态内容 — 文本超长，处理动态内容 — 保护边界
图片相关：
给图片同时设置宽高；考虑屏幕 dpr — 响应式图片；图片丢失
交互式设计优化：
过渡与动画；滚动优化；使用scroll-snap-type优化滚动效果，控制滚动层级避免页面大量重排；
优化手势–不同场景应用不同cursor；点击区域优化–伪元素扩大点击区域；快速选择优化–user-select:all；
选中样式优化– ::selection；点击禁止选择 — user-select: none；跳转优化；
字体优化：
尽量使用默认字体；