奇舞周刊第 442 期：Amazing！巧用 CSS 视差实现酷炫交互动效

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

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

奇舞推荐

■ ■ ■

 Amazing！巧用 CSS 视差实现酷炫交互动效

我还记得第一次看到视差动画时感受到的那种惊艳的感觉，心想这逻辑实现起来肯定特复杂，不过静下心来细细研究还是能发现其中的奥秘，今天这篇文章介绍了用 transform：translate3d 实现视差动画的方法，一起来看看吧。

 你不知道的 setup

在 Vue3 中，新出现的 setup 启动函数，是整个组件逻辑组织的入口，我们可以在它内部写 composition-api，以更加直观的形式声明变量。让我们进一步思考，setup 启动函数是如何执行的，它所返回的数据又是如何与模板建立联系的？

 深入 canvas/svg 的文本整形渲染

声明式的标签结构，和面向切面的 css 排版样式使得 web 前端开发极为便利。然而在 canvas 中，一切都要从头开始，排版换行也会成为一个大问题。

技术实践

■ ■ ■

 打造轻量级 WebIDE，看这一篇文章就够啦

得益于 monaco-editor 的强大，使用 monaco-editor 去搭建一个简单的 WebIDE 非常容易，但是要把多文件支持、ESLint、Prettier、代码补全等功能加进去，并不是一件容易的事情。本文意在分享在建设 WebIDE 中学到的一些经验及解决方案，希望能够帮助到有同样需求的同学。

 得物 App H5 秒开优化实战

得物的小伙伴们分享了他们 APP H5 页面性能优化的切入点和实践经验。 ethan_xu推荐

怎么实现大文件快速上传？

大文件快速上传的方案，相信你也有过了解，其实无非就是将文件变小，也就是通过压缩文件资源或者文件资源分块后再上传。本文只介绍资源分块上传的方式，并且会通过前端 (vue3 + vite) 和服务端 (nodejs + koa2) 交互的方式，实现大文件分块上传的简单功能。

拓展边界

■ ■ ■

 比 eval 和 iframe 更强的新一代 JavaScript 沙箱！

ShadowRealm API 是一个新的 JavaScript 提案，它允许一个 JS 运行时创建多个高度隔离的 JS 运行环境 (realm)，每个 realm 具有独立的全局对象和内建对象。

 Go 中的泛型：激动人心的突破

去年底，Go 团队宣布 1.18 版开始支持泛型，这可不是以前那种小打小闹的改进，也不是什么对开发人员行为絮絮叨叨的建议和约束。打起精神来吧，革命来临了。

关于奇舞团

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