奇舞周刊第 415 期：TypeScript 是如何工作的

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

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

奇舞推荐

■ ■ ■

 TypeScript 是如何工作的

TypeScript 是一门基于 JavaScript 拓展的语言，它是 JavaScript 的超集，并且给 JavaScript 添加了静态类型检查系统。TypeScript 能让我们在开发时发现程序中类型定义不一致的地方，及时消除隐藏的风险，大大增强了代码的可读性以及可维护性。相信大家对于如何在项目中使用 TypeScript 已经轻车熟路，本文就探讨了 TypeScript 是如何工作的，以及有哪些工具帮助它实现了这个目标。

 如何生成稳定的动态 treemap (矩形树图) 关键技术揭晓

前段时间，网易云音乐上线了一个基于熟人社交投票玩法的 h5 活动，该活动依据投票数权重值来划分格子块，并通过格子块之间无缝挤压动效极大地增加了趣味性。本文着重介绍如何基于 treemap (矩形树图) 来实现一个稳定的动态格子块挤压效果以及在这其中遇到的一些问题。

 Node.js 应用全链路追踪技术——[全链路信息获取]

在请求链路越来越长，调用服务越来越多，其中还包含各种微服务调用的情况下，定位各种问题就越来越困难，这就需要有一种技术，将每个请求的关键信息聚合起来，并且将所有请求链路串联起来。让我们可以知道一个请求中包含了几次服务、微服务请求的调用，某次服务、微服务调用在哪个请求的上下文。这种技术，就是 Node.js 应用全链路追踪。它是 Node.js 在涉及到复杂服务端业务场景中，必不可少的技术保障。

技术实践

■ ■ ■

 React Profiler 的使用

平时大家开发项目的时候，有时候会感觉项目卡顿，通常情况下可以及时做出整改，但也有时候不太容易找到引起卡顿的点，或者说不好发现潜在的性能问题，React Developer Tools 提供的 Profiler 可以直观的帮助大家找出 React 项目中的性能瓶颈，进一步来改善我们的应用。

中秋节快乐，使用 CSS3 实现小火箭绕月飞行

一年一度的中秋悄然而至，用 CSS 做个动画添些氛围吧～

 Vue3 Ref 语法糖，告别 .value 的写法

近期，Vue3 提了一个 Ref Sugar 的 RFC，即 ref 语法糖，目前还处理实验性的 (Experimental) 阶段。在 RFC 的动机 (Motivation) 中，Evan You 介绍到在 Composition API 引入后，一个主要未解决的问题是 refs 和 reactive 对象的使用。本文探讨了该提案的使用场景和实现。

扩展边界

■ ■ ■

 谈谈我这些年对前端框架的理解

技术从出现到完善到连带的周边生态的完善是一个轮回，从最开始服务端渲染，到了后来的客户端渲染，然后出现了逻辑层的组件方案，最后又要基于组件方案重新实现服务端渲染。其实物理层的东西一直都没变，只是逻辑层不断的一层添加又一层，目的都是为了提高生产效率，降低开发成本，保证质量，这也是技术发展的趋势。

React 下一代状态管理库——recoil

Recoil 定义了一个有向图 (directed graph)，正交同时又天然连结于你的 React 树上。状态的变化从该图的顶点 (我们称之为 atom) 开始，流经纯函数 (我们称之为 selector) 再传入组件。

关于奇舞团

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