文章列表
Tag: # 前端
美團高性能終端實時日志系統建設實踐
2022年11月03日洪坤 徐博 陳成 少星
你是否經常遇到線上需要日志排查問題但遲遲聯系不上用戶上報日志的情況？或者是否經常陷入由于存儲空間不足而導致日志寫不進去的囧境？本文介紹了美團是如何從0到1搭建高性能終端實時日志系統，從此徹底解決日志丟失和寫滿問題的。希望能為大家帶來一些幫助和啟發。閱讀全文
深入理解函數式編程（上）
2022年10月13日俊杰
函數式編程是一種歷史悠久的編程范式。作為演算法，它的歷史可以追溯到現代計算機誕生之前的λ演算，本文希望帶大家快速了解函數式編程的歷史、基礎技術、重要特性和實踐法則。在內容層面，主要使用語言來描述函數式編程的特性，并以演算規則、語言特性、范式特性、副作用處理等方面作為切入點，通過大量演示示例來講解這種編程范式。同時，文末列舉比較一些此范式的優缺點，供讀者參考。因為文章涵蓋一些范疇論知識，可能需要其他參考資料一起輔助閱讀。閱讀全文
深入理解函數式編程（下）
2022年10月13日俊杰
函數式編程是一種歷史悠久的編程范式。作為演算法，它的歷史可以追溯到現代計算機誕生之前的λ演算，本文希望帶大家快速了解函數式編程的歷史、基礎技術、重要特性和實踐法則。在內容層面，主要使用語言來描述函數式編程的特性，并以演算規則、語言特性、范式特性、副作用處理等方面作為切入點，通過大量演示示例來講解這種編程范式。同時，文末列舉比較一些此范式的優缺點，供讀者參考。因為文章涵蓋一些范疇論知識，可能需要其他參考資料一起輔助閱讀。閱讀全文
自動化測試在美團外賣的實踐與落地
2022年09月15日少飛 閆旭 文文 軍帥
隨著美團到家業務的發展，系統復雜度也在持續增長。測試用例數量近兩年增長約一倍，單端數量超過1萬2千條，而研發人員的工作從大部分時間在開發，轉變成一半時間在開發、一半時間在模擬環境和自測。因此，引入自動化測試就顯得十分有必要，本文介紹了美團外賣在自動化測試方向做的一些探索和實踐，希望對從事相關領域工作的同學能夠帶來一些啟發或幫助。閱讀全文
對so體積優化的探索與實踐
2022年06月02日洪凱 常強
減小應用安裝包的體積，對提升用戶體驗和下載轉化率都大有益處。本文將結合美團平臺的實踐經驗，分享 so 體積優化的思路、收益，以及工程實踐中的注意事項。本文將先從 so 文件格式講起，結合文件格式分析哪些內容可以優化，然后再具體講解每項優化手段以及注意事項，最后介紹相關的工程實踐經驗。希望能對從事包體積優化的同學有所幫助或啟發。閱讀全文
知識圖譜可視化技術在美團的實踐與探索
2022年04月14日巍耀
知識圖譜可視化可以更直觀地查看和分析知識圖譜的數據。本文主要介紹了美團平臺在布局策略、視覺降噪、交互功能、可視化敘事、3D圖譜可視化等方面的一些實踐和探索，同時沉淀出了uni-graph圖可視化解決方案，并支持了美團的很多業務場景，包括美團大腦、圖數據庫、智能IT運維、組件依賴分析、行業領域圖譜等。希望能對從事知識圖譜可視化方向的同學有所幫助或啟發。閱讀全文
終端新玩法：技術棧無關的劇本式引導
2022年04月07日松濤 尚先 筱斌
App引導是端上做心智建設的重要手段，我們嘗試了“劇本式”思維獲得了較好效果。在想法落地時，相關研發工作量較大，而且終端技術棧多樣化，需要做到“零代碼”和“技術棧無關”。最終我們通過“圖像匹配”與“標準協議”等核心方案實現了突破。本文將介紹該項目的思考過程，并會對關鍵技術方案進行剖析和解讀，希望能給從事相關開發工作的同學以啟發。閱讀全文
從0到1：美團端側CDN容災解決方案
2022年01月13日魏磊 心澎 陳彤
CDN已經成為互聯網重要的基建之一，越來越多的網絡服務離不開CDN，它的穩定性也直接影響到業務的可用性。CDN的容災一直由美團的SRE團隊在負責，在端側鮮有方案和實踐。本文結合美團外賣業務中的具體實踐，介紹了一種在端側感知CDN可用性狀況并進行自動容災切換的方案，通過該方案可有效降低業務對CDN異常的敏感，提高業務的可用性，同時降低CDN運維壓力。希望本方案能夠對被CDN問題所困擾的同學有所幫助或者啟發。閱讀全文
性能優化探索與實踐
2021年12月16日典勝 海闊 徐亮
美團外賣商家端基于 的技術探索已久，目前在多個業務中落地了App、PC、H5的多端復用，有效提升了產研的整體效率。在這過程中，性能問題是我們面臨的最大挑戰，本文結合實際業務場景進行思考，介紹美團外賣商家端在 性能優化上所進行的探索和實踐，希望對大家能有所幫助或啟發。閱讀全文
美團外賣終端容器無關化研發框架
2021年11月30日正浩 寶石 彭震
2019年9月，美團外賣技術團隊聯合多個研發部門正式推出了，面向所有的前端研發人員，特別是按業務領域劃分的團隊，為大家提供一個完整的、開放的多終端容器無關化（）研發框架。研發同學可以通過框架快速創建、開發、構建、部署項目，在人力消耗最小的前提下，以期在不同終端上達到相對最佳的性能體驗，并且能大幅降低因容器升級帶來的替換和改造成本，讓代碼同構的復用率最大化。閱讀全文
美團跨端一體化富文本管理技術實踐
2021年11月25日高瞻 宇立等
在互聯網圈，開發和產品經理之間相愛相殺的故事，相信大家都有所耳聞。為了減少產品和前端開發人員之間的矛盾，不斷降本提效，美團醫藥技術部構建了跨端一體化富文本管理平臺Page-佩奇。本文系統介紹了該平臺的定位、設計思路、實現原理以及取得的成效。希望這些實戰經驗與總結，能給大家帶來一些啟發或幫助。閱讀全文
美團民宿跨端復用框架設計與實踐
2021年06月10日凱林 森偉 熙辰 戈弋 少元
從 PC 時代、移動時代到萬物互聯的 IoT 時代，伴隨終端設備的日趨多樣化，跨端復用的種子自此落地，開始生根發芽。從業務角度出發，跨端技術演進更多是在不同階段、不同時間段內業務效率上的選擇，美團民宿業務在大前端融合的浪潮中逐浪前行，不斷探索和迭代抉擇，為解決業務痛點而孵化出跨端框架技術，在這個過程中，我們進行了很多的探索和實踐的思考，希望能給大家一些啟發。本文主要分享美團民宿在跨端復用技術探索和業務實踐過程中的經驗。閱讀全文
設計稿（UI視圖）自動生成代碼方案的探索
2021年03月25日田貝 少寬 騰飛
此前，前端工程師嘗試過將業務組件模塊化構建成通用視圖庫，并通過拖拽、拼接等形式搭建業務模塊，從而實現視圖復用，降低設計稿轉代碼的研發成本。但隨著業務的發展和個性化的驅動，通用視圖庫無法覆蓋所有應用場景，本文提出了一種設計稿自動生成代碼的方案。閱讀全文
在美團外賣的實踐
2021年03月18日典勝 凌霄 海闊
美團外賣商家端業務圍繞數百萬商家，在 PC 和 App 上分別提供了交易履約、運營、廣告、營銷等一系列功能前端要用到什么軟件，且經常有外投 H5 的場景（如外賣學院、商家社區、營銷活動等）。在這種多形態的業務場景下，如何保障多端體驗一致性、如何提升多端迭代效率一直是商家端產研關注的重點。閱讀全文
一款可以讓大型iOS工程編譯速度提升50%的工具
2021年02月25日思琦 旭陶 霜葉
本文介紹了美團平臺自研的一款插件，該插件可以大幅提升iOS工程代碼的編譯速度。文章前半部分主要介紹相關的原理，后面闡述了在工程層面的實踐，希望能給從事相關開發的同學帶來一些幫助或者啟發。閱讀全文
從預編譯的角度理解Swift與-C及混編機制
2021年02月25日思琦 旭陶 霜葉
本文從預編譯的基礎知識入手，由淺至深的介紹了-C和Swift的工作機制，并通過這些機制來解釋混編項目中使用到的技術和各種參數的作用，由此來指導開發者如何進行混編。閱讀全文
讓 在鴻蒙系統上跑起來
2021年01月22日楊超
鴻蒙系統 （）是華為推出的一款分布式操作系統前端要用到什么軟件，那么如何在保證開發迭代效率的前提下，以相對低的成本將移動應用快速移植到鴻蒙平臺上呢？美團外賣 團隊近期做了一次技術探索，成功地實現了 對于鴻蒙系統的原生支持。閱讀全文
移動端UI一致性解決方案
2020年11月26日韓洋 彥平 李肖 瀚陽 趙炎
UI一致性是絕大部分研發團隊面臨的共性問題，大家對落地設計規范，提高UI中臺能力，提升產研效率具有強烈的訴求。通過UI一致性的建設，不僅可以在品牌上實現體驗升級，更可以全面提高產研效率，為業務的快速迭代提供有力支持和有效保障。統一的品牌符號、品牌特征，有助于加深產品在用戶心目中的印象。統一的用戶界面和交互形式，能幫助用戶加深對產品的熟悉感和信任感。而一個好的設計語言可以在體驗上為產品加分，也能夠更好的創造一致性體驗。閱讀全文
積木插件進階開發指南
2020年11月05日韓洋 思琪 李肖 彥平
積木插件原本只是外賣提升UI/RD協作效率的一次嘗試，最初的目標僅是UI一致性，但是現在已經作為全面提升產研效率的媒介，承載了越來越多的功能。閱讀全文
地圖與Web融合技術的應用與實踐
2020年10月30日加鵬 張斌 楊睿 邱博 海峰
本文將與地圖組件疊加到一起，實現了用戶手勢事件智能分發的機制，解決了與地圖在同一頁面內布局困難的問題。閱讀全文