分享一下读书软件的深度优化技巧。
懒猫读书的后端是传输片段到前端去做实时渲染的。这样的好处就是不光传图片,前端可以直接用后端传输的原始数据进行文字标注和文字选中。
但是遇到很多超大的 PDF,传输 PDF 的原始数据就不现实了,因为会超级卡,甚至很多超大的 PDF 会把平板和手机的内存撑爆。
所以这种超大的 PDF 只能传缩略图,但是传缩略图又会导致放大的时候会有一定的模糊。
所以现在懒猫读书的方案是:
- 可编辑的文档传原始数据。
- 不可编辑的文档,像 PDF 扫描版传缩略图。
- 遇到缩放的时候再临时传输 tile 做高清晰渲染层。
这样就可以兼顾流畅性、前端内存的控制,同时针对极限缩放提供无极的清晰度。
今天终于把这个花雕完了,大家可以看一下我们实时放大的效果,还是很不错的。