蒲公英 · JELLY技术周刊 Vol.34: 芜湖～ Flutter

Z时代
2024-01-10
分类：技术分享

蒲公英 · JELLY技术周刊 Vol.34

提及跨端，你能想到那些技术？PWA、小程序、Ionic、React Native、Weex……当然也少不了 Flutter，历时 3 年，Flutter 也取得了不小的发展，那么它在国内境遇如何？使用 Dart 开发又有哪些挑战？开发体验和实际性能又如何？让美团外卖的 Flap 团队给你答案吧。

登高远眺

天高地迥，觉宇宙之无穷

基础技术

使用 CSS Scroll Snap 实现滑动容器

你是否曾希望 CSS 能原生实现一个可吸附的滑动容器呢？本文将深入 CSS Scroll Snap 属性，带你了解滚动捕抓技术。

跨端框架技术

纯 Dart 的挑战：美团外卖 Flutter 动态化实践

文章以美团外卖对用户端和商家端的技术选型为切入，为我们介绍了商家端为什么选择 Flutter，以及选型之后对包体积和动态化的一些思考。为了支持动态化能力，美团内部立项了 Flap 项目，并将于下一年进行开源。文章最后对 Flap 如何实现纯 Dart 的动态化方案进行了展开详细介绍。

工程化

百亿业务流量-如何做好稳定性监控

文章介绍了淘系前端团队对监控体系的思考与整体解决方案。根据对前端故障进行统计分析，分别从发现难、恢复慢两个方向进行思考，然后详细介绍了为应对上述两大问题所引入的监控覆盖策略和灰度监控流程。最后展示了监控覆盖、灰度监控等能力建设之后，如何为业务保驾护航。

服务端开发

Headless Chrome：更优秀的 SSR 解决方案

为了提高 SPA 应用的首屏速度，或者针对搜索引擎优化，我们通常会用到 SSR 技术，但现有的 SSR 方案往往不尽人意。在本文中，Google 工程师 Eric Bidelman 展示了如何使用 Pupteer 的 API 向 Express web 服务器添加服务器端渲染（SSR）功能，最棒的是这个功能的实现几乎不需要修改代码，且所有的重活都是 Headless 处理的，通过几行代码你就可以对任何页面做 SSR。

人工智能

3D Deep Learning 入門

3D 数据分析的应用很广泛，特别是在自动驾驶和 AR/VR 领域，深度学习的盛行也促进了 3D Deep Learning 的研究。

2017 年 IEEE 国际计算机视觉与模式识别会议 CVPR 中的一个讲座 3D Deep Learning tutorial 从基础介绍了 3D Deep Learning

工具推介

程序员写 PPT 的正确姿势 — Reveal.js

作为一个程序员，在工作中需要做一些技术分享或项目汇报时，往往需要花费很长时间去做一个 PPT。Reveal 是一个运行在浏览器上的 PPT，让我们可以使用 HTML 甚至是 Markdown 语法去实现一个 PPT。Reveal 支持众多特性，例如自动动画、演讲者注释、代码语法高亮、导出 PDF 等，同时内置了若干默认主题。另外介绍一个项目 reveal-md，它对 Reveal 进行了一层封装，帮助我们使用 Markdown 语法快速地实现一个 PPT。

沧海拾遗

沧海拾遗，积跬步以至千里

Flutter 性能优化：tree shaking 和延迟加载

为了获得最佳的用户体验，应用程序的加载速度必须很快。加载web应用程序的初始加载时间可以通过最小化 JavaScript 包来改进。Dart 编译器包含诸如树抖动和延迟加载等特性，这两个特性都使 JavaScript 捆绑包最小化。本文将解释它们的工作原理以及如何在应用程序中使用它们。

Flutter 性能优化：图片占位符、预缓存和禁用导航过渡动画

性能感知是指应用程序对用户的感觉有多快，在本文中详细介绍了三种可以在应用程序中使用的提高感知性能的策略：图像占位符、预缓存图像和禁用导航过渡动画。

本文和上述两篇文章都是 Flutter 性能优化系列文章之一，记录了 Flutter 团队优化 Flutter Gallery 的实践，相信这些文章对于想要入门 Flutter 会有很大的裨益，使得开发的应用更具性能。

「蒲公英」期刊，每周更新，我们专注于挖掘「基础技术、工程化、跨端框架技术、图形编程、服务端开发、桌面开发、人工智能、设计哲学、前端框架」等多个大方向的业界热点，并加以专业的解读；不仅如此，我们还会推介精选凹凸技术文章，向大家呈现团队内的研究技术方向。
抬头仰望，蒲公英的种子会生根发芽，如夏花绚烂；格物致知，我们登高远眺、沧海拾遗，以求积硅步而至千里。
蒲公英 · JELLY技术周刊贡献指南