1 移動端開發(fā)分類1.1 Native App 原生App開發(fā)長處：

（1）用戶體會好

（2）功能安穩(wěn)

（3）操作速度快

（4）能夠拜訪本地資源（通訊錄，相冊）

（5）能夠規(guī)劃超卓的動效，轉場

（6）具有系統(tǒng)等級的貼心告訴或提醒

（7）用戶留存率高缺陷：

（1）開發(fā)本錢高

（2）維護本錢高

（3）更新緩慢，根據(jù)不同渠道，提交–審核–上線流程較雜亂。總的來說，native app開發(fā)從android、ios智能手機呈現(xiàn)就有了開發(fā)技能，功能體會最優(yōu)，API比較完善，可是學習起來難度比較高，開發(fā)本錢比較高（跟開發(fā)周期相對來說比較長也是有聯(lián)系的）。

2 Web App 網頁App開發(fā)長處：

（1）發(fā)版徹底自控，隨時更新

（2）跨渠道，由于本身來說用的是Web的東西，所以能夠在恣意渠道上運行

（3）本錢小，Web頁面嵌入Webview開發(fā)起來速度非?？欤粋€人就能夠輕松搞定缺陷：

（1）功能差

（2）弱網絡或無網絡條件下體會差

（3）適用有展示類需求的項目，可是假如要完成的功能比較雜亂的話就顯得力不從心總的來說，相比Native App，Web App體會中受限于網絡環(huán)境和烘托功能。Web APP對網絡環(huán)境的依賴性較大，由于Web APP中的H5頁面，當用戶運用時，去服務器懇求顯現(xiàn)頁面。假如此刻用戶恰巧遇到網速慢，網絡不安穩(wěn)等其他環(huán)境時，用戶懇求頁面的功率大打折扣，在用戶運用中會呈現(xiàn)不流暢，時斷時續(xù)的不良感觸。一起，H5技能自身烘托功能較弱：對雜亂的圖形樣式，多樣的動效，自定義字體等的支撐性不強。因此，應留意以下幾點：

1.簡化不重要的動畫/動效；

2.簡化雜亂的圖形文字樣式；

3.削減頁面烘托的頻率和次數(shù)。

3 Hybrid App 混合型App開發(fā)長處：

（1）體會好

（2）安穩(wěn)性強動態(tài)性強

（3）本錢相對低跨渠道缺陷：對團隊技能棧要求相對高功能優(yōu)化Hybrid App就是Native結合Web混合開發(fā)，Native+JS代碼代表作是cordova前身是phonegap，現(xiàn)在移交給Apache，中心JsBridge，JS調Java，Java調JS。由于混合開發(fā)，所以體會挨近原生、安穩(wěn)性強并且發(fā)版快。

2 Viewport視口

2.1 視口視口是移動設備上用來顯現(xiàn)網頁的區(qū)域，一般會比移動設備可視區(qū)域大，寬度可能是980px或許1024px，意圖是為了顯現(xiàn)下整個為PC端規(guī)劃的網頁。這樣帶來的后果是移動端會呈現(xiàn)橫向滾動條，為了避免這種狀況，移動端會將視口縮放到移動端窗口的巨細。這樣會讓網頁不容易觀看，能夠用meta標簽，name="viewport"來設置視口的巨細，將視口的巨細設置為和移動設備可視區(qū)相同的巨細。在移動端用來承載網頁的這個區(qū)域，就是我們的視覺窗口，viewport（視口），這個區(qū)域能夠設置高度寬度，能夠按份額放大縮小，并且能設置是否答應用戶自行縮放。

2.2參數(shù)闡明width：寬度設置的是viewport寬度，能夠設置device-width特殊值initial-scale：初始縮放比，大于0的數(shù)字maximum-scale：大縮放比minimum-scale：最小縮放比user-scalable：用戶是否能夠縮放，yes或no（1或0）

2.3 設置方法3 移動端適配布局運用百分比自適應布局（流式布局）一起需要對移動端的viewport視口進行設置，就能夠到達適配的意圖。

3.1 流體布局+少量呼應式流體布局：運用百分比來設置元素的寬度，元素的高度按實際高度寫固定值，流體布局中，元素的邊線（border）無法用百分比，能夠運用樣式中的計算函數(shù)calc()來設置寬度，或許運用box-sizing屬性將盒子設置為邊線計算盒子尺度。呼應式布局：運用媒體查詢的方法，經過查詢?yōu)g覽器的寬度，不同的寬度應用不同的樣式塊，每個樣式塊對應的是該寬度下的布局方法，然后完成呼應式布局，呼應式布局的頁面能夠適配多種終端屏幕（pc、平板、手機）。

3.2 根據(jù)rem的布局rem指的是參照根節(jié)點的文字巨細，根節(jié)點指的是html標簽，設置html標簽的巨細，其他的元素相關尺度設置用rem。這樣，一切元素都有了統(tǒng)一的參照規(guī)范，改動html文字的巨細，就會改動一切元素用rem設置的尺度巨細。

聲明：本文來源網絡資料收集整理，如有侵權，及時告知我們給予刪除。

分享名稱：移動端開發(fā)之webapp開發(fā)
文章位置：http://jinyejixie.com/news31/218231.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供移動網站建設、定制網站、App設計、品牌網站建設、品牌網站制作、網站導航

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)