資訊專欄INFORMATION COLUMN
摘要：移動(dòng)端技術(shù)路線概述在移動(dòng)互聯(lián)網(wǎng)發(fā)展初期，業(yè)務(wù)場景并不復(fù)雜，原生開發(fā)還可以應(yīng)對產(chǎn)品需求迭代。需結(jié)合團(tuán)隊(duì)人員的情況，業(yè)務(wù)場景對于性能和動(dòng)態(tài)化的需求程度來考慮哪種技術(shù)方案能帶來更高的價(jià)值。
1. 移動(dòng)端技術(shù)路線 1.1 概述在移動(dòng)互聯(lián)網(wǎng)發(fā)展初期，業(yè)務(wù)場景并不復(fù)雜，原生開發(fā)還可以應(yīng)對產(chǎn)品需求迭代。 但近幾年，隨著物聯(lián)網(wǎng)時(shí)代到來、移動(dòng)互聯(lián)網(wǎng)高歌猛進(jìn)，日新月異，在很多業(yè)務(wù)場景中，傳統(tǒng)的純原生開發(fā)已經(jīng)不能滿足日益增長的業(yè)務(wù)需求。主要表現(xiàn)在：
動(dòng)態(tài)化內(nèi)容需求增大；當(dāng)需求發(fā)生變化時(shí)，純原生應(yīng)用需要通過版本升級來更新內(nèi)容，但應(yīng)用上架、審核是需要周期的，這對高速變化的互聯(lián)網(wǎng)時(shí)代來說是很難接受的，所以，對應(yīng)用動(dòng)態(tài)化(不發(fā)版也可以更新應(yīng)用內(nèi)容)的需求就變的迫在眉睫。
業(yè)務(wù)需求變化快，開發(fā)成本變大；由于原生開發(fā)一般都要維護(hù)Android、iOS兩個(gè)開發(fā)團(tuán)隊(duì)，版本迭代時(shí)，無論人力成本，還是測試成本都會(huì)變大。
總結(jié)一下，純原生開發(fā)主要面臨動(dòng)態(tài)化和開發(fā)成本兩個(gè)問題，而針對這兩個(gè)問題，誕生了一些跨平臺的動(dòng)態(tài)化框架。
1.2 跨平臺解決方案H5: 最早出現(xiàn)的跨平臺解決方案，運(yùn)用傳統(tǒng)的Web技術(shù)，配合移動(dòng)端Web容器，實(shí)現(xiàn)跨平臺。其兼容性由移動(dòng)端Web容器內(nèi)核、渲染引擎和Web容器提供的jssdk(通過Web調(diào)用Native能力的接口)保證。
React Native: 由Facebook開源，最早的性能接近原生開發(fā)的跨平臺框架。其底層是針對iOS、Android兩大平臺的Native實(shí)現(xiàn)，上層暴露統(tǒng)一的組件和接口，從而實(shí)現(xiàn)一套代碼可以跨平臺復(fù)用。其兼容性是由官方或第三方提供的React Native基礎(chǔ)庫保證的。
Weex: 目前主要由阿里維護(hù)，解決跨平臺思路和React Native相同。其兼容性也是由官方或第三方提供的Weex基礎(chǔ)庫保證的。
Flutter: 由Google開源，重寫了界面繪制引擎。通過它在底層的繪制實(shí)現(xiàn)上來抹平不同平臺上界面開發(fā)的差異，用戶界面上真正做到了「每一個(gè)像素點(diǎn)可控」。
| 技術(shù)類型 | UI渲染方式 | 性能 | 開發(fā)效率 | 動(dòng)態(tài)化 | 典型代表 |
|---|---|---|---|---|---|
| H5+原生 | WebView渲染 | 一般 | 高 | 支持 | mPaaS、微信小程序 |
| JavaScript+原生渲染 | 原生控件渲染 | 好 | 高 | 支持 | ReactNative、Weex |
| 自繪UI+原生 | 調(diào)用系統(tǒng)API渲染 | 好 | 高 | 默認(rèn)不支持 | Flutter |
說明：
性能、開發(fā)效率、動(dòng)態(tài)化的支持是考量技術(shù)方案是否適用的重要依據(jù)。需結(jié)合團(tuán)隊(duì)人員的情況，業(yè)務(wù)場景對于性能和動(dòng)態(tài)化的需求程度來考慮哪種技術(shù)方案能帶來更高的價(jià)值。
1.3 與用戶體驗(yàn)相關(guān)的技術(shù)點(diǎn)界面組件庫：統(tǒng)一的組件庫可以保證復(fù)雜業(yè)務(wù)功能的界面風(fēng)格一致性。如果團(tuán)隊(duì)有實(shí)例可以考慮自建組件庫，也可以考慮用目前社區(qū)比較活躍的組件庫：ant design、elementUI、vantui等
動(dòng)效：好的動(dòng)效運(yùn)用往往能取得很好的用戶體驗(yàn)效果。結(jié)合用戶的界面滑動(dòng)，改變界面的展現(xiàn)布局，等待請求返回時(shí)展示一個(gè)有趣的加載動(dòng)畫在移動(dòng)app中越來越常見
懶加載：移動(dòng)app中經(jīng)常會(huì)有很長的界面，一次加載所有內(nèi)容會(huì)有較長等待時(shí)間。一般采用懶加載的技術(shù)方案，當(dāng)界面滑動(dòng)到某區(qū)域時(shí)才加載相應(yīng)內(nèi)容
緩存：對于一些會(huì)多次加載的媒體資源，采用本地緩存的方式，加速第二次加載的時(shí)間
縮略圖生成：
設(shè)備屏幕及字體適配：
2. 技術(shù)在移動(dòng)場景中的運(yùn)用 2.1 身份驗(yàn)證機(jī)制手機(jī)號短信 九宮格 生物認(rèn)證(指紋、人臉)
2.2 二維碼 2.3 支付 2.4 授權(quán) 2.5 設(shè)備功能運(yùn)用iBeacon Wi-Fi 低功耗藍(lán)牙 NFC 加速計(jì) 羅盤 陀螺儀
3. 移動(dòng)端未來的展望安裝會(huì)越來越便捷 WPA技術(shù)
廣發(fā) 阿里 招行 浦發(fā)
人臉 語音 千人千面 線上智能客服 不重復(fù)填單 授權(quán)審批 數(shù)據(jù)
技術(shù)路線
服務(wù)和交付一致性 統(tǒng)一的用戶體系
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/7274.html
摘要：也就是我們常見的瀏覽器以及內(nèi)置瀏覽器，比如微信打開的大型移動(dòng)端網(wǎng)頁。這個(gè)以微信小程序?yàn)槔?，主要是微信團(tuán)隊(duì)基于前端基礎(chǔ)來做的封裝語法，主要的還是語法。學(xué)習(xí)路線放一下給大家。前端開發(fā)學(xué)習(xí)不是單一的，內(nèi)容比較多，同樣應(yīng)用的場景也非常多。 近兩年來，前端開發(fā)工程師越來越火了，2019年已經(jīng)到來了，很多準(zhǔn)備入行前端開發(fā)工程師的小伙伴們，不知道準(zhǔn)備得怎么樣了呢？有的朋友在想方設(shè)法的學(xué)習(xí)，爭取在年后...
摘要：也就是我們常見的瀏覽器以及內(nèi)置瀏覽器，比如微信打開的大型移動(dòng)端網(wǎng)頁。這個(gè)以微信小程序?yàn)槔饕俏⑿艌F(tuán)隊(duì)基于前端基礎(chǔ)來做的封裝語法，主要的還是語法。學(xué)習(xí)路線放一下給大家。前端開發(fā)學(xué)習(xí)不是單一的，內(nèi)容比較多，同樣應(yīng)用的場景也非常多。 近兩年來，前端開發(fā)工程師越來越火了，2019年已經(jīng)到來了，很多準(zhǔn)備入行前端開發(fā)工程師的小伙伴們，不知道準(zhǔn)備得怎么樣了呢？有的朋友在想方設(shè)法的學(xué)習(xí)，爭取在年后...
摘要：也就是我們常見的瀏覽器以及內(nèi)置瀏覽器，比如微信打開的大型移動(dòng)端網(wǎng)頁。這個(gè)以微信小程序?yàn)槔?，主要是微信團(tuán)隊(duì)基于前端基礎(chǔ)來做的封裝語法，主要的還是語法。學(xué)習(xí)路線放一下給大家。前端開發(fā)學(xué)習(xí)不是單一的，內(nèi)容比較多，同樣應(yīng)用的場景也非常多。 近兩年來，前端開發(fā)工程師越來越火了，2019年已經(jīng)到來了，很多準(zhǔn)備入行前端開發(fā)工程師的小伙伴們，不知道準(zhǔn)備得怎么樣了呢？有的朋友在想方設(shè)法的學(xué)習(xí)，爭取在年后...
摘要：以下為我的真實(shí)案例以我真實(shí)案例分享，希望給更多決定重新開始的人以鼓勵(lì)我已經(jīng)上班很久了，目前在中軟做軟件測試工程師，月薪，現(xiàn)在回想起來，仍然慶幸我當(dāng)初的決定。 ?今天跟大家分享我的故事，或許你也曾像他那樣迷茫過。17年軟件工程專業(yè)?？飘厴I(yè)之后做了3年的銷售工作，最后決定還是再次提升專業(yè)技能，...
閱讀 3306·2021-11-24 09:39
閱讀 3881·2021-11-22 09:34
閱讀 4833·2021-08-11 11:17
閱讀 1068·2019-08-29 13:58
閱讀 2582·2019-08-28 18:18
閱讀 549·2019-08-26 12:24
閱讀 836·2019-08-26 12:14
閱讀 745·2019-08-26 11:58
