前端技术观察第 20 期

《前端技术观察》是由字节跳动IES前端团队收集、整理、推荐的业界高品质前端资源合集，主要分为以下几个板块：

• Highlights
  • 优秀的工具、库
  • 好的教程、深度解读已有技术的文章
  • 业界最新的技术、热点文章
  • 业界对（新）技术的深度地、优秀地实践
  • Tutorial
  • Tools And Codes

《前端技术观察》的目的是让大家：

• 更及时的了解到业界最新的技术
  • 受益于高质量的教程、文章
  • 了解业界更优秀的代码、工具
  • 更多地、氛围更浓厚地讨论、研究、落地技术

highlights

ReactNative新架构

两张图带你了解React Native的新架构（其实也不够新）

https://javascriptweekly.com/link/88914/web

构建拥有“离线模式”的应用程序时应考虑的事项

优质的软件产品是不仅要内容丰富，功能强大且，最重要的是无缝，这其中“离线模式”是关键的一环。

https://mobiledevweekly.com/link/90084/web

推送通知2020的设计与剖析

不同平台和设备的推送总有一些不同，本文带你了解主流平台推送的设计差异

https://mobiledevweekly.com/link/90078/web

当前端意味着全栈

前端开发处于艺术与逻辑，业务与表达，左脑与右脑，设计与书呆子的交汇处。我喜欢它

https://frontendfoc.us/link/89464/web

最受欢迎的Chrome扩展如何影响浏览器性能

您添加到浏览器中的所有内容都会对内存消耗，要运行的任何JavaScript，页面呈现效果等产生性能影响。

https://frontendfoc.us/link/90231/web

揭秘：支付宝小程序 V8 Worker 技术演进

本文分享支付宝小程序 V8 Worker 相关工作沉淀和总结，包括技术演进、基础架构、基础功能、以及 JS 引擎能力输出，以及一些优化方案等。

https://mp.weixin.qq.com/s/QS0QT7TIcEzZhR6asCOecg

Bootstrap 5 发布了，不再支持 ie

https://v5.getbootstrap.com/docs/5.0/getting-started/introduction/

Umi 团队推出打包工具 father

基于rollup和docz的库工具包。

https://github.com/umijs/father/tree/2.x

tutorial

关于curl，JavaScript开发人员应该知道的

• curl是一个很棒的（且是通用的边界）命令行HTTP客户端，可以测试，调整和处理应用程序和API的请求。

https://javascriptweekly.com/link/90575/web

使用可视化工具学习Z-Index

—曾经为为什么将z-index设置为99999不能解决您的定位问题而感到困惑？这份使用Z-Index和Stacking Context的交互式指南可能很方便。

https://frontendfoc.us/link/90241/web

为什么我们从Yarn迁移到pnpm

yarn和pnpm都是npm的流行替代品，但是为什么您要从一个换到另一个呢？因为在monorepo场景中提高了性能。

https://javascriptweekly.com/link/90563/web

请停止Mock fetch请求

-为什么您不应该在测试中模拟fetch或API clients，以及应该考虑什么。

https://javascriptweekly.com/link/90568/web

tools And codes

Swift 和 Kotlin，哪个更好？

无关乎开发效率和执行效率，只想作为一个用户寻找更多具有更愉快使用体验的产品。

可能是有史以来最小的编译器

编译器通常比较繁琐，但又无处不在，the-super-tiny-compiler带你领略最简洁的编译器。

https://github.com/jamiebuilds/the-super-tiny-compiler

跨浏览器的Web自动化

一个Node库，可以通过几个简单API快速启动Chromium、Firefox、Webkie

https://github.com/microsoft/playwright

使用JavaScript跟踪2D智能手机

利用通用传感器API将智能手机变成具有实时跟踪功能的指针。

https://javascriptweekly.com/link/89750/web