酷播亮新聞
【IT168 評論】十年的風雨同舟，十年的相濡以沫！SACC（中國系統架構師大會）已成為中國架構師領域最具影響力品牌，是CTO、研發總監、系統架構師，研發工程師、IT經理等人群的饕餮大餐。
2018年10月19日，由IT168旗下ITPUB企業社區平台主辦的第十屆中國系統架構師大會(SACC2018)來到了第三天，依舊熱情不減。基礎架構運維、容器技術、架構成長、前端架構、大數據分析、與區塊鏈應用等8大專場內容分上午、下午兩部分，齊頭並進。現場座無虛席，互動不斷。
本文聚焦於前端開發與移動架構專場，詳細解讀前端架構在不同企業的具體實踐。
兔展雷宗民：小團隊的基礎設施建設之路
對於大多數初創公司的小團隊而言，面臨的問題包括初級技術水平的成員佔比較高，基礎設施不完善，但是卻要求用更短的時間和更少的資源來完成任務。
代碼開發講究效率、規範和質量三大關鍵點，在前面背景下很難做到代碼、文檔統一，雷老師分享了兔展內部通過代碼來描述介面、自動生成文檔來統一解決此類問題。
在開發團隊，前端和後端的糾纏也是也是一大問題。項目之間的牽扯與部署許可權混亂在前後端團隊之間時有發生，兔展從開始的統一賬號提交發展到後期提交發布管理平台，以此防止出現問題責任不明確和內容修改等問題。
蘇寧李曉健：蘇寧視頻雲前端系統架構的演變歷程
現在很多的系統也都由客戶端慢慢的向WEB端轉移，所以WEB端內容已經不再是只用來做靜態內容的展示，現在的WEB端已經體現出了很多之前在後端才有的一些邏輯和交互，前端也在不停的增加著業務代碼，在用戶體驗上也有較高的要求，這些包括頁面的響應速度和數據的動態獲取等等，這些原因也是近幾年前端快速發展的根本原因。
前端的業務日漸複雜，那代碼量自然也會隨之增加，這就帶來了一系列的問題，比如代碼的維護更加困難，團隊的協同開發更加麻煩，頁面去載入和解析這些資源也會變慢等等。要想更好的解決這些問題，就需要一個合理的架構。下圖是李曉健老師分享的蘇寧視頻雲如何搭建一個合適的架構。
當然架構沒有最好的，只有更合適的，並且不同的團隊，不同的產品也相差較大，所以想要找到一個合理的架構就需要我們根據自身情況不斷的去總結和完善。
阿里巴巴林陽：H5頁面呈現體驗解決方案
近年來的前端發展多集中在工程化方案上，很多框架也是在這個思維上進行解決方案的梳理，而忽略了H5在交互上具有更強的優勢。而當H5內嵌在客戶端內，結合更多樣的業務場景，對資源載入、性能要求、模塊高可用都提出了新的挑戰。
演講圍繞 H5頁面如何深入用戶體驗，構建漸進式Web App，做到頁面載入呈現媲美原生應用，並使網站載入速度更快，更具備彈性展開細化討論。在涉及h5可控性差和模塊載入速度慢以及頁面渲染效果方面都有深入探討。
林陽老師在會上還分享了用h5做的蘋果操作系統界面，在演示demo中，圖片的載入是不同於其他h5的逐幀載入，demo中是載入圖片完成後再進行展示，實現途徑有兩種，一種是圖片的載入時用JavaScript控制顯示，第二種是把JavaScript做出的邏輯寫到css引擎上，通過css的語法就可以讓開發者實現這樣的呈現效果。中間還有很多頁面渲染和載入的具體細節，可點擊林陽老師的demo進行查看，地址：//ioing.com/#!demo/app-ios!/。
汽車之家羅飛飛：汽車之家React Native應用實踐。
為了支撐業務高速發展，汽車之家在客戶端動態化方案上，一直在披荊斬棘，持續演進。從Hybrid、插件化、卡片化，到ReactNative方案的引入，動態能力變得日益強大。React Native作為Facebook開源的使用JavaScript語言編寫原生應用的一項技術，其兼顧了開發效率與應用性能，是目前跨平台開發框架的極佳選擇，適合於業務的大規模使用。但對開發者來說，React Native的實踐道路上仍然有很多現實的技術坑。
RN整體性能雖然不錯，但RN的方案並不是完美的。RN原生提供的組件並不多；RN給出了一些非常基礎的Api，很多時候，不能滿足業務快速發展的需要。一些交互非常複雜、頁面非常複雜、需要頻繁的更新、需要一些手勢交互的場景，RN 仍有些內存跟性能的瓶頸。穩定性上，也有比較大的提升空間；為此汽車之間建設一個配套保障平台（做功能支撐），
為使用RN做業務開發的同學，提供一整套從開發，到上線，到線上質量保證功能支撐。這些對業務來說是非常重要的。
總結：React Native兼顧了開發效率與應用性能，是目前動態化方案的極佳選擇，適合於追求高性能、快速迭代、平台級的APP。同時，React Native項目也在持續演進之中，大規模使用時需要一個團隊進行定製改造與維護。（當然，這也是豐儉由人，依具體業務而定）
在本屆SACC大會的《前端架構與移動開發》專場，我們了解了不同企業在前端架構設計等方面的實踐優化。第十屆中國系統架構師大會準備了三天傳統技術大會演講，兩天深度主題培訓，更多精彩議題歡迎訪問大會專題頁面，請戳「了解更多」
