我曾经一度很迷茫，在学了 Vue、React 的实战开发和应用以后，好像遇到了一些瓶颈，不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题，

react实现pdf文档可翻页查看，可放大缩小及全屏等功能，选的是react-pdf插件，react-file-viewer插件也试了下，可以查看pdf，不过是一次性加载全部，最终选了前者插件引用An

react-dark-photo一款基于react17.x开发的图片预览组件，支持放大、缩小、下载、打印等功能。

H5图片查看器 场景 最近需求涉及图片查看的操作，UI设计了一张图片查看的图，要求点击查看图片并支持左右滑动，由于antd-mobile v2版本没有类似组件，所以通过套娃的方式套了一个。

事实证明，一旦涉及到 DOM 的变换操作，如果很多细节考虑不全，抓过来就写，那基本就凉了。于是我仔细分析了下需求，发现和蓝湖的渲染图查看功能很类似，那这回就整理一下思路，从头开始，写一个模仿蓝湖的图片查看器。 两个功能都不难理解，但是组合实现一定难度，功能之间会有各种联系及需要…