QCon筆記 Native 和 Web 融合

2022-04-03 10:29:25 字數 1482 閱讀 7972

mobile web 的協作能力底層來自 webkit,上層有 html/js/css 控制頁面的結構/行為/樣式,uri 連線不同的資源,這樣的機制可以被 native 借鑑,構建 native 的分層架構。

天貓移動端gmv42% 年底推達 70%

native 融合 web 的能力vsweb 融合 native 能力:

native通常用在:首頁、搜尋頁、詳情頁、交易頁等重要核心的頁面,保證dns垮了使用者依然可以使用native完成核心交易

web頁:頻道、活動、**等不是很重要或者頻繁變動的頁面

native基礎

主要就是業務復用

兩邊分層架構對比

挑戰:解耦

工具:耦合圖-->清晰直觀、發現問題、評估整合複雜性

//todo工具怎麼用?

web體驗

首次載入

問題:首次請求資源-->白屏、使用者體驗差

解決:業內普遍使用:打包靜態資源到端,然後push到客戶端

二次載入

利用瀏覽器自身的快取機制,二次載入不用向伺服器請求所有資源,速度明顯快了很多

//todo打包系統?發布系統?有現成工具?

webview  crash  監控

監控:

crash原因:

action:

優化:hybrid api

問題: 各bu私有api

解決: 統一hybrid方案

總結打包、xlist//todo、效能監控、hybridapi、native基礎

react native

slogan: write once,run anywhere!learn once,write anywhere!

native有更好的手勢識別、動畫效果、原生控制項、合適的執行緒模型儘管web worker//todo可以解決一部分問題,但如影象解碼、文字渲染仍無法多執行緒渲染,影響了web的流暢性

我們需要native的人機互動+web的開發效率和發布能力

猜你喜歡 web vs native vs rn:

規劃:

元件:

其他問題:

自己的元件庫//todo

引入rn//todo成本未知,暫時不

我司暫時木有crash的問題

QCon 2015 閱讀筆記 團隊建設

qcon 2015 閱讀筆記 移動開發最佳實踐 qcon 2015 閱讀筆記 團隊建設 兩位講解人其實都是比較有經驗的,來自國內外一線網際網路企業。實戰一 人才招聘面試 喜歡 聰明,好奇,熱情,交流 不喜歡 不願學習,不符合企業文化 技術!極少純管理職位 實戰二 團隊結構 實戰三 制度 實戰四 薪酬...

Query註解的原生用法和native用法

query value select u.id,u.name from user u,town t where u.id t.id and t.place name user finduserbyplace param place string place query value select ne...

Qcon杭州2011 聽課筆記 小結

整體印象 l 社會化 過濾掉資訊 產生的干擾,只顯示你需要關心或應該關心的內容,過濾引數除了傳統的人際圈外,還有地理位置 使用者偏好如購買行為等等。l 實時化 資料探勘,即時分析 無需使用者請求,即時反饋 占領使用者手機,即時推送 l 平台化 硬體上通過雲平台,降低企業部署和伸縮的成本 軟體上通過開...