移動前端開發(fā)和 Web 前端開發(fā)的區(qū)別是什么？

2010-06-10 網(wǎng)站建設(shè)觀點(diǎn)

前端這門技術(shù)，從誕生發(fā)展至今不過寥寥十余年。如果說前十年是 PC 前端的時(shí)代，那后十年一定是屬于移動前端的時(shí)代。特別是隨著網(wǎng)絡(luò)制式的發(fā)展，移動設(shè)備在全球范圍內(nèi)得到了空前的普及，在前端領(lǐng)域，Hybird Web、React Native、Weex、Flutter 等等一系列新的移動前端技術(shù)也如同雨后春筍般冒出來，今天來和大家分享一下我對「移動前端開發(fā)和 Web 前端開發(fā)」的理解。

回顧：前端發(fā)展史

階段一：刀耕火種

十多年前的前端，開發(fā)者還在為兼容 IE6 而頭疼，框架上 jQuery 是老大，有追求的前端開發(fā)可能會使用 Zepto.js 以減少網(wǎng)頁體積。這個(gè)時(shí)候，前端頁面主要還是以 PC 為主，這個(gè)時(shí)候根本沒有移動前端的概念，在小小的手機(jī)屏幕上流量的頁面則是以純文本為主。

階段二：工程化

在 2011 ~ 2014 年之間的歷史階段里，模塊化的思路占為主導(dǎo)。當(dāng)時(shí)為了進(jìn)行 Assets 資源加載器的設(shè)計(jì)，就制定了模塊化的協(xié)議規(guī)范。當(dāng)時(shí)比較流行的模塊化協(xié)議就是 AMD（RequireJS）、CMD（Seajs 為代表）、KMD（Kissy 為代表）。在淘寶、天貓，Kissy 應(yīng)用的很火，所以 KMD 主導(dǎo)天下；在支付寶及外部社區(qū)，Seajs 應(yīng)用的很火，所以 CMD 主導(dǎo)天下，玉伯大大的名氣和威望也在前端圈里特別高；而 AMD 在國外比較流行，但漸漸也被后來出現(xiàn)的 CommonJS 規(guī)范削弱了氣勢。

階段三：移動化

隨著 3G、4G 的發(fā)展和 iOS 和 Android 手機(jī)在市場的普及量大增，PC 業(yè)務(wù)主戰(zhàn)場也逐漸過渡到移動端。前端的思維模式由 PC 轉(zhuǎn)向了移動端，并向 App 的用戶體驗(yàn)看齊。移動端的 HTML5 協(xié)議支持不完善，前端的生產(chǎn)配套不全，Android 的屏幕碎片化，所以那個(gè)時(shí)候的前端開發(fā)移動端頁面適配的痛苦要遠(yuǎn)遠(yuǎn)超過 PC 時(shí)代。

階段四：框架化

在前端社區(qū)，Angular、React、Vue、RN （React Native）這樣的 MV* 框架一個(gè)接著一個(gè)出現(xiàn)，讓前端接受了數(shù)據(jù)驅(qū)動思想的洗禮之外，還借助 RN 完成了移動端的體驗(yàn)升級，包括后來的 Weex、Flutter。

在這個(gè)階段，前端開始有了終端的底層架構(gòu)組，開始構(gòu)思前端頁面在移動終端上的加載性能和用戶體驗(yàn)表現(xiàn)。在阿里巴巴內(nèi)部，為了解決多端復(fù)用的問題，Rax 借助 VDOM 打通 WebView 和 Weex 兩端，一套代碼跑天下。

階段五：垂直化

隨著初代 iPhone 的發(fā)布，大屏幕手機(jī)逐漸變成了主流，移動端的需求開始爆發(fā)。在淘寶天貓，每年雙十一的移動端成交額逐年攀升，并逐漸占領(lǐng)絕對領(lǐng)先地位。前端的領(lǐng)域也隨著這種趨勢逐漸細(xì)分，按照場景可以簡單分為移動(無線)前端開發(fā)和中后臺前端開發(fā)。

