前端周报：W3C 首次发布小程序标准化白皮书；Flutter 1.9 正式发布；Chrome 将测试

前端周报：W3C 首次发布小程序标准化白皮书；Flutter 1.9 正式发布；Chrome 将测试DoH

作者 | Zehao, Yonie前端周报专注大前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点；分为新闻热点、深度阅读、开源项目 & 工具等栏目。欢迎关注【前端之巅】微信公众号（ID: frontshow），及时获取前端周报内容。新闻热点前端新闻 W3C 首次发布小程序标准化白皮书

这份文档并非正式的 W3C 推荐标准，只是一份关于小程序的介绍性技术报告，属于 W3C 的兴趣组笔记，旨在为小程序后续与 Web 以及浏览器的后续交流合作、相互补充、融合发展做铺垫。这份文档由 W3C 中文兴趣组成员合作编写。点击此处查看相关内容。

 Flutter 1.9 正式发布

在上海举办的中国 Google 开发者大会（Google Developer Days China）上，Flutter 团队在主题演讲环节中发布了 Flutter 的最新稳定版本：Flutter 1.9。据称，此版本是 Flutter 迄今为止最大的一次版本更新，有 100 多名 contributor 在此次开发周期中提交了超过 1500 个 PR。新增的功能和其他更新涵盖了相当广泛的范围，从支持 macOS Catalina 和 iOS 13 到改进工具链，以及支持新的 Dart 语言特性和新的 Material 风格小部件。更重要的是本次版本宣布将 Flutter's Web Support 并入到主库中，让开发人员可以使用同一套代码库为移动、桌面和 Web 平台开发应用。点击此处查看相关内容。

 Chrome 将测试 DNS-over-HTTPS (DoH)

在 Mozilla 之后，Google Chrome 也计划引入 DNS-over-HTTPS (DoH) 功能，加密 DNS 请求发送到非本地 DNS 解析器。用户发送的 DNS 请求通常是明文发送给 ISP 的 DNS 解析服务器，在不同的网络环境下，明文发送 DNS 请求被认为不安全的，DoH 是这个问题的一个解决方案，它通过加密 DNS 请求到第三方或用户设置的 DNS 解析服务器来保护用户的隐私，然而这个方案的缺陷是你选择的 DNS 服务商将掌握你的 DNS 数据，你需要信任你的服务商。Mozilla 的合作伙伴是 Cloudflare，它是一家云服务商，而 Google 本身是网络广告巨头，它选择的 DNS 服务商可能就是自己，这意味着它将掌握用户更多的信息。这可能会引发新的隐私争议。

行业新闻 阿里巴巴举行 20 周年纪念晚会 马云卸任董事局主席

9 月 10 日，阿里巴巴集团在浙江杭州举行 20 周年纪念晚会，马云卸任阿里巴巴集团董事局主席，集团 CEO 张勇接任。

 苹果 iphone11、iphone11 Pro、iphone11 Pro Max 发布

北京时间 9 月 11 日凌晨，苹果公司如期在乔布斯剧院召开了 2019 秋季发布会，推出年度重磅硬件——三款新 iPhone，包括 iPhone 11，iPhone 11 Pro 和 iPhone 11 Pro Max。起售价 5499 元 最高 12699 元。

 Google 在上海举行开发者大会

本周 9 月 10-11 日，谷歌在上海举行开发者大会。本次大会谷歌推出 Grow with Google 成长计划；Android 10 亮相，原生支持 5G，更注重数据安全；Flutter 1.9 正式发布，将 Flutter's Web Support 并入到主库中，让开发人员可以使用同一套代码库为移动、桌面和 Web 平台开发应用。另外，本次大会还发布了“观妙中国”应用，该应用中收录了超过 30 家中国博物馆的藏品，利用 AR 技术，带给用户沉浸式体验。目前观妙中国仅有安卓版。

深度阅读 V8 精简模式

V8 Lite 项目在 2018 年末就启动了，旨在大幅降低 V8 的内存使用率。最初，这个项目被设想为 V8 的独立 Lite 模式，专门针对低内存移动设备或嵌入式用例，它们更关心减少内存使用而不是吞吐量执行速度。这篇文章中，重点介绍了开发的关键优化以及在实际工作负载中如何节省内存。文章链接：https://v8.dev/blog/v8-lite

 1996 - 2019 年的浏览器市场份额动态图表显示过去 20 年左右浏览器的兴衰史

该视频展示了过去 20 年浏览器的兴衰史，视频链接:https://frontendfoc.us/link/69733/web

 Apple 发布了使用 Stencil 创建的 Web components

苹果在新的 Apple Music web app 中发布了标准化的 web components ，它由 Stencil 创建，一个 web components 编译器。相关链接: https://stenciljs.com/

 Immer

Immer 获得年度突破的 React 开源项目奖和 2019 年最具影响力的 JavaScript 开源奖。它是个轻量包，允许开发者以更方便的方式使用不可变状态。它基于写时复制机制。基本思想是您将所有更改应用于临时 draftState，它是 currentState 的代理。一旦完成所有突变，Immer 将根据草案状态的突变产生 nextState。这意味着您可以通过简单地修改数据来与数据进行交互，同时保留不可变数据的所有好处。相关阅读: https://christianalfoni.com/articles/taking-immer-one-step-further

开源项目 & 工具

【GitHub Actions 入门教程】GitHub Actions 是 GitHub 的持续集成服务，本文介绍基本概念和一个小示例。相关链接: http://www.ruanyifeng.com/blog/2019/09/getting-started-with-github-actions.html

【2 小时掌握 GraphQL】 React，React Native，Vue，Angular，Android，iOS 和 Flutter 开发人员的开源教程，只需 2 个小时即可完成 GraphQL 应用程序的构建。相关链接: https://learn.hasura.io/

【Rust 中的 WebAssembly 模块】Rust 社区拥有一些最先进的 WebAssembly 工具。本教程全面介绍了工具和生态系统，从第一步到完成发布模块。相关链接: https://medium.com/@rossbulat/webassembly-modules-an-introduction-5554b8982402

【Web-worker — 创建异步任务执行线程】本文介绍如何使用 WebWorker 实现多线程通信。相关链接: https://medium.com/@lokeshpathrabe/webworker-creating-an-async-task-execution-thread-c46138350a75

【通过代码实现 Array 方法来真正理解它们 】本文将介绍如何实现 array 的原生方法，包括 map，filter，reduce 等。相关链接: https://blog.logrocket.com/understand-array-methods-by-implementing-them/

【CSS FlexBox Cheatsheet】一款 VS Code 扩展，可让您直接在编辑器中预览 flexBox 样式，相关链接: https://yoksel.github.io/flex-cheatsheet/

【开发者喜爱的 10 个 chrome 扩展】本文介绍了 10 个有用的 Chrome 扩展程序，方便开发者开发程序。相关链接: https://dev.to/shijiezhou/top-10-chrome-extensions-every-developer-likes-3ehk