获得徽章 0
赞了这篇文章
7月31日打卡，今日学习了《HTTP----HTTP缓存机制》，了解了关于http缓存的知识，http缓存分为硬缓存和协商缓存，学习了协商缓存和硬缓存的规则，Last-Modified和Etag的特点和定义。
评论
点赞
#新人报道#
7月24日打卡
# 1、页面展示
## 整体布局
项目是全屏（需要适配的最小宽度）/定宽布局？
知识点：media query
developer.mozilla.org
全屏布局建议使用flex/grid
# 2、处理动态内容
1、文本超长
2、保护边界
3、错误/空白内容展示（0结果页面设计）
4、考虑屏幕dpr
5、图片丢失问题
# 3、交互设计优化
1、过渡与动画
2、滚动优化
3、点击优化（不限于鼠标cursor 还有点击区域）
4、pc右击时搜索优化
5、字体优化
1. 尽量使用系统默认字体
2. 兼顾中西，西文在前，中文在后
3. 兼顾多操作系统
4. 兼顾旧操作系统，以字体族系列serif和sans-serif结尾
6、可访问性-无障碍设计
1. 审查元素对比度（审查元素contrast）
2. 除此之外，在审查元素的 Style 界面的取色器，改变颜色，也能直观的看到当前的色彩对比度
3. 焦点响应（可以在审查元素的时候ACCESSIBILITY）
7月24日打卡
# 1、页面展示
## 整体布局
项目是全屏（需要适配的最小宽度）/定宽布局？
知识点：media query
developer.mozilla.org全屏布局建议使用flex/grid
# 2、处理动态内容
1、文本超长
2、保护边界
3、错误/空白内容展示（0结果页面设计）
4、考虑屏幕dpr
5、图片丢失问题
# 3、交互设计优化
1、过渡与动画
2、滚动优化
3、点击优化（不限于鼠标cursor 还有点击区域）
4、pc右击时搜索优化
5、字体优化
1. 尽量使用系统默认字体
2. 兼顾中西，西文在前，中文在后
3. 兼顾多操作系统
4. 兼顾旧操作系统，以字体族系列serif和sans-serif结尾
6、可访问性-无障碍设计
1. 审查元素对比度（审查元素contrast）
2. 除此之外，在审查元素的 Style 界面的取色器，改变颜色，也能直观的看到当前的色彩对比度
3. 焦点响应（可以在审查元素的时候ACCESSIBILITY）
展开
评论
点赞