HEADER

蒲公英 · 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技術周刊貢獻指南