Hello，又到了每日掘金时间。酱酱们的每日掘金新增优质作者介绍和码上掘金板块，专注于发掘站内优质创作者和优质内容，欢迎大家多提宝贵意见！
本文字数3100+，阅读时间大约需要 15分钟。
- 【本期每日掘金】亮点：
- StreamSaver.js入门教程：优雅解决前端下载文件的难题
- 如何构建一个 NodeJS 影院微服务并使用 Docker 部署
- html2canvas浏览器截图原理及源码解析
- 从IntersectionObserver到el-image源码，剖析图片懒加载那些事
- 禁止别人调试自己的前端页面代码
- ……
筛选规则：文章发布时间在本期「酱酱们的每日掘金」发布时间的 1-3 天内，且符合社区推荐标准，也会同步发布在掘金相关技术社群。
今日主理人｜每日掘金
本期每日掘金由 帅气的法医 负责制作，法医是一个长期活跃于沸点的最佳摸鱼手，热爱Coding，喜欢分享，五湖四海皆兄弟，欢迎大家一起在沸点摸鱼，在掘金创作。
每日干货｜每日掘金
主理人们会对近期（1-3 天）社区深度技术好文进行挖掘和筛选，优质的技术文章有机会出现在下方列表，排名不分先后。
『前端』
本文介绍一个能让前端优雅下载大文件的工具：StreamSaver.js
如何构建一个 NodeJS 影院微服务并使用 Docker 部署。在这个系列中，将构建一个 NodeJS 微服务，并使用 Docker Swarm 集群进行部署。
最近遇到了这样一个需求：用户希望将统计数据分享到其他的渠道，如邮件、PPT等，但每次都需要自己截图，这样的操作不仅麻烦，截出来的图大小还各不相同。有没有办法在页面提供一个下载报表页面的功能，用户只需要点击按钮，就自动将当前的报表页面以图片形式下载下来呢？
最近在处理收单系统的过程中，发现虽然有使用阿里云去压缩订单列表的图片，但由于列表图片数目过多，导致网页渲染较慢。为此，我研究了利用
IntersectionObserver和element源码实现图片懒加载的思路。本文只提供一个解决懒加载问题的小demo，如果掘友们有更好的处理方式，欢迎在评论区指点江山
最近遇到了这样一个需求：用户希望将统计数据分享到其他的渠道，如邮件、PPT等，但每次都需要自己截图，这样的操作不仅麻烦，截出来的图大小还各不相同。有没有办法在页面提供一个下载报表页面的功能，用户只需要点击按钮，就自动将当前的报表页面以图片形式下载下来呢？
『后端』
竞速榜是大促期间各采销群提供的基于京东实时销售数据的排行榜，同样应对大促流量洪峰场景，通过榜单撬动品牌在京东增加资源投入。竞速榜基于用户配置规则进行实时数据计算，榜单排名在大促期间实时变化，相关排名数据在微博、朋友圈广泛传播，相关计算以及排名的准确性至关重要。
最近有个新系统开发完成后要上线，由于系统调用量很大，所以先对核心接口进行了一次压力测试，由于核心接口中基本上只有纯内存运算，所以预估核心接口的压测QPS能够达到上千。
最近在项目上遇到了批量插入的场景问题，由于每次需要插入超过 10w+ 的数据量并且字段也蛮多的导致如果使用循环单次插入的方式插入数据插入的效率不高。相信读者们在实际开发中也遇到过这样类似的场景，那么批量插入如何实现呢？
在公司中单一项目做久了，容易聚焦于眼前和手上的的东西，而淡忘工作多年中所积累知识体系，以至于某个时候去挑战设计一套“秒杀场景”的系统时到了“无所是从”。此后心有不甘，辗转难眠，曾经也是经历过 “手Q春晚红包活动（半小时9000W请求活动） ”、“联盟广告系统（每秒请求35w+） ”、“政府消费券项目（峰值每秒请求2w+） ”。一怒之下，挑战自我从“0”到“1”现场设计一套百万/千万级别的交易系统
客户端崩溃治理长效机制是一套系统化的方案，属于基础架构可观测性指标的一部分，用于对客户异常崩溃、卡顿、错误等快速发现、第一时间预警提醒、快速协助定位分析，从而帮助开发人员快速及时发现和解决客户端相关问题，从而提高用户体验，保障业务服务高可用，减少因使用过程中出现异常而导致的用户流失，提升品牌技术价值。
『移动端』
组件化的有点方便拆分。假如A,B,C模块相互用到各自的App，那么一旦抽离B，那么A和C就有非常多要修改的地方，如果是100个相互依赖的模块呢？这明显就不太合理。这就是传说中的
拔出萝卜带出泥
目前各大厂的热修复框架五花八门，主要有AndFix、Tinker、Robust等等。 热修复框架按照原理大致可以分为三类
Android应用启动优化相关的文章已经有很多人都写过了，但是主要都是聚焦在，为了启动性能都做了哪些改动上，少见有文章会说应该如何分析、识别应用的启动性能。
本篇文章重点介绍HEIC图片和无用类检测的优化实践。HEIC是High Efficiency Image Format（高效图像格式）的缩写，是一种新的图像文件格式，它是2017年苹果公司在iOS 11中引入，用于代替JPEG图像格式，以更高效地压缩图像并减少存储空间占用。
今天说说在开发中很常用的两个特性，它们也同样是两个属性包装器。 @FocusState 用于管理视图元素的输入焦点状态。 @AppStorage 用于将属性存储在 UserDefaults 中本文基于Android Stuido编写，使用VSCode的同学在命令面板上可以找到大部分对应的操作
? 投稿专区｜每日掘金
? 大家可以在评论区推荐认为不错的文章，并附上链接和推荐理由，有机会登上下一期。文章创建日期必须在近 1-3 天内；可以推荐自己的文章、也可以推荐他人的文章。
