當前位置:首頁 » 網頁前端 » javascript與移動web
擴展閱讀
webinf下怎麼引入js 2023-08-31 21:54:13
堡壘機怎麼打開web 2023-08-31 21:54:11

javascript與移動web

發布時間: 2022-08-11 03:50:58

❶ 移動前端開發和web前端開發有什麼區別

移動前端開發和 Web 前端開發的區別是:
1、前端是相對比較大的概念,一般是指用戶能夠看到、直接接觸的界面都算是前端,比如iOS界面,安卓界面,網頁界面,PC/Mac桌面軟體的界面。最常見的是Web前端,也就是針對於網頁端開發的工作。

2、Web App即Web application,也就是以瀏覽器作為客戶端的軟體。例如,用桌面客戶端來收發郵件,但也可以直接用瀏覽器登陸gmail或者QQ郵箱,直接使用網頁版的軟體來使用。總之就是使用網頁版代替本地軟體。
Mobile Web App就是在手機端打開的Web App。例如Gmail的移動端軟體

3、目前,移動客戶端的開發主要包括三種類型:
Native App(原生APP):也就是完全使用移動設備系統語言寫的客戶端。iOS系統就是使用Objective-C語言來編寫本地應用,也可以使用蘋果於2014年蘋果開發者大會上發布的SWIFT語言;Android平台就是使用Java語言來開發。原生APP就是從界面到交互都是使用官方標准語言來編寫,效率和穩定性都是最好的,但欠缺靈活性。
Web App:這個就是在移動瀏覽器里打開的,使用Web前端開發語言HTML CSS JavaScript來開發的,基本上就是個網頁,
Hybrid App:主要使用HTML5實現。一般使用Native語言實現一個容器,然後使用HTML CSS JS來實現用戶界面和交互。這樣方式既克服了Web App容器暴露偏底層的介面這樣的問題,同時比起原生的開發靈活性要高。這樣就更新可以更方便快捷,也不依賴於市場。例如,豌豆莢其實是個PC端的hybrid app 。
對於以上三種開發方式的比較和分析搜索引擎裡面有太多的內容了,這里也就不再贅述了。

4、移動端網頁布局方法與pc的差異。
主要是css方面,外加如何做到同一url,不同客戶端展現不一致的做法,俗稱pc和mobile都兼容。還有會說一下rem的相關用法和一段比較經典的rem.js

最後總結一下:
其實這兩者最顯著的區別就是,web app是不依賴於具體的設備的,通用性較強,只要手機或PC有相應內核的瀏覽器就基本OK。而mobile的app則依賴於具體的設備,一旦更換設備,需要重新下載才能繼續使用。
移動前端開發 主要來說的是Native Client的開發Android為Java,iOS為Objective-C,然後么HTML5應用號稱跨平台其實差異很大。
Web前端開發么基本上就是HTML JavaScript CSS,不過有些人把Servelt/JSP, PHP,Ruby,Python,C#之類的只要關繫到頁面的也叫做Web前端開發。
app是應用,每個操作系統有專門的開發工具和語言
web是網頁,使用html+css+js,有工具可以生成轉化為app,不過效果一般

❷ 移動web和web有哪些區別

