第17期 - 火锅店担担面

封面图摄于川炉火锅店的担担面,让人有一种小吃比火锅好吃的“错觉”,可去试试~

记录每周看到的前端潮流技术,筛选后用接地气方式发布于此,关注此专栏可以及时收到更新~

好文和学习

看前端如何通过 WebAssembly 实现播放器预览能力
https://zhuanlan.zhihu.com/p/341001951
网页视频进度条帧预览功能一般是通过后台生成专门用来帧预览的组合 sprite 图,然后前端拉取后再计算进度进行展示,那么怎么更聪明借助 webassembly + ffmpeg 方案来做呢?

万字详文阐释程序员修炼之道
https://mp.weixin.qq.com/s/XIwfj_AdZqX_vHM4VIq9EA
很有有一种读书记笔记的感觉,值得一看。

隐藏在浏览器背后的“黑手”
https://tech.meituan.com/2020/12/24/lnkr-chrome.html
浏览器插件在一定程度上可以帮忙解决不少辅助性的内容,不过很不建议去第三方下载。

增量 DOM 与虚拟 DOM 的对比使用
https://mp.weixin.qq.com/s/F0VpHnUhObWzrwul9dW4rg
有趣的对比,可能大部分同学知晓虚拟 DOM 优缺点,但是增量 DOM 对比虚拟 DOM 可看这篇。

HTTP/3 原理实战
https://mp.weixin.qq.com/s/MHYMOYHqhrAbQ0xtTkV2ig
原来 HTTP/2 标准是 2015 年的东西了,不知不觉已经到第三代了。

工具和开源

kbd-audio - 通过你的键盘声猜测输入内容
https://github.com/ggerganov/kbd-audio
看 Readme 介绍感觉很牛逼,有兴趣可去研究一下他的原理。

GTalk - 基于 Github Issue 的博客评论插件
https://github.com/gitalk/gitalk/
有用过,挺不错的,刚好借助 Github 的开放能力将博客评论管理这个事情很好的给处理了。

FlaxEngine - 多平台 3D 游戏引擎
https://github.com/FlaxEngine/FlaxEngine
用 C++ 和 C# 写的游戏引擎,看着很年轻。

Node Modules Context Menu - 让你的 VSCode node_modules 目录很清晰
https://marketplace.visualstudio.com/items?itemName=darthyody.node-modules-context-menu
用了很久的一个方便的 VSCode 插件,可以将目录栏 node_modules 里面杂乱无章的文件夹整合并清晰的展示出来。

跨端和 iOS

iOS 稳定性:App 被终止的原因
https://mp.weixin.qq.com/s/l8KjyTxCJis-tFUitAj-0g
介绍了 iOS 后台应用终止的常见原因,并提供了一些优化建议。

抖音包大小优化-资源优化
https://juejin.cn/post/6844904106696376334
带着前端优化视角去看看客户端怎么做性能包体积优化~

灵感和设计

计算机教育中缺失的一课
https://missing-semester-cn.github.io/
大学里的计算机课程通常专注于讲授从操作系统到机器学习这些学院派的课程或主题,而对于如何精通工具这一主题则往往会留给学生自行探索。

为什么微信推荐这么快?
https://mp.weixin.qq.com/s/rXXm6c8LrTqqP4iWf9mtxA
偏算法类的一篇深入的解释文章,技术点有些生涩,不过作者讲得很深入浅出。