前端技术双周刊#26-2022.07.13

JavaScript & CSS

• 在JavaScript中如何判断变量类型？
  详细的 JavaScript 中类型判断方式介绍。

• 漫谈 CSS 方法论
  根据 State of CSS 的调查结果显示，目前使用最多的五种 CSS 模式分别为：BEM、ACSS、OOCSS、SMACSS、ITCSS。本文对这5种分别进行了介绍，有你没了解过的吗？

Node.js

• JavaScript Containers
  Ryan Dahl 关于 JavaScript Containers 的看法，Deno 也在实践相关想法。

• Cloud Computing without Containers
  Cloudflare Workers 的想法介绍，利用 V8 isolate 来实现 serverless 容器。国内也有了类似的实践。

性能优化

• HTTP 新增的 103 状态码，这次终于派上用场了！
  6月下旬 Chrome 发布了 Chrome 103版本，其中提供了对 HTTP 103状态码（Early Hints）的支持。它更适合依靠 SSR 生成 HTML 的页面，我们的性能优化又多了一个手段。

拓展阅读

• Bun-a fast all-in-one JavaScript runtime
  All in one！你没看错，Bun 几乎大包大揽了所有事情（JavaScript 运行时、打包工具、转译器、包管理工具），专注于性能、开发者体验以及与 JavaScript 生态系统的兼容性。 特色：
  1. 使用 JavaScriptCore 引擎，启动和执行速度比 V8 等要更快一些；
  2. 使用 Zig 语言编写；
  3. 兼容大部分 Node.js 和 Web APIs；

• Headless 组件库系列-概念调研
  Headless UI 是一种新的交互逻辑开发理念，表示仅提供 UI 元素和交互的逻辑、状态、处理和API，但不提供标记、样式或预构建实现。 特点：无 UI、跨平台和开放定制，这与 Cosmic 标准组件的理念不谋而合。

• 为什么在关于“开发者生产力”的讨论中，却很少听到开发者的声音？
  为什么我们在关于“开发者生产力”的讨论中却没有听到更多开发者的声音？大多数自诩为开发者生产力专家的人似乎对销售产品更感兴趣，而不是为开发者提供真正有效的指导。这种现象可能会导致我们沉浸在各种缩略术语、神奇的指标和方法论当中，却没能获得严谨的系统性思考。

• 深度剖析 VS Code JavaScript Debugger 功能及实现原理
  本文将从 VSCode JavaScript Debugger 的功能入手，从源码角度分析其实现对应功能所使用的技术手段及优秀的代码设计，让大家对其中的功能及实现原理有大致理解。

• Maker’s Schedule, Manager’s Schedule
  Maker 需要大段长的时间周期，而 Manager 更适应多个短的时间周期，作为软件开发人员，应该让自己能有更多的 Maker‘s Schedule。

• WebAssembly生态及关键技术综述
  一篇关于 WebAssembly 的综述文章，可以快速了解目前的生态和关键技术。

• 交互体验之动效深耕
  动效设计不仅能够增加用户操作的舒适度，还能引导用户关注重要的信息。从本文你可以了解到动效设计的意义与价值。

开源工具

• Supa Palette
  Supa Palette 是一个功能强大的 Figma 插件，该工具能从一种颜色快速生成整套调色板，支持众多色彩模式。