正文

web前端包括移動(dòng)端嗎（web前端包含什么）

發(fā)布時(shí)間：2023-04-08 15:30:44 稿源：創(chuàng)意嶺閱讀： 82

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關(guān)于web前端包括移動(dòng)端嗎的問題，以下是小編對(duì)此問題的歸納整理，讓我們一起來看看吧。

開始之前先推薦一個(gè)非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計(jì)劃、工作報(bào)告、論文、代碼、作文、做題和對(duì)話答疑等等

只需要輸入關(guān)鍵詞，就能返回你想要的內(nèi)容，越精準(zhǔn)，寫出的就越詳細(xì)，有微信小程序端、在線網(wǎng)頁版、PC客戶端

官網(wǎng)：https://ai.de1919.com。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀的企業(yè)，服務(wù)客戶遍布全球各地，如需了解SEO相關(guān)業(yè)務(wù)請(qǐng)撥打電話175-8598-2043，或添加微信：1454722008

本文目錄:

1、前端具體分為？
2、移動(dòng)前端開發(fā)和 Web 前端開發(fā)的區(qū)別是什么
3、移動(dòng)前端開發(fā)和web前端開發(fā)有什么區(qū)別？
4、Web前端pc和移動(dòng)端的區(qū)別

web前端包括移動(dòng)端嗎（web前端包含什么）

一、前端具體分為？

前端即網(wǎng)站前臺(tái)部分，運(yùn)行在PC端，移動(dòng)端等瀏覽器上展現(xiàn)給用戶瀏覽的網(wǎng)頁。簡(jiǎn)單地說，能夠從 App 屏幕和瀏覽器上看到的東西都屬于前端。前端技術(shù)一般分為前端設(shè)計(jì)和前端開發(fā)，前端設(shè)計(jì)一般可以理解為網(wǎng)站的視覺設(shè)計(jì)，前端開發(fā)則是網(wǎng)站的前臺(tái)代碼實(shí)現(xiàn)，包括基本的HTML和CSS以及JavaScript/ajax，最新的高級(jí)版本HTML5、CSS3，以及SVG等。

而大前端就是所有前端的統(tǒng)稱，比如Android、iOS、web、Watch等，最接近用戶的那一層也就是UI層，然后將其統(tǒng)一起來，就是大前端。大前端最大的特點(diǎn)在于一次開發(fā)，同時(shí)適用于所有平臺(tái)，開發(fā)者不用為一個(gè)APP需要做Android和iOS兩種模式而擔(dān)心。大前端是web統(tǒng)一的時(shí)代，利用web不僅能開發(fā)出網(wǎng)站，

二、移動(dòng)前端開發(fā)和 Web 前端開發(fā)的區(qū)別是什么

區(qū)別就是移動(dòng)端少了很多兼容問題，因?yàn)槭謾C(jī)端一般支持到ie9以上，但是移動(dòng)端布局，存在rem ，flex等新式響應(yīng)式布局的方法需要學(xué)習(xí)，移動(dòng)端存在很多pc端沒有的bug比如0.3s延遲，overflow：scroll無效,點(diǎn)擊穿透bug等，很多。web前端以前一般指pc，現(xiàn)在都要包含移動(dòng)端的。移動(dòng)端東西比較雜。

三、移動(dòng)前端開發(fā)和web前端開發(fā)有什么區(qū)別？

移動(dòng)客戶端的開發(fā)類型（因?yàn)槲沂莻€(gè)前端所以我是站在前端立場(chǎng)上來說的哈），主要是三種：

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

Web App, 這個(gè)就是在移動(dòng)瀏覽器里打開的，純HTML+CSS+JS，說白了就是個(gè)網(wǎng)頁，只不過非常的富應(yīng)用，比如手機(jī)瀏覽器訪問的GMAIL啥啥的。但說白了就是在瀏覽器里打開的頁面。。IOS支持可以在桌面創(chuàng)建訪問的快捷方式，但是說到底還是打開Safari跑。。而且對(duì)設(shè)備硬件的接口什么的挺薄弱。

Hybrid App.[HTML5 in mobile devices] 我覺得這個(gè)更為合適一些。實(shí)際上是使用原生寫了一個(gè)容器，然后使用HTML+CSS+JS來實(shí)現(xiàn)用戶界面和交互。Web App的短處便可以克服（因?yàn)樽约簩懙娜萜骺梢暂o助暴露偏底層的接口，比如本地存儲(chǔ)或者麥克風(fēng)控制之類），同時(shí)比起純?cè)膉ava或者object-c開發(fā)靈活性要高（更新可以更快更迅速，也不依賴于市場(chǎng)，因?yàn)檎f白了，就是自己下載更新網(wǎng)頁資源。。）實(shí)際上這種方式已經(jīng)不限于移動(dòng)端。。豌豆莢其實(shí)是個(gè)pc端的hybrid app 哇~~~ 而且說實(shí)在的，桌面開發(fā)的性能就現(xiàn)在來說要比移動(dòng)好很多。。

以上三種開發(fā)方式的比較和分析谷歌里面一搜一大堆我就不廢話啦哈。我記得2011年的Google io上就有一場(chǎng)talk是android native和web app等開發(fā)方式的大PK。?？磦z工程師吵還是很有意思的。

四、Web前端pc和移動(dòng)端的區(qū)別

pc，我們需要考慮五大瀏覽器，ie6-11，firefox，chrome，safari都得兼容的吧。css還是js，以及各種框架。

mobile的網(wǎng)頁開發(fā)，我們需要考慮什么呢？

就目前來說，我們只需要考慮webkit內(nèi)核的瀏覽器和chrome，uc，qq，小米手機(jī)瀏覽器就好了

1、PC端在開發(fā)過程中考慮的是瀏覽器兼容性，移動(dòng)端開發(fā)中考慮的是手機(jī)兼容性問題，做移動(dòng)端開發(fā)，更多考慮的是手機(jī)分辨率的自適應(yīng)和不同手機(jī)操作系統(tǒng)的略微差異化；

2、在部分事件的處理上，移動(dòng)端自然是偏向于觸屏的，另外包括移動(dòng)端彈出的手機(jī)鍵盤該如何處理，這樣的問題在PC上肯定不會(huì)遇到，但在移動(dòng)端，如果你沒有經(jīng)驗(yàn)，處理起來是相當(dāng)麻煩的；

3、布局上，移動(dòng)端開發(fā)是要做到頁面布局自適應(yīng)的，而PC端頁面布局的比例會(huì)相對(duì)固定；

4、在動(dòng)畫效果處理上，PC端要考慮IE的兼容性，通常用JS做動(dòng)畫的通用性會(huì)好一些，但相比CSS3卻犧牲了較大的性能，而在手機(jī)端，如果要做一些動(dòng)畫、特效等，第一選擇肯定是CSS3，既簡(jiǎn)單，效率又高。

在實(shí)際中肯定還有其他一些不常見的問題

以上就是關(guān)于web前端包括移動(dòng)端嗎相關(guān)問題的回答。希望能幫到你，如有更多相關(guān)問題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。