前端周报专注大前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点，分为新闻热点、深度阅读、开源项目 & 工具等栏目。欢迎关注【前端之巅】微信公众号（ID: frontshow），及时获取前端周报内容。
前端新闻
Scala.js 1.0 rc 发布：Scala 到 JavaScript 编译器
Scala.js 是一个编译器，可将用 Scala 编写的源代码转换为优化的 JavaScript。与TypeScript 相似，可以使用 Scala 的强类型和其他 Scala 功能编写基于 JavaScript 的 Web 应用程序。它还支持常见的 JavaScript 库和框架，例如 React 和 Angular，可以直接从 Scala.js 代码进行静态和动态类型的集成。
https://www.scala-js.org/news/2019/11/26/announcing-scalajs-1.0.0-RC1/
Scala.js 1.0 将于2020 年初发布。如果你对使用 Scala 来构建前端应用程序感兴趣，你可能还会喜欢 Slinky ，它使在 Scala 中编写 React 应用程序更容易。
Mozilla 为开发者推出新的网页调试工具 Firefox Replay
Mozilla 在最近的 Firefox Nightly 更新版本中推出了一项名为 Firefox Replay 的实验性工具，它允许 Firefox 内容进程记录其行为，稍后重放并回退到早期状态。重放过程会保留所有相同的 JS 行为、DOM 结构、图形更新，以及其他行为。浏览器的 JS 调试器可用于检查和控制重放。目前这一功能仅支持 macOS。
可以使用 devtools.recordreplay.enabled 首选项手动开启。通过“工具”->“ Web 开发者”菜单，查看“录制/回放”选项卡，启用新调试器界面访问该功能。
https://developer.mozilla.org/en-US/docs/Mozilla/Projects/WebReplay
2019 年 JavaScript 状态调查已开放
该项目名为 StateOfJS，由 Raphaël Benitte、Sacha Greif 和 Michael Rambeau 完成，他们创建了一个网站，向开发者收集反馈，最终以文字和图表的方式告诉大家最终的结果。2018 年，总共有来自 153 个不同国家的共 20,000 多名 JavaScript 开发者参与调查（中国占总数的 0.37%，共 75 个开发者）。通过这个调查，我们可以确定开发者正在使用什么技术，喜欢哪些技术，以及对哪些技术感兴趣。希望这个报告能帮助你在 JavaScript 生态之中找到适合自己的技术栈。
查看往年调查报告：https://stateofjs.com/
GSAP 3.0 现已发布：JavaScript 动画的”瑞士军刀“
这个流行的 JavaScript 动画库刚刚发布了3.0版本。这是一次重大升级，具有五十多种新功能和更改，包括简化的API、新的运动路径插件、ES6模块支持等等。你可以在这里查看完整的发行说明：
https://greensock.com/3-release-notes
行业新闻
IPv4 地址耗尽
本周，欧洲IP资源协调中心（RIPE NCC）宣布其IPv4可用池已经分配了最后的/22 IPv4网址，全球大约43亿个IPv4网址正式用完了。
目前，全球各国大型运营商均在积极推进网络基础设施 IPv6 改造，国内很早就在IPv6方面进行了大规模布局，截至今年 5 月， 我国 1/3 网民已用上 IPv6。
百度宣布智能小程序月活破3亿 覆盖271个细分行业
本周，百度方面表示，百度智能小程序月活用户规模已突破3亿。据悉，小程序是百度移动生态最重要的两个生态之一，背后是搜索和信息流两大入口支持。相比社交和支付，搜索的优势在于用户目的的明确性，用户从搜索到小程序是一个自然的过渡。
数据显示，目前百度每天响应的搜索需求数十亿次，信息流日均推送量150亿次。百度智能小程序已经覆盖271个细分行业，在移动视频、移动购物、生活服务、旅游服务、汽车服务、新闻资讯等领域，均出现了众多月活过百万的智能小程序。
深度阅读
现代 JavaScript 应用程序的 CSS 架构
Mike Riethmuller 解释了如何在现代 JavaScript 应用程序的上下文中应用来自 CSS 体系结构的一些经验教训。
https://www.madebymike.com.au/writing/css-architecture-for-modern-web-applications
如何从站点中删除未使用的 CSS？
作者 Chris Coyier 对那些检测未使用 CSS 的工具提出质疑，这些工具承诺会处理好一切。作者强调它们的问题并提出代替方案。
https://css-tricks.com/how-do-you-remove-unused-css-from-a-site/
在 Redux 中处理副作用：Redux-Saga
如果你之前在 React 项目中使用过 Redux，那么你将不得不处理副作用（异步），例如 API 调用或设置超时和间隔，因为在构建“复杂的 Web 应用程序”功能时需要这些。
在本文中，你将学习以下内容：
-
在 Redux 中如何处理副作用；
-
什么是 Redux-saga；
-
什么是生成器函数；
-
如何在构建简单应用程序时使用 redux-saga 处理副作用。
https://blog.soshace.com/handling-side-effects-in-redux-redux-saga/
区块链上的 WebAssembly 和 JavaScript 智能合约
WebAssembly 是一个通用的运行时，正在 Web 之外的许多平台上引起关注。这篇博客文章探讨了一个示例，将 WebAssembly 用作区块链上的智能合约引擎。它研究了 NEAR 协议，一个具有良好的 AssemblyScript 支持的区块链，并创建了一个简单的聚会活动网站，其票务分配受用 JavaScript 编写的智能合约控制。
https://blog.scottlogic.com/2019/11/26/webassembly-on-the-blockchain.html
布隆过滤器——你值得拥有的开发利器（中文）
在程序的世界中，布隆过滤器是程序员的一把利器，它可以快速解决项目中一些比较棘手的问题，如网页 URL 去重、垃圾邮件识别、大集合中重复元素的判断和缓存穿透等问题。
https://segmentfault.com/a/1190000021136424
在 iPad 上开发 Web 是怎样的体验？
本文演示了如何在 iPad 上进行全栈开发，包括 iOS 自动化如何提供帮助。
https://notebook.lachlanjc.me/2019-11-05_real_web_development_on_ipad/
工具 & 库 & 资源
【litegraph.js】图形节点引擎和编辑器
如果你需要创建一个在线系统供用户创建和操作图形或互连“节点”（例如图形、音频或数据管道），这一工具将非常有用。
https://github.com/jagenjo/litegraph.js
【DeriveJS】
DeriveJS 是一个数据库框架（ODM），让你能够操作和建立 JavaScript 网页数据的对象，同时自动将它们持久化保存，更新并同步到（Mongo）DB，而无需任何显式调用，诸如 .save() 之类的方法。它利用 mongoDB 的批量操作来提高性能。