二维码扫描优化、SpriteJS：图形库造轮子的那些事儿 | 酱酱的下午茶第106期

今日主理人｜下午茶

本文字数1500+，阅读时间大约需要 6 分钟。

每日干货｜下午茶

主理人们会对近期（1-3天）社区深度技术好文进行挖掘和筛选，优质的技术文章有机会出现在下方列表，排名不分先后。

文章分类	作者	文章	简介
前端	徐小夕	前端图形学实战: 100行代码实现几何画板的撤销重做等功能(vue3 + vite版)	100行代码实现几何画板的撤销重做等功能
前端	十年踪迹	SpriteJS：图形库造轮子的那些事儿	从2017年到2020年，我花了大约4年的时间，从零到一，实现了一个可切换WebGL和Canvas2D渲染的，跨平台支持浏览器、SSR、小程序，基于DOM结构和支持响应式的，高性能支持批量渲染、针对可视化场景优化、支持WebWorker的图形系统——SpriteJS。在这个“造轮子”过程中，我一步步将一个很简陋的渲染库，变成一个能够支撑可视化应用和游戏开发的，还算不错的一个图形库，其中有许多积累，也有许多思考。因为毕竟是两年多前的研究，有些细节可能记得不是特别清晰，其中有些特性也许已经有点过时，但我想，还是有不少内容能给大家带来参考和启发。
前端	前端开发爱好者	三维地球可视化从入门到进阶 - Viewer、Scene、Camera、加载第三方影像、地形服务	这篇文章主要对 Cesium 中基础核心类 Viewer、Scene 属性的一些使用讲解以及如何架加载第三方影像、地形服务。
前端	南山种子外卖跑手	自问三连，如何建设团队里的前端工程技术？	如何建设团队里的前端工程技术
后端	文攀	从内核角度看网络包发送流程	从内核角度看网络包发送流程
后端	自在的LEE	Go prometheus metrics 条目自动回收与清理	现网上运行着一个自己开发的 metrics exporter，它是专门来捕获后端资源的运行状态，并生成对应的 prometheus metrics 供监控报警系统使用。当然这个 exporter 只是负责远程监控资源，并不能实际控制后端的资源，也不能实时动态获得被监控的资源的变动事件。当我们的运维小伙伴手动错误删除后端被监控的资源，导致业务流量异常。此时也没有报警出来，而这个报警却是依赖这个 metrics exporter 所采集的数据，导致了一次小型事件。因为这个事件，才有今天写文章的动力，同时也分享下解决这个问题的方法。
后端	丘山子	三个经典的MySQL问题	一、在MySQL中INNER JOIN、LEFT JOIN、RIGHT JOIN 和 FULL JOIN 有什么区别？二、你会推荐使用 datetime 还是 timestamp 字段？为什么？三、MyISAM 与 InnoDB，什么场景选择哪一个？
后端	政采云技术团队	用户路径分析	"对于理解用户的流量行为特点，路径分析是最直观、高效的分析方式之一" 今天和大家聊聊流量分析中常用的用户（页面）路径分析，以及如何在政采云浑仪系统中产品化。
移动端	Pika	避免踩坑，内存不足时系统回收Activity的流程解析	android开发中，activity我们会经常遇到，作为view的容器，activity天然就具备了生命周期的特点，当然这篇不是讲生命周期，而是关于系统不足时回收的动作，有可能导致app运行时会出现一些不可预料的“逻辑”异常行为。
移动端	字节跳动技术团队	二维码扫描优化	原本Lark直接集成了zxing实现扫一扫功能。由于Lark的特殊业务需求，因此并不需要支持到这么多格式，只需要支持QR Code，因此我们对zxing内部进行定制，使得zxing只支持QR Code。这样既可以减少zxing库的大小，也可以加快zxing处理一帧数据的速度。优化主要包含两方面：（1）扫描性能（2）交互体验。

作者	代码介绍
alphardex	WebGL液晶球个人介绍页

📖 投稿专区｜下午茶

大家可以在评论区推荐认为不错的文章，并附上链接和推荐理由，有机会登上下一期。文章创建日期必须在近1-3天内；可以推荐自己的文章、也可以推荐他人的文章。