奇舞周刊第 422期：浅析 Web 录屏技术方案与实现

记得点击文章末尾的“ 阅读原文 ”查看哟~

下面先一起看下本期周刊 摘要 吧~

奇舞推荐

■ ■ ■

 浅析 Web 录屏技术方案与实现

随着互联网技术飞速发展，网页录屏技术已趋于成熟。例如可将录屏技术运用到在线考试中，实现远程监考、屏幕共享以及录屏等；而在我们开发人员研发过程中，对于部分偶发事件，异常监控系统仅仅只能告知程序出错，而不能清晰的告知错误的复现路径，而录屏技术或许能帮我们定位并复现问题。本文从有感录屏和无感录屏两方面给读者分享一下录屏这项技术，可以帮助你对网页录屏有一个初步认识。

 助力双 11 个性化会场高效交付：Deco 智能代码技术揭秘

Deco 智能代码项目是团队在“前端智能化”方向上的探索，尝试从设计稿生成代码 (Design To Code) 这个切入点入手，对现有的设计到研发这一环节进行能力补全，进而提升产研效率。

两条命令让你的 git 轻松自动变基，学到了！

merge 也就是合并，这个概念很容易理解，我们从分支上拉取代码进行修改，再提交的时候，如果遇到了别人的修改，则把我们的修改和他们的修改合并一下。那么 rebase 中文译为变基是什么意思呢？首先要理解这个 base，base 也就是基础的意思，当我们从代码分支上获取代码的时候，我们就有了一个基础，也就是 base，此后的修改我们都是在这个基础之上进行的，但是当我们需要提交修改的时候，遇到了别人的代码，变基这个操作就是在这个时候，我们不去合并别人的代码，而是直接把我们原先的基础变掉，变成以别人修改过后的新代码为基础，把我们的修改在这个新的基础之上重新进行。基础变掉了，所以叫作变基。

技术实践

■ ■ ■

 记一次 Bundleless 迁移经历，重新认识 Vite 预构建

Vite 踩坑

JS 异步处理演进，Callback => Promise => Observer

异步调用就像是接水管，相互缠绕的管道越多，就越容易漏水。如何将水管巧妙连通，使整个系统有足够的弹性，需要去认真思考

3D 穿梭效果？使用 CSS 轻松搞定

动感的穿梭效果只能用视频实现吗？不，只用 CSS 也可以哦！

拓展边界

■ ■ ■

 TypeScript 4.5—浅谈模块能力增强

依据目前的 Node.js 官网对于各个版本维护情况，可以发现目前最老的 Node.js LTS 版本是 v12.x，这意味着在当前的官方仍在长期支持的版本中，ES Module 这个能力已经稳定下来 (Stability：2 - Stable)。因此，在即将进入 release 的 TypeScript 4.5 版本中，给 compilerOptions 的模块能力增加了两个新的属性：nodenext 和 node12

 编程语言的本质是什么

作为程序员，我们会接触到各种各样的语言：我们会用 Javascript、Typescript 来写前端应用，用 Java、Go 等来写后端应用，也会用 Python 来写一些工具脚本。每种语言都有自己的语法和擅长的领域，那不同的编程语言的区别是什么呢？编程语言的本质是什么呢？

关于奇舞团

奇舞团是 360 集团最大的大前端团队，代表集团参与 W3C 和 ECMA 会员（TC39）工作。奇舞团非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。奇舞团以开放和求贤的心态欢迎各种优秀人才关注和加入奇舞团。