HOME 首頁
SERVICE 服務(wù)產(chǎn)品
XINMEITI 新媒體代運(yùn)營
CASE 服務(wù)案例
NEWS 熱點(diǎn)資訊
ABOUT 關(guān)于我們
CONTACT 聯(lián)系我們
創(chuàng)意嶺
讓品牌有溫度、有情感
專注品牌策劃15年

    web前端包括移動端嗎(web前端包含什么)

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

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

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

    只需要輸入關(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ù)請撥打電話175-8598-2043,或添加微信:1454722008

    本文目錄:

    web前端包括移動端嗎(web前端包含什么)

    一、前端具體分為?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


    推薦閱讀:

    wechat國際版官方下載ios(wechat國際版官方下載最新版)

    wechat海外版下載安卓(wechat海外版下載ios)

    手機(jī)登錄web端(手機(jī)web端怎么進(jìn))

    直播間可以搞什么活動(直播間可以搞什么活動呢)

    抖推貓app官方下載2021(抖推貓app官方下載為什么用不了)