诺诺前端周刊：2021-47 期

Add:2021-11-19

Update:2021-11-19

前端消息

• 自动化生成骨架屏的技术方案设计与落地

  性能优化，减少页面加载等待时间一直是前端领域永恒的话题。

• 弄懂 SourceMap，前端开发提效 100%

  通俗的来说， Source Map 就是一个信息文件，里面存储了代码打包转换后的位置信息，实质是一个 json 描述文件，维护了打包前后的代码映射关系。

• 现代 Web 开发困局

  本文旨在能够很好的梳理当下 Web 开发的 "困局"，以及我们通过何种方式，能够走出这些困局，解放生产力，希望能给未来的工具发展给出一定的预测和启发。

技术解析

• 用 CSS 告诉你为何大橘（猫）为重！

  本期我们通过 vite+scss 去完成一个橘猫心情变化的创意动画，这里的逻辑我们将不使用任何 js 代码，仅依靠 css 来完成。

• Node.js 的底层原理

  本文从 Node.js 整体方面介绍 Node.js 的底层原理。

• 一文详解 “跨域资源共享” 的前世今生

  CORS (跨域资源共享)很难，难在它是浏览器获得信息的一部分，更难在它是 30 多年前第一个 web 浏览器问世时就具有的一系列行为。

其他

• React 18 新特性之 startTransition

  React 18 作为 React 下一个大版本，为 React 添加了一个新的机制 Concurrent rendering，大幅提高了 React 的性能，推出了时间切片和任务优先级的概念。