记得点击文章末尾的“ 阅读原文 ”查看哟~
下面先一起看下本期周刊 摘要 吧~
奇舞精选
■ ■ ■
B 站的首页头图的交互效果非常有趣，本文将使用原生 JS 操作多张具有不同视角的图片，通过透视、位移等处理方式来还原整个视差效果，看完你将学会如何利用鼠标事件计算以及执行动画；了解什么是矩阵变换以及如何使用它实现平移旋转缩放等操作；使用线性差值函数实现缓动回弹动画等。 茶无味推荐
绍了 Fetch Priority API 以及如何通过使用 fetchpriority 属性和优化 LCP(Largest Contentful Paint) 来指示资源的优先级。Fetch Priority API 允许开发者向浏览器指示资源的相对优先级。同时介绍了不同浏览器对资源的优先级分配策略，以及如何使用 preconnect 和 preload 指令来优化资源加载。
为了解决代码共享、重复和一致性等问题，越来越多的团队转向了 Monorepo。本文就来了解一下什么是 Monorepo，它们可以带来哪些好处，以及常用的 Monorepo 开发工具。帮助我们更好地理解和应用这一代码管理策略。
技术实践
■ ■ ■
视频中介绍了防挡弹幕的原理，如何在纯 Web 端生成一个 mask 并优化性能，并总结了优化效果。
当我们疲于开发一个接一个的需求时，很容易忘记去关注网站的性能，到了某一个节点，猛地发现，随着越来越多代码的堆积，网站变得越来越慢。本文就是从这样的一个背景出发，着手优化网站的前端性能，并总结出一套开发习惯，让我们在日常开发时，也保持高性能，而不是又一次回过头来优化性能。
扩展边界
■ ■ ■
COOP 是一个浏览器安全策略，它可以帮助我们的网站创建一个安全的隔离环境，从而避免一些 Web 安全风险。Chrome 116 版本为 COOP 增加了一个新的属性 restrict-properties。
实在丝滑！原生视图转换动画 View Transitions API 了解一下~
Android 里一般称之为共享元素 (shareElement) 动画，也就是动画前后有一个 (或多个) 相同的元素，起到前后过渡的效果，可以很清楚的看到元素的变化过程，而并不是简单的消失和出现。现在，web 中 (Chrome 111+) 也迎来了这样一个特性，叫做视图转换动画 View Transitions[1]，又称“转场动画”，也能很轻松的实现这类效果，一起了解一下吧
这篇深入浅出帖助你早日实现 Stable diffusion 自由
过去半年里，AI 绘画曾经多次引爆公众讨论，网络上那些精致的二次元同人插画、堪比真人的 AI 穿搭博主、打破次元壁的赛博 Coser……背后都有一个“幕后黑手” ——Stable Diffusion，其背后的技术便是人们常说的扩散模型
关于奇舞团
奇舞团是 360 集团最大的大前端团队，代表集团参与 W3C 和 ECMA 会员（TC39）工作。奇舞团非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。奇舞团以开放和求贤的心态欢迎各种优秀人才关注和加入奇舞团。
