奇舞周刊第527期：​Virtual DOM（虚拟DOM） 的地位再一次被挑战 ！！！

奇舞推荐

■ ■ ■

Virtual DOM（虚拟DOM） 的地位再一次被挑战 ！！！

最近在前端圈有一个 Github Repo 算是蛮受关注的 - proposal-signals，这是一个由 Daniel Ehrenberg 为主导，向 TC39 提案的项目，主要是希望可以通过一系列名为 Signal 的 API 来为 Javascript 提供一个更方便的状态（State）与视图（View）更新同步方案。

一文搞懂什么是SSR、SSG、CSR

在Web开发中，有三个常用的概念：SSR（服务器端渲染）、SSG（静态站点生成）和CSR（客户端渲染）。这些术语描述了不同的前后端渲染方式，我们平时可能很少听过，但却每天都在跟这些概念打交道。本文将通过文字描述和代码示例来分别搞懂什么是SSR、SSG和CSR，并了解它们之间的区别和各自的优缺点。

2043- 前端开发者必须知道的日常小技巧！

这篇文章收录了本人在前端学习实践中遇到的一些问题及解决，可供前端新人进行学习和参考，下面先展示一些可能有用的文档/文章/网站

技术实践

■ ■ ■

vue3 自定义hooks 大集合 你要的自定义hooks 都在这，快来看吧！

不知道喜欢 vue3 的小伙伴和我是不是一样，刚上手vue3 的时候对自定义hooks 一脸懵逼，在一些视频网站学习的时候老师讲解到自定义 hooks 最喜欢用加减乘除来描述自定义 hooks 是咋用的，可能是我理解能力比较差吧，我看了这个加减乘除的自定义 hooks 之后感觉跟没看一样，还是一脸懵逼，所以个人觉得这种知识还是结合项目或者业务来说才是比较能让人理解的。

前端代码如何混淆

前端代码的混淆，可以更好的保护我们的代码不会被恶意的盗取，尤其是需要将代码交付给客户部署，但又不想开放源码时，格外需要混淆机制的引入，本文仅针对vue和webpack提供建议。

通过debug搞清楚.vue文件怎么变成.js文件

我们每天写的vue代码都是写在vue文件中，但是浏览器却只认识html、css、js等文件类型。所以这个时候就需要一个工具将vue文件转换为浏览器能够认识的js文件，想必你第一时间就想到了webpack或者vite。但是webpack和vite本身是没有能力处理vue文件的，其实实际背后生效的是vue-loader和@vitejs/plugin-vue。本文以@vitejs/plugin-vue举例，通过debug的方式带你一步一步的搞清楚vue文件是如何编译为js文件的

拓展边界

■ ■ ■

三年前端还不会配置Nginx，被老板打了，今天一口气学完

Nginx是目前负载均衡技术中的主流方案，几乎绝大部分项目都会使用它，Nginx是一个轻量级的高性能HTTP反向代理服务器，同时它也是一个通用类型的代理服务器，支持绝大部分协议，如TCP、UDP、SMTP、HTTPS等。

云音乐桌面端 3.0 改版前端性能优化之旅

我们的性能优化也着重对播放起播耗时长、交互卡顿明显和系统资源占用大等问题进行对应的分析和治理。接下来本文也将会从实际的业务场景角度出发，围绕以下 4 点展开介绍在具体性能问题下的应对和思考

- END -

关于奇舞团

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