前端每周清单第61期：Angular 6发布，苹果为统一macOS和iOS开发声明式API

未分类

前端每周清单专注大前端领域内容，以对外文资料的搜集为主，帮助开发者了解一周前端热点；分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注【前端之巅】微信公众号（ID: frontshow），及时获取前端每周清单。

新闻热点

国内国外，前端最新动态

Angular 6正式发布，新功能详解：5月4日，Angular 6.0.0 正式发布，新版本重点关注工具链以及工具链在 Angular 中的运行速度问题。这次更新还包括框架包（@angular/core、@angular/common、@angular/compiler 等）、Angular CLI、Angular Material + CDK，这主要是为了解决兼容问题，这些项目的补丁版本将根据项目需求发布。

苹果为统一macOS和iOS开发声明式API：去年底，我们曾报道苹果正在进行一个名为Marzipan的项目：统一macOS和iOS，当时我们认为苹果的意思是希望同一款应用能在不同的苹果设备上运行，但目前看来，并非如此，据外媒报道，苹果正在开发一种声明式API，它允许开发者从用户界面的角度为多个平台构建应用程序，但它不支持iOS与macOS的应用程序相互移植，即macOS与iOS的代码仍需区分。具体的情况还得等下个月苹果WWDC大会之后才清楚。

现在你可以给App注册一个更好的域名了：近日，Google 宣布开放.app 域名的注册，并声称.app 是全球首个用 HTTPS 加密的顶级域名，它能极大地增加应用程序的安全性，而且便于向全世界展示你的应用，.app 的吸引力在于，它可以直接与应用程序名字相连接，即网址格式为：App 名称.app，让人很容易记住应用网址。

开发教程

步步为营，掌握基础技能

在React中构建Optimistic UI：Optimistic UI是Metor提出来的一种前端界面快速响应用户交互的概念，它是指应用在客户端就能快速响应用户的交互，而不需要等待信息从服务器完成整个来回后再做响应，在本篇文章中，作者通过构建Twitter Like按钮在React App中实现Optimistic UI。

如何在React中编写更好的代码：React可以轻松地创建交互式用户界面，为应用程序中的每个状态设计简单的视图，React将在数据更改时有效地更新和渲染正确的组件。本文将介绍一系列工具和代码风格，帮助你成为一个更好的React开发者。

在Vue.js应用程序中使用Axios与Vuex：在本教程中，我们将构建一个简单的Vue.js应用程序，该应用程序将演示使用Vuex中央数据存储的功能，将使用Axios为API请求异步查询数据。演示过程包括使用Vue CLI搭建Vue.js项目并安装所需的依赖项、建立项目结构和SCSS、设置vue-router和设置REST API等。

14行JavaScript教你使用WebAssembly：作为一种比较新的 web 技术，WebAssembly 可能会对 web 开发带来巨大的影响。随着 2 月 MVP（Minimum Viable Product）版本的发布，WebAssembly 的基本特性开始稳定，本文通过一个简单的示例来演示如何在页面上调用一个 C++ 函数。

工程实践

立足实践，提示实际水平

使用Python，Node.js和Java创建Web Things：最近Mozilla IoT团队发布了Things框架Things Gateway，它支持Web Thing API构建构建IoT设备，在本文中，作者向大家展示如何用Python、Node.js或Java构建Web Things，这些语言不适合小型的嵌入式设备，比较适合可以轻松运行这些语言的高端设备。

如何用Flutter + Redux构建应用程序？：Redux是一种应用数据流框架，最初是为JavaScript而生的，现在用于使用响应式框架（例如React Native或Flutter）构建的应用程序中，本文将向你展示如何使用Redux创建Flutter应用程序。

Rust在Figma中的实践：Rust是Mozilla公司的一款注重安全、性能和并发性的编程语言，而在Figma中，性能时其中一个重要特质，但随着Figma的快速发展，服务器发展的速度已无法跟上Figma，所以，Figma团队想通过Rust来解决这个问题。

深度阅读

深度思考，升华开发智慧

MVC、SPA与SSR这些名词，你真的弄懂了吗？：本文以主角小明的角度出发，带出一系列虚拟故事，将MVC、SPA与SSR的概念理清楚，并讲述了前端的未来发展之路。

BigInt：JavaScript中的任意精度整数：BigInts是 Java 中的一个新的数字基本(primitive)类型，可以用任意精度表示整数。使用 BigInt可以安全地存储和操作大整数，即使这个数已经超出了 Number能够表示的安全整数范围。本文将介绍一些用例，并通过比较 Java 中的 BigInts和 Number来解释 Chrome 6 、7 中的新功能。

你需要了解的JavaScript并行编程：虽然JavaScript是最流行的编程语言之一，但由于JavaScript是单线程语言，这意味着当浏览器在运行脚本时，其他操作（如DOM操作、动画、绘图以及主线程上的其他操作）都将停止，这也让有些开发者对JavaScript望而却步，本文将利用运行在不同线程上的JavaScript程序的Web Workers解决这个问题，实现并行编程。

开源项目

乐于分享，共推前端发展

proton-native：proton-native用于在React环境中构建跨平台原生桌面应用，它的语法和React Native相同，可与现有的React库（如Redux）一同使用。

ReLaXed：ReLaXed使用HTML或Pug创建PDF文档。它允许使用CSS和JavaScript定义复杂的布局，同时以友好、接近Markdown或LaTeX的形式书写内容。

puppeteer：Puppeteer是一个Node库，它提供了一个高级API，通过DevTools协议控制Headless Chrome或Chromium ，它也可以完全用(non-headless) Chrome or Chromium进行配置。

前端之巅

「前端之巅」是 InfoQ 旗下关注大前端技术的垂直社群。紧跟时代潮流，共享一线技术，欢迎关注。