奇舞周刊第514期：悄无声息间，你的 DOM 被劫持了？-CSDN博客

本周报涵盖DOM安全、CSS-in-JS库StyleX介绍、Chrome插件开发指南、开源滑动验证码组件、自建ChatGPT网站教程，以及前端性能优化和最新技术如TensorFlow.js及2023前端重要事件回顾。

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

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

奇舞推荐

■ ■ ■

悄无声息间，你的 DOM 被劫持了？

文档对象模型（DOM）充当着 HTML 和 JavaScript 之间的接口，搭建起静态内容与动态交互之间的桥梁，对现代 Web 开发而言，DOM 的作用不可或缺。

你了解 JSX，那你了解 StyleX 么？

从Meta内部使用，到大会对外宣传，这期间肯定已经经历大量内部项目的洗礼。而从做完宣传到最终开源，又经历了快5年时间。那么，这款Meta出品、打磨这么长时间的「CSS-in-JS库」，到底有什么特点呢？本文让我们来聊聊。

Chrome 插件开发指南和实践

Chrome 插件整体架构；如何开发一个 Chrome 插件 (Popup 和 Devtools)；如何使用前端框架 (React/Vue) 进行开发；如何调试插件；如何使用 Puppeteer 对插件进行 E2E 测试 (本地和 CI 环境)。

技术实践

■ ■ ■

一款小而美的开源滑动验证码组件

今天给大家分享一款非常有意思的开源组件, 可以实现我们平时开发中的滑动验证码需求, 当然也是技术圈小伙伴奋战了无数个黑夜和白天的结果, 值得好好推荐一下。

手把手教你搭建一个 ChatGPT 网站，发给朋友一起玩

今天教大家搭建一个自己的 GPT 网站，可以分享给朋友用，有网就行 (无需代理)。保姆级教程，带你一步一步搭建。

前端性能优化实践

从一个假死页面引发的思考：作为前端开发，除了要攻克页面难点，也要有更深的自我目标，性能优化是自我提升中很重要的一环；在前端开发中，会偶遇到页面假死的现象，是因为当 js 有大量计算时，会造成 UI 阻塞，出现界面卡顿、掉帧等情况，严重时会出现页面卡死的情况；

拓展边界

■ ■ ■

TensorFlow.js，让你的应用更加高级，更具逼格

最近，又有一个新词蹦进俺这本就不大的脑里，并在脑子里来回转圈，在好奇心的促使下，我开始试着去了解了一下它，那它究竟是什么呢，标题已经告诉你答案了，「TensorFlow.js」。

盘点2023年前端大事件

2023 年即将过去，这一年前端生态圈快速发展，发生了许多令人瞩目的事件和变化。从新技术的涌现到老技术的更新，前端技术正在经历着一次全面的变革。本文将梳理 2023 年前端界的重要事件，带你回顾那些令人难忘的历史时刻！

巴西都发明两门流行的编程语言了！

1993年，巴西里约热内卢天主教大学的三个老师发明了 Lua。Lua 以其简单性、小尺寸和可移植性，成为嵌入式编程语言之王。

关于奇舞团

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