移動web和web有哪些區別體現在以下幾點:
1.比如說具體的應用在不同地方的形態。
一款計算器:
web app: 其實就是在網頁上的應用。這個很廣泛,只不過大家平時都不這么叫而已,你在 網頁上使用一款計算器都可以稱作web app。
mobile web app:額,就是能在手機瀏覽器中打開使用的計算器,只不過根據手機的屏幕,調整了 自己的按鍵大小,布局等等。
mobile app: 你在應用商店下載了一個計算器。
2.比如說如何用代碼編寫:
web前端:
基本上就是html+css+javascript。至於html5,css3什麼的就是具體到你應該用什麼規則的代碼去寫了。這個如果樓主想要入門學習的話,推薦w3school 在線教程(中文)。
mobile web 前端:
其實還是那套東西,但是加入了一個叫做響應式設計的東西。而且據我了解,這個概念還要從html 5標準的普及說起,說通俗點就是屏幕多大的時候布局,字體是什麼樣的。網上有很多前端模板都提供了這個功能。比如比較火的Bootstrap中文網(中文)深層次點,比如通過html5的API調用手機的硬體等。
mobile 前端:
這個目前還分兩大陣營,一個是Android,一個是iOS。而且就我的了解,web前端有專門的崗位叫前端攻城師,但是很少聽說過只寫mobile前端的移動工程師,至少我至今沒有聽到過。
Android:
靜態的話就是xml,動態的話就是android的layout那堆東西。
https://developer.android.com/guide/topics/ui/declaring-layout.html(可能需要翻牆)
比較簡單的layout,比如:
Linear Layout(可能需要翻牆)
FrameLayout | Android Developers(可能需要翻牆),想學習的話可以參考下。
還有一些動畫效果。
https://developer.android.com/guide/topics/graphics/index.htmll(可能需要翻牆)
當然,提到Android的UI,不得不提的是那坑爹的適配。只能說,學習Android UI需謹慎。
iOS:
UIKit那套東西,其實現在感覺如果不是太復雜,.xib直接拖界面也還可以。UIKit Framework Reference 。storyboard就算了,不是太推薦。簡單的頁面還可以,想試也可以試試。反正我用的不是很舒服。當然還有一些動畫效果。Graphics and Animation
3.比如說其他區別:
其實最顯著的區別就是,web app是不依賴於具體的設備的,通用性較強,只要手機或PC有相應內核的瀏覽器就基本OK。而mobile的app則依賴於具體的設備,一旦更換設備,需要重新下載才能繼續使用。

❸ web前端、html5、JavaScript這三個區別是什麼

區別是web前端是統稱,html5,javascript都是屬於前端的技術。

❹ nodejs結合什麼前端做移動web

從前端的角度我推薦2門語言,php,nodejs。想照顧一些老的東西,就學php,展望新方向可以了解一下nodejs。反正這2個從操作sql的方面來說,有很大的相似性。按照這個結論下來,無論選nodejs,php都可以,可以從主觀上判斷,到底是那個更適合你。或者做一個小的留言板,看看那個更符合你的思維習慣。

瓶頸就是你寫得少,建議多寫,用解決實際問題的經驗來跨越語言造成的障礙。

❺ 移動前端開發和 Web前端開發的區別是什麼

移動前端開發和web前端開發的區別是:

移動端前端開發是做手機網頁的前端開發,web前端開發是桌面網頁的前端開發。

伺服器端開發,也叫後台開發,這是唯一的,對應不同的平台,他負責數據的分發與存儲,和一些邏輯的處理,邏輯處理的多少由業務的復雜程度決定。服務端相對是獨立,與平台沒啥關系。

上述中不同的平台指web平台、移動設備平台等,移動設備又可分為Android平台、iPhone平台等。

每個平台都有自己的規范和開發技術。web平台的規范是鍵盤+滑鼠,開發技術是html+css+javascript;移動設備平台的規范是鍵盤+手指(觸摸和手勢),開發技術iPhone是Objective-C,Android是java。

業界很少有說移動web前端開發的,都是移動web開發。而web app特指的是用html5技術開發,之所以叫web app是因為他比較接近客戶端應用程序的用戶體驗,可以和系統深度融合,調用一些只有客戶端才能調用的功能,比如在移動設備上利用html5開發出的網頁可以訪問電話、攝像頭等本地功能。

通常看到的一些文章中會提到web app 和native app,這里的web app指的是mobile web app,而移動web和web開發沒本質的區別,但需要不同的開發框架,以解決在移動設備上的適配問題和一些特殊的操作以及功能調用。

web開發利用的是基於瀏覽器的網頁語言技術,native app開發利用的是基於操作系統的程序語言技術,web app介於兩者之間.當然現在比較流行混合型app。

❻ 移動前端開發和 Web 前端開發的區別是什麼

