架构&框架

33 阅读2分钟

架构&框架

  • 图片缓存
  • 阅读时长统计
  • 复杂页面架构
  • 客户端整体架构

架构/框架的作用

  • 模块化
  • 分层
  • 解耦
  • 降低代码重合度

图片缓存

怎样设计一个图片缓存框架?

image.png

图片通过什么方式进行读写,过程是怎样的?
  • 以图片URL的单向Hash值作为key

image.png

内存设计
内存的设计上需要考虑哪些问题?
  • 存储的Size
  • 淘汰策略
存储的Size

image.png

淘汰策略
  • 以队列先进先出的方式淘汰

image.png

  • LRU算法(如30分钟之内是否使用过)

image.png

磁盘设计
磁盘设计需要考虑哪些问题?
  • 存储方式
  • 大小限制(如100MB)
  • 淘汰策略(如某一图片存储时间距今已超过7天)
网络设计
网络部分的设计需要考虑哪些问题?
  • 图片请求最大并发量
  • 请求超时策略
  • 请求优先级
图片解码
对于不同格式的图片,解码采用什么方式来做?
  • 应用策略模式对不同图片格式进行解码
  • 在哪个阶段做图片解码处理?

image.png

线程处理

image.png

阅读时长统计

怎样设计一个时长统计框架?

image.png

记录器
为何要有不同类型的记录器,你的考虑是什么?
  • 基于不同分类场景提供的关于记录的封装、适配
记录的缓存&存储
记录的数据会由于某种原因丢失,你是怎样处理的?
  • 定时写磁盘
  • 限定内存缓存条数(如10条),超过该条数,即写磁盘
记录上传器
关于延时上传的具体场景有那些?
  • 前后台切换
  • 从无网到有网的变化
  • 通用轻量接口捎带
上传时机是怎样把控的?
  • 立刻上传
  • 延时上传
  • 定时上传

复杂页面架构总结

  • MVVM框架思想
  • ReactNative的数据流思想
  • 系统UIView更新机制的思想
  • FaceBook的开源框架AsyncDisplayKit关于预排版的设计思想
MVVM

image.png

ReactNative的数据流思想

image.png

客户端整体架构

image.png

业务之间的解耦通信方式
  • OpenURL
  • 依赖注入
依赖注入

image.png

架构/框架面试总结
  • 图片缓存

  • 阅读时长统计

  • 复杂页面架构

  • 客户端整体架构