技術週刊 · 蕪湖~ Flutter

提及跨端,你能想到哪些技術?PWA、小程序、Ionic、React Native、Weex……當然也少不了 Flutter,歷時 3 年,Flutter 也取得了不小的發展,那麼它在國內境遇如何?使用 Dart 開發又有哪些挑戰?開發體驗和實際性能又如何?讓美團外賣的 Flap 團隊給你答案吧。

登高遠眺

天高地迥,覺宇宙之無窮

基礎技術

使用 CSS Scroll Snap 實現滑動容器

你是否曾希望 CSS 能原生實現一個可吸附的滑動容器呢?本文將深入 CSS Scroll Snap 屬性,帶你瞭解滾動捕抓技術。

CSS Scroll Snap

跨端框架技術

純 Dart 的挑戰:美團外賣 Flutter 動態化實踐

文章以美團外賣對用戶端和商家端的技術選型爲切入,爲我們介紹了商家端爲什麼選擇 Flutter,以及選型之後對包體積和動態化的一些思考。爲了支持動態化能力,美團內部立項了 Flap 項目,並將於下一年進行開源。文章最後對 Flap 如何實現純 Dart 的動態化方案進行了展開詳細介紹。

純 Dart 的挑戰:美團外賣 Flutter 動態化實踐

工程化

百億業務流量-如何做好穩定性監控

文章介紹了淘系前端團隊對監控體系的思考與整體解決方案。根據對前端故障進行統計分析,分別從發現難、恢復慢兩個方向進行思考,然後詳細介紹了爲應對上述兩大問題所引入的監控覆蓋策略和灰度監控流程。最後展示了監控覆蓋、灰度監控等能力建設之後,如何爲業務保駕護航。

百億業務流量-如何做好穩定性監控

服務端開發

Headless Chrome:更優秀的 SSR 解決方案

爲了提高 SPA 應用的首屏速度,或者針對搜索引擎優化,我們通常會用到 SSR 技術,但現有的 SSR 方案往往不盡人意。在本文中,Google 工程師 Eric Bidelman 展示瞭如何使用 Pupteer 的 API 向 Express web 服務器添加服務器端渲染(SSR)功能,最棒的是這個功能的實現幾乎不需要修改代碼,且所有的重活都是 Headless 處理的,通過幾行代碼你就可以對任何頁面做 SSR。

Headless Chrome: an answer to server-side rendering JS sites

人工智能

3D Deep Learning 入門

3D 數據分析的應用很廣泛,特別是在自動駕駛和 AR/VR 領域,深度學習的盛行也促進了 3D Deep Learning 的研究。
2017 年 IEEE 國際計算機視覺與模式識別會議 CVPR 中的一個講座 3D Deep Learning tutorial 從基礎介紹了 3D Deep Learning

3D Deep Learning 入門(一)- Deep learning on regular structures

工具推介

程序員寫 PPT 的正確姿勢 — Reveal.js

作爲一個程序員,在工作中需要做一些技術分享或項目彙報時,往往需要花費很長時間去做一個 PPT。Reveal 是一個運行在瀏覽器上的 PPT,讓我們可以使用 HTML 甚至是 Markdown 語法去實現一個 PPT。Reveal 支持衆多特性,例如自動動畫、演講者註釋、代碼語法高亮、導出 PDF 等,同時內置了若干默認主題。另外介紹一個項目 reveal-md,它對 Reveal 進行了一層封裝,幫助我們使用 Markdown 語法快速地實現一個 PPT。

程序員寫 PPT 的正確姿勢 — Reveal.js

滄海拾遺

滄海拾遺,積跬步以至千里

Flutter 性能優化:tree shaking 和延遲加載

爲了獲得最佳的用戶體驗,應用程序的加載速度必須很快。加載 web 應用程序的初始加載時間可以通過最小化 JavaScript 包來改進。Dart 編譯器包含諸如樹抖動和延遲加載等特性,這兩個特性都使 JavaScript 捆綁包最小化。本文將解釋它們的工作原理以及如何在應用程序中使用它們。

Flutter 性能優化:tree shaking 和延遲加載

Flutter 性能優化:圖片佔位符、預緩存和禁用導航過渡動畫

性能感知是指應用程序對用戶的感覺有多快,在本文中詳細介紹了三種可以在應用程序中使用的提高感知性能的策略:圖像佔位符、預緩存圖像和禁用導航過渡動畫。

Flutter 性能優化:圖片佔位符、預緩存和禁用導航過渡動畫

Flutter 性能優化:打造高性能 widget

本文和上述兩篇文章都是 Flutter 性能優化系列文章之一,記錄了 Flutter 團隊優化 Flutter Gallery 的實踐,相信這些文章對於想要入門 Flutter 會有很大的裨益,使得開發的應用更具性能。

Flutter 性能優化:打造高性能 widget

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

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


往期回顧

第 33 期

更多前沿技術,歡迎大家繼續關注凹凸實驗室公衆號,小助手一直在這裏等你來撩哦~

👇 查看原文,電腦端更方便閱讀哦~


本文分享自微信公衆號 - 凹凸實驗室(AOTULabs)。
如有侵權,請聯繫 [email protected] 刪除。
本文參與“OSC源創計劃”,歡迎正在閱讀的你也加入,一起分享。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章