蒲公英 · 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 效能優化：打造高效能 widget
本文和上述兩篇文章都是 Flutter 效能優化系列文章之一，記錄了 Flutter 團隊優化 Flutter Gallery 的實踐，相信這些文章對於想要入門 Flutter 會有很大的裨益，使得開發的應用更具效能。
「蒲公英」期刊，每週更新，我們專注於挖掘「基礎技術、工程化、跨端框架技術、圖形程式設計、服務端開發、桌面開發、人工智慧、設計哲學、前端框架」等多個大方向的業界熱點，並加以專業的解讀；不僅如此，我們還會推介精選凹凸技術文章，向大家呈現團隊內的研究技術方向。
抬頭仰望，蒲公英的種子會生根發芽，如夏花絢爛；格物致知，我們登高遠眺、滄海拾遺，以求積矽步而至千里。
歡迎關注凹凸實驗室部落格：aotu.io
或者關注凹凸實驗室公眾號（AOTULabs），不定時推送文章：
