奇舞周刊第 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) 交互的方式,实现大文件分块上传的简单功能。

奇舞周刊第 442 期:Amazing!巧用 CSS 视差实现酷炫交互动效_第1张图片

拓展边界

■ ■ ■

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

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

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

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

关于奇舞团

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

奇舞周刊第 442 期:Amazing!巧用 CSS 视差实现酷炫交互动效_第2张图片 

你可能感兴趣的:(java,编程语言,javascript,css,vue)