蒲公英 · JELLY技術周刊 Vol.34: 蕪湖～ Flutter

蒲公英 · 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 會有很大的裨益，使得開發的應用更具性能。

「蒲公英」期刊，每周更新，我們專注于挖掘「基礎技術、工程化、跨端架構技術、圖形程式設計、服務端開發、桌面開發、人工智能、設計哲學、前端架構」等多個大方向的業界熱點，并加以專業的解讀；不僅如此，我們還會推介精選凹凸技術文章，向大家呈現團隊内的研究技術方向。

擡頭仰望，蒲公英的種子會生根發芽，如夏花絢爛；格物緻知，我們登高遠眺、滄海拾遺，以求積矽步而至千裡。

蒲公英 · JELLY技術周刊貢獻指南

歡迎關注凹凸實驗室部落格：aotu.io

或者關注凹凸實驗室公衆号（AOTULabs），不定時推送文章：