第11期 - 御牛道

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

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

好文和学习

阿里跨端技术 - 缘起与未来
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 工具

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
详细可见日程,这篇文章是作者对于 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 中,当你运行每一个程序时,系统都会给苹果公司发送一个哈系值,文章说的有些“偏激”,可选择性查看。