潮流前端周刊(第11期)- 辣油鸡蛋饭

avatar
公众号 @fliggyfe

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

记录每周看到的前端潮流技术,筛选后用接地气方式发布于此,关注此专栏可以及时收到更新~

好文和学习

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

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

怎么使用 AVIF 这种新的图片格式(en)
reachlightspeed.com/blog/using-…
目前Chrome 85已经支持这种压缩比极高但清晰的数据格式,可按照教程去试玩一下,关于此格式教程可去之前潮流周刊找。

开源和工具

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

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

Starship - 命令行提示工具
github.com/starship/st…
用它可以给你的命令行工具提效至少30%,此外还推荐 z 工具

Concurrently - 同时运行命令的工具
github.com/kimmobrunfe…
类似更好实现 npm run watch-js & npm run watch-less 这样效果。

一系列好看的编程字体
coding-fonts.css-tricks.com/fonts/anony…
其实我一直用 JetBrains Mono 这款字体,可以去里面找一款你喜欢的。

iOS 和多端

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

Google 2020开发者大会Flutter专题
segmentfault.com/a/119000003…
详细可见日程,这篇文章是作者对于Flutter新功能和性能上的优化的介绍。

灵感和有趣

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

6G可能是什么?
daily.zhihu.com/story/97301…
作者预测6G出现后,可以做到什么?

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

你的电脑不属于你
sneak.berlin/i18n/2020-1…
在当前版本的 macOS 中,当你运行每一个程序时,系统都会给苹果公司发送一个哈系值,文章说的有些“偏激”,可选择性查看。