移動前端開發(fā)面向的是消費(fèi)者端的 Web 與輕 App 業(yè)務(wù)場景，在這個(gè)場景下，淘系經(jīng)過多年的營銷活動沉淀，逐漸形成了移動端獨(dú)特的、輕量級的解決方案，以及模塊維度的、面向運(yùn)營的頁面搭建系統(tǒng)。

中后臺前端則是面向企業(yè) ERP、CRM 、OA 等偏后的業(yè)務(wù)場景，如商家后臺等系統(tǒng)。在這個(gè)場景下，借助飛冰、Fusion Design 等中后臺物料，形成可視化的中后臺搭建解決方案，為業(yè)務(wù)的前端、開發(fā)或產(chǎn)品角色提供一站式中后臺生產(chǎn)解決方案。

原文鏈接：https://blog.csdn.net/alitech2017/article/details/106575385

上一篇：企業(yè)可以自己開發(fā)OA系統(tǒng)嗎？會遇到什么問題？返回觀點(diǎn)列表下一篇：對象存儲與塊存儲、文件存儲等對比

本文標(biāo)簽：

本文地址： http://www.bmwdream.cn/a/2187.html

相關(guān)專題

品牌官網(wǎng)設(shè)計(jì)
杭州派迪科技為高端客戶提供品牌官網(wǎng)咨詢策劃，品牌官網(wǎng)設(shè)計(jì)，品牌官網(wǎng)建設(shè)開發(fā)服務(wù)，以國際化視野和標(biāo)準(zhǔn)為基礎(chǔ)，為各行業(yè)領(lǐng)軍品牌提供高端企業(yè)網(wǎng)站定制、策劃、設(shè)計(jì)、互動與制作
查看詳情
大策略營銷門戶網(wǎng)站
杭州派迪科技有自己的營銷型網(wǎng)站CMS系統(tǒng)，適合白帽SEO網(wǎng)站。特別對大策略的營銷型門戶網(wǎng)站制作有一定的經(jīng)驗(yàn)，曾經(jīng)為上海天擎外貿(mào)行業(yè)網(wǎng)站、浙江兆龍營銷型門戶、先臨三維門戶營銷網(wǎng)站提供全程的技術(shù)支持及SEO優(yōu)化指導(dǎo)
查看詳情
集團(tuán)/上市公司網(wǎng)站
杭州派迪科技為杭州本地集團(tuán)公司提供網(wǎng)頁設(shè)計(jì)、制作、開發(fā)服務(wù)，為集團(tuán)公司網(wǎng)站建設(shè)提供了響應(yīng)式、營銷型、品牌型、門戶型網(wǎng)站建設(shè)需求，歡迎廣大集團(tuán)公司客戶咨詢
查看詳情
外貿(mào)網(wǎng)站建設(shè)
杭州派迪科技為高端客戶提供外貿(mào)網(wǎng)站咨詢策劃，外貿(mào)官網(wǎng)設(shè)計(jì)，外貿(mào)官網(wǎng)建設(shè)開發(fā)服務(wù)，以谷歌搜索引起算法為基礎(chǔ)，為各行業(yè)外貿(mào)公司提供高端企業(yè)外貿(mào)網(wǎng)站定制、策劃、設(shè)計(jì)、互動與制作
查看詳情
企業(yè)網(wǎng)站建設(shè)
高端專業(yè)、令人印象深刻的用戶界面、易于訪問——企業(yè)網(wǎng)站必須反映一切，因?yàn)榕傻峡萍荚谶@里提供幫助，憑借精湛的技術(shù)、豐富的經(jīng)驗(yàn)、與客戶的持續(xù)溝通以及對每一個(gè)細(xì)節(jié)的關(guān)注，我們確保在快速的周期時(shí)間內(nèi)提供優(yōu)質(zhì)的服務(wù)。
查看詳情
半定制網(wǎng)站
杭州派迪科技模板網(wǎng)站建設(shè)專題_各行業(yè)方案專題欄目提供各行業(yè)產(chǎn)品適合的網(wǎng)站建設(shè)方案,幫助企業(yè)了解派迪科技建站效果等信息,您可以通過本站了解各行業(yè)網(wǎng)站建設(shè)方案,如需要獲取本行業(yè)定制網(wǎng)站建設(shè)方案,可以聯(lián)系在線客服或撥打電話咨詢
查看詳情