前端是個很大的概念,我的理解是用戶能夠看到,直接接觸到的層面都算是前端,比如IOS客戶端界面,安卓客戶端界面,網頁界面,甚至PC/MAC 桌面端軟體界面;現在最常見的說法一般是指Web前端,也就是針對於網頁端開發的工作。

也有個說法就是前端就是大前端嘛,如果你的工作真的那麼贊的話,那就包括了web啦安卓啦ios啦甚至pc mac客戶端的界面啦。但我覺得現在一般大家都還是有專攻的。

Web App指的是【Web application】,也就是以瀏覽器作為客戶端的軟體。比如你要寫文檔,一般會打開Office 2012之類的本地軟體;但是你也可以選擇在瀏覽器里輸入一個網址,比如我很喜歡StackEdit — *smart* markdown editor ,然後直接在裡面寫東西直接發布到gist上; 再比如用桌面客戶端來收發郵件,但你也可以直接用瀏覽器登陸gmail亦或者QQ郵箱,直接把這個當客戶端用。總之就是使用網頁版代替本地軟體。

Mobile Web App 當然就是指在手機端打開的Web App啦。我推薦看看Gmail的移動版。

感覺樓主問的問題還挺模糊的,所以我大概照我的理解依次解釋下:

移動客戶端的開發類型(因為我是個前端所以我是站在前端立場上來說的哈),主要是三種:

Native App(原生APP),也就是完全使用移動設備系統語言寫的客戶端,iPhone iPad就是純Object-C,安卓就是純JAVA, 就是用戶看到的界面啦體驗到的交互啦都是原生的。這是性能最棒的開發方式,但靈活性就沒下面的好。

Web App, 這個就是在移動瀏覽器里打開的,純HTML+CSS+JS,說白了就是個網頁,只不過非常的富應用,比如手機瀏覽器訪問的GMAIL啥啥的。但說白了就是在瀏覽器里打開的頁面。。IOS支持可以在桌面創建訪問的快捷方式,但是說到底還是打開Safari跑。。而且對設備硬體的介面什麼的挺薄弱。

Hybrid App.[HTML5 in mobile devices] 我覺得這個更為合適一些。實際上是使用原生寫了一個容器,然後使用HTML+CSS+JS來實現用戶界面和交互。Web App的短處便可以克服(因為自己寫的容器可以輔助暴露偏底層的介面,比如本地存儲或者麥克風控制之類),同時比起純原生的java或者object-c開發靈活性要高(更新可以更快更迅速,也不依賴於市場,因為說白了,就是自己下載更新網頁資源。。)實際上這種方式已經不限於移動端。。豌豆莢其實是個pc端的hybrid app 哇~~~ 而且說實在的,桌面開發的性能就現在來說要比移動好很多。。

以上三種開發方式的比較和分析谷歌裡面一搜一大堆我就不廢話啦哈。我記得2011年的Google io上就有一場talk是android native和web app等開發方式的大PK。。看倆工程師吵還是很有意思的。

❼ 移動前端開發和 Web 前端開發的區別是什麼

移動前端開發和web前端開發其實都屬於前端開發的范圍,目前前端發展的趨勢就是大前端,可以說是包羅萬象,當然也就包含PC端和移動端領域。

移動前端開發指的是Android和iOS的原生APP開發。Android原生APP開發使用到的是Java語言,iOS原生APP開發運用到的是Object-C(Swift)語言。

當然也有移動端的web開發,偏向於移動端網頁開發,包括H5專題頁、移動前端網頁,廣告落地頁、Hybrid App等;

WEB前端開發主要偏向PC端的網頁開發,包括PC端網頁開發、PC端後台管理頁面等,也會涉及部分的移動端網頁開發。

但是不論開發web或者移動端頁面,不論趨勢如何發展,目前來看HTML、CSS和JavaScript依然是整個前端開發的三大基石。所以不論題主是想做移動前端開發還是web前端開發,這三樣基礎技術都必須熟練掌握。

❽ javascript和java.web的區別是什麼(本人新手)

javaweb是伺服器端程序 用來輸出動態網頁(當然伺服器端程序不只是有java 還有php和asp)
javascript是網頁組成的一部分 (網頁組成3大部分html css javascript)
.看出關系了吧

