# 第 11 期 - 御牛道

> 封面图摄于御牛道的辣油鸡蛋饭，喜欢吃米饭的同学一定要尝尝，趁着刚端上来快速拌好，味道超赞

- Issue: 11
- 发布日期: 2021/02/02
- HTML: https://weekly.tw93.fun/posts/11
- JSON: https://weekly.tw93.fun/api/posts/11.json
- English translation: https://weekly.tw93.fun/en/posts/11.md

---

<img src="https://gw.alipayobjects.com/zos/k/ts/oQnpOo.jpg" width=530/>

<small>封面图摄于御牛道的辣油鸡蛋饭，喜欢吃米饭的同学一定要尝尝，趁着刚端上来快速拌好，味道超赞</small>

> **记录每周看到的前端潮流技术，筛选后用接地气方式发布于此~**

## 好文和学习

**阿里跨端技术 - 缘起与未来**  
<https://mp.weixin.qq.com/s/UOqFmTRKvUtnyAenov4MDw>  
本文来自飞猪用户技术团队圣司，来和大家一起聊聊阿里跨端技术的缘起与未来，值得深读。

**谈谈微前端领域的 js 沙箱实现机制**  
<https://mp.weixin.qq.com/s/IJMgMO1IeYw2Io8MN7WZWQ>  
在过去，浏览器沙箱（sandbox）主要应用在前端安全领域，随着应用架构复杂，微前端方案的出现，js 运行环境沙箱在浏览器中的需求越来越多，特别是近几年比较火的微前端领域，js 沙箱是其比较核心一个技术点，是整个微前端方案的实现的关键点之一。

**怎么使用 AVIF 这种新的图片格式(en)**  
<https://reachlightspeed.com/blog/using-the-new-high-performance-avif-image-format-on-the-web-today/>  
目前 Chrome 85 已经支持这种压缩比极高但清晰的数据格式，可按照教程去试玩一下，关于此格式教程可去之前潮流周刊找。

## 开源和工具

**JSX Lite - 组件一次编写，可多次跑**  
<https://github.com/builderio/jsx-lite>  
在当前多框架风气下，一种写组件的新思路，写 jsx 以后，可以编译成 Vue, React, Solid 和 Liquid 这几种形式。

**APIJSON - 腾讯开源的为 API 而生的 JSON 网络传输协议**  
<https://github.com/Tencent/APIJSON>  
用于解决前后端接口对接、文档、联调的痛点，APIJSON 具备后端接口和文档自动化，前端(客户端) 定制返回 JSON 的数据和结构的能力。

**Starship - 命令行提示工具**  
<https://github.com/starship/starship>  
用它可以给你的命令行工具提效至少 30%，此外还推荐 [z](https://github.com/ohmyzsh/ohmyzsh/tree/master/plugins/z) 工具

<img src="https://gw.alipayobjects.com/zos/k/fp/qH99g0.gif" width="800" />

**Concurrently - 同时运行命令的工具**  
<https://github.com/kimmobrunfeldt/concurrently>  
类似更好实现 `npm run watch-js & npm run watch-less` 这样效果。

**一系列好看的编程字体**  
<https://coding-fonts.css-tricks.com/fonts/anonymous-pro/>  
其实我一直用 JetBrains Mono 这款字体，可以去里面找一款你喜欢的。

## iOS 和多端

**Flutter 的可视化界面、绘制性能调优 - DevTools**  
<https://juejin.cn/post/6897101906158714887>  
Flutter 这个 DevTools 比想象的要强大不少，同时自己也是用 Flutter 来实现的，值得推荐。

**Google 2020 开发者大会 Flutter 专题**  
<https://segmentfault.com/a/1190000038241817>  
详细可见[日程](https://developersummit.googlecnapps.cn/agenda/view/day-3/)，这篇文章是作者对于 Flutter 新功能和性能上的优化的介绍。

## 灵感和有趣

**M1 版 MacBook 系列的实际上手体验如何？**  
<https://daily.zhihu.com/story/9730113>  
最近在关注苹果这款新电脑，性能、电量、能够兼容 iPhone 和 iPad 应用还是很具有想象感的。

**6G 可能是什么？**  
<https://daily.zhihu.com/story/9730169>  
作者预测 6G 出现后，可以做到什么？

**腾讯文档全平台系统设计**  
<https://mp.weixin.qq.com/s/X4-EEyrr5VY6XDCsc0cSuA>  
腾讯产品的设计还是很不错的，ISUX 设计出了一篇关于腾讯文档多端多适配的文章值得一看。

**你的电脑不属于你**  
<https://sneak.berlin/i18n/2020-11-12-your-computer-isnt-yours.zh/>  
在当前版本的 macOS 中，当你运行每一个程序时，系统都会给苹果公司发送一个哈系值，文章说的有些“偏激”，可选择性查看。