前端技术双周刊#11-2021.11.24

JavaScript

• TypeScript 系列之 Narrowing
  Narrowing 即类型收窄，TypeScript 中将类型自动推导为更精确类型的过程叫类型收窄。本文涵盖了代码中几乎所有类型收窄的情况。

• 浅谈 MessageChannel
  基本涵盖了 MessageChannel 的所有应用场景

• How to Debounce and Throttle Callbacks in Vue
  在 Vue 中使用 Debounce 和 Throttle 需要注意的问题

CSS

• Responsive Layouts, Fewer Media Queries
  不用 media queries 如何实现响应式设计？本文提供了一套纯 CSS 方案，包括基于容器宽度改变背景色，在不同大小屏幕下改变元素位置、显示或隐藏某个元素、改变一行元素个数等。不知不觉，CSS 的能力已经变得这么完善了！

Node.js

• 装饰器+依赖注入开发 Node 后台接口
  这篇文章适合于对控制反转和 AOP 切面编程感兴趣的同学

前端工程化

• 【翻译】Rust 是 JavaScript 基础设施的未来
  Rust 以其强大的性能和优秀的内存管理机制，现在正越来越多地被用来取代 JavaScript 成为 Web 生态系统的一部分，如压缩、编译、打包、N-API、WASM 等等。附：原文链接

拓展阅读

• 抖音背后的 RTC 优化技术揭秘
  针对抖音中的不同场景要求，总结了基于清晰度、流畅度、实时性指标的优化策略最佳实践

• 大漠：我认识的 W3C 规范
  针对 W3C 规范很详尽的介绍，建议收藏保存，当做一个目录索引，需要的时候查一查

• Sorting colors in JavaScript
  本文介绍了如何把一堆杂乱无章的颜色进行排序展示的方法，以提供良好的视觉体验

• 【翻译】TypeScript 4.5 正式发布
  11.17日 TypeScript 4.5正式发布，这里查看 官方原文

开源工具

• execa
  可以用来替代child_process的友好版本。拥有 Promise 接口，更好的 windows 系统支持，最大支持100MB Buffer 等特点

• typescript-boilerplate
  typescript 项目脚手架，支持 TS4，集成了 esbuild 打包，支持 Node.js 和浏览器项目