weekly

第 28 期 05/10 The future is AGV

行业资讯

零代码搭建应用平台「伙伴云」获得1700万美元B轮融资，五源资本和红杉中国联合领投

「伙伴云」主要产品包括在线表单、RPA机器人引擎、业务流程、多功能仪表盘等，并且有4+1交叉极限体系，能够开放上千个API，并与微信和企业微信深度整合。

哈啰出行赴美上市背后，出行大市场再添变局？

近日哈啰出行已经正式向纳斯达克提交了招股书，其距离上市仅有一步之遥。

深度：抖音本地生活服务的真相

据报道，近日抖音内测同城页上线了地图服务，用户通过短视频平台就能发现同城的餐饮、景点、商店等各种本地生活服务，可以直接进行线上消费。

五一旅行大数据报告：国内酒店市场强势复苏消费升级明显

5月5日，携程联合新华财经发布《2021“五一”旅行大数据报告》，以多维度数据展现“五一”黄金周期间国内旅游市场的强势复苏。

抖音为患者与医生架起了沟通的桥梁

随着医疗健康类视频的影响力越来越大，为了给用户提供专业可靠的医疗健康科普知识，近日，抖音制定了《抖音社区医疗公约》，并举办公众沟通会，公布了医疗健康内容准入审核规则。

IBM creates the world’s first 2nm processor

IBM creates the world’s first 2nm chip in test lab. According to the manufacturer, first of all, they will be useful for the development of artificial intelligence technologies, as well as in edge computing.

Podcast 335: Open source contributors helped a helicopter fly on Mars

You drop an open source contribution like a stone in a pond. The ripples may land somewhere you never imagined.

技术热闻

The future is AGV

The automated guided vehicles (AGV) market is booming.

How we use Web Components at GitHub

We’re using Web Components in a big way at GitHub.

Three steps for turning a video into a Web Story

123 | 另附 Enable Web Stories on Google Web Stories are a web-based version of the popular “Stories” format that blend video, audio, images, animation and text to create a dynamic consumption experience. This visual format lets you explore content at your own pace by tapping through it, or swiping from one piece of content to the next.

GraphQL及元数据驱动架构在后端BFF中的实践

本文以基于对美团到店商品展示场景所面临的核心矛盾分析，介绍了：

业界不同的BFF应用模式，以及不同模式的优势和缺点
基于GraphQL BFF模式改进的元数据驱动的架构方案设计
我们在GraphQL实践过程中遇到的问题及解决思路
新架构对研发模式产生的影响呈现

W3C工作重点：万维物联网（WoT）

Web of Things（WoT）是对现有物联网生态系统的补充，可通过组合多种设备和信息服务来降低应用供应商和消费者的成本及风险，进而创造价值。

华为鸿蒙OS将在6月份大规模推送升级

目前多方消息显示，最快在 6 月份安卓与 iOS 之外的第三大手机操作系统 HarmonyOS 鸿蒙有望正式开始规模化推送。而部分用户现在已收到了 HarmonyOS 2.0 开发者 beta 版的推送。

新技术刚测试就被全行业禁用，谷歌“杀死”Cookies真能重写规则吗？

今年 3 月，Chrome 浏览器上的第三方 Cookie 已经正式终结。近日，谷歌在 Chrome 浏览器上测试了其新的数据追踪技术 FLoC（Federated Learning of Cohorts, 联邦队列学习）。计划虽然在进行，但却不像 Google 想的那样顺利。

另附 https://github.com/WICG/floc

Securing the Internet of Things in the Age of Quantum Computing

Internet security, privacy, and authentication aren’t new issues, but IoT presents unique security challenges.

大前端

Best practices for modern frontend monitoring #Monitor

In this post, we’ll specifically look at how to measure three aspects of single-page apps that can help you optimize your users’ experience:

Route changes, to optimize page transitions
User interactions, to ensure a smooth user experience
Errors, to catch and debug issues in the browser

Top 10 Mistakes to Avoid When Using React #React

Today, we’ll explore the top 10 mistakes React developers make — and how to fix them.

A simple state management technique for Flutter #Flutter

states_rebuilder is Flutter state management combined with a dependency injection solution and an integrated router to get the best state management experience and speed up your development.

React Native vs. Swift for iOS development #App

In this article, we’ll assess these two technologies against a number of factors, from performance to ease of use. In sum, Swift will produce a more performant iOS app by default, but it is still good to know that RN offers strong performance and a good DX out of the box, particularly now that Hermes has helped to reduce download size and memory usage.

React Hooks vs. RxJS #State Management

Vue.js has an observable implementation used for change detection and state management
Angular leverages RxJS observables for component communication, HTTP requests and providing event listeners on forms or the router
React, well, it has it in the name, ain’t it?

Vue Composition API vs React Hooks - the core difference #Framework

Beyond my personal experiences, React Hooks inspired a lot of other developers, articles, tutorials, and even whole UI libraries and frameworks. Among those wasVueand with itsComposition API, it showcased its own vision for React Hooks’s “competitor”.

CSS是如何发起攻击的? #CSS, #Security

见微知著-css布局天花板 Grid #CSS

Promise.all、race和any方法都是什么意思？ #JavaScript

Promise.all()中的Promise序列会全部执行通过才认为是成功，否则认为是失败；
Promise.race()中的Promise序列中第一个执行完毕的是通过，则认为成功，如果第一个执行完毕的Promise是拒绝，则认为失败；
Promise.any()中的Promise序列只要有一个执行通过，则认为成功，如果全部拒绝，则认为失败；

TC39、ECMA-262、ECMAScript 究竟是什么关系？#JavaScript

Ecma International 是个行业标准组织，它所通过的标准都是 ECMA- 这样的编号，然后可以有另外的标准名字；TC39 指的是技术委员会（Technical Committee）第 39 号，一个推动 JavaScript 发展的委员会。
JavaScript：指语言及其实现；ECMAScript：指语言标准及语言版本，比如 ES6 表示语言（标准）的第 6 版

Best JavaScript ES2019 Methods that You Should Know #JavaScript

flat()
trimStart()andtrimEnd()
Object.fromEntries()

设计

Want to Convert Design To Code? Here’s A Better Way

Once you think about the challenges of image-based design and then adding just interactions, it quickly becomes obvious that your team needs a better way to create products that users will love.

Frames vs Groups — Why one of them can break your designs beyond repair

Always use Frames, never use Groups.

How To Easily Create a 3D Cup Using Blender

A short tutorial for those who just started experimenting with 3D design.