❾ 移動前端開發和web前端開發有什麼區別

移動前端開發和web前端開發有什麼區別呢?既然都是前端開發,兩者肯定有緊密的聯系,移動前端開發和web前端開發其實都屬於前端開發的范圍,目前前端發展的趨勢就是大前端,可以說是包羅萬象,當然也就包含PC端和移動端領域,而現在的前端開發人員也已早就不是當年的切圖仔了,需要學習和掌握大前端體系方方面面的知識才能在日常的開發中游刃有餘,但是不論趨勢如何發展,目前來看HTML、CSS和Java依然是整個前端開發的三大基石。不論是想做移動前端開發還是web前端開發,這三樣基礎技術都必須熟練掌握。移動前端開發和web前端開發有什麼區別呢?
1、業務的應用場景
web前端開發主要指傳統的PC端網頁開發,頁面主要是運行在PC端瀏覽器中,移動前端開發出來的頁面主要是運行在手機上;直觀上會感覺,PC端頁面大一些,移動端頁面小一些,但是根據開發經驗,頁面大可並不代表書寫的代碼復雜,頁面小也並不意味著開發簡單,難與易主要還是取決於具體的業務需求。
2、新技術的使用
由於在移動端主要以webkit內核為主,對於HTML5等新技術支持的更好,所以可以更大范圍的使用新技術;而PC端開發由於很多場景下要求兼容IE等老版本瀏覽器,出於瀏覽器兼容性的考慮,有些情況下限制了新技術的使用。
3、頁面的適配性
傳統PC端的頁面開發一般都會選擇給頁面設定一個固定寬度,兩側有留白,但是移動端的頁面由於其載體手機屏幕比PC要小很多,一般都會選擇盡可能多的在手機屏幕上顯示內容,這就要求移動端頁面要能夠充分適應各種屏幕尺寸的手機並進行最大程度的利用。從這一點上來說移動端頁面的適配難度更高一些。
4、頁面的性能
PC端的網路情況一般比較穩定,都是通過網線或者Wi-Fi連接網路;但是移動端就比較復雜,除了Wi-Fi,還有2G、3G、4G甚至是在幾種不同的網路連接中交替切換也經常發生,不穩定的網路連接對頁面性能帶來的挑戰是移動端的頁面資源不能太大,否則在惡劣網路情況下時,頁面將會無法訪問 ,嚴重影響用戶體驗。移動前端開發和web前端開發有什麼區別
5、框架選型
由於移動端網路情況的不穩定,導致我們在移動端頁面框架選型時,一般只考慮小而美的框架,例如像zepto.js這樣的壓縮之後只有9.6K,就能滿足一般業務的需要,如果是想要構建更復雜的單頁面應用,可以選擇像vue.js這樣的框架,功能強大,但體積壓縮後卻只有20多K。而web端相對選擇的范圍就比較大,一些比較重型的框架也可以根據項目需求加以考慮,例如古老但龐大的ext.js,依然憑借著眾多UI組件活躍在一些企

❿ 目前主流的移動WEB開發框架有哪些

【開發框架】技術選型的候選:
(1)DCloud出品:MUI;
(2)阿里出品:MSUI(基於大名鼎鼎的Framework7框架,但MSUI的兼容性更好);
(3)騰訊出品:FrozenUI;
(4)網路出品:Clouda是網路歷時兩年共同研發的開源App技術框架,基於Node.js,簡單易用,完美結合BAE;
(5)烽火星空出品的:Agile Lite支持jQuery和Zepto雙引擎;
(6)Jingle UI是一個基於html5、css3開發輕量級的移動webapp 框架(支持觸摸屏操作、切換效果也不錯)基於Zepto開發,依賴了iscroll;
要開發一款App的話,需要美工,UI,前端工程師,後端工程師等工作人員才可以實現。
還有什麼不懂的可以去後對人找找相關的教學視頻,看看,多看看不就懂了,或者嫌麻煩也可以到紅盾網上問專家教師,希望對你有用,採納吧,謝謝^ω^