移動(dòng)端最好的布局方式 作為前端開(kāi)發(fā),pc端和移動(dòng)端有什么不同?
作為前端開(kāi)發(fā),pc端和移動(dòng)端有什么不同?傳統(tǒng)的前端開(kāi)發(fā)通常是指web前端開(kāi)發(fā),主要應(yīng)用于PC端。當(dāng)前的前端開(kāi)發(fā)除了PC端外,還包括了移動(dòng)端,移動(dòng)端開(kāi)發(fā)的技術(shù)結(jié)構(gòu)也發(fā)生了一些新的變化。在技術(shù)結(jié)構(gòu)上,傳統(tǒng)
作為前端開(kāi)發(fā),pc端和移動(dòng)端有什么不同?
傳統(tǒng)的前端開(kāi)發(fā)通常是指web前端開(kāi)發(fā),主要應(yīng)用于PC端。當(dāng)前的前端開(kāi)發(fā)除了PC端外,還包括了移動(dòng)端,移動(dòng)端開(kāi)發(fā)的技術(shù)結(jié)構(gòu)也發(fā)生了一些新的變化。
在技術(shù)結(jié)構(gòu)上,傳統(tǒng)PC端主要采用HTML、CSS和JavaScript,而移動(dòng)端需要包括Android開(kāi)發(fā)、IOS開(kāi)發(fā)和WP開(kāi)發(fā)。Android開(kāi)發(fā)需要學(xué)習(xí)Java或kotlin,IOS開(kāi)發(fā)需要學(xué)習(xí)oC或swift,WP開(kāi)發(fā)需要掌握C語(yǔ)言。目前,許多開(kāi)發(fā)團(tuán)隊(duì)已經(jīng)將移動(dòng)開(kāi)發(fā)納入了前端開(kāi)發(fā)團(tuán)隊(duì)。對(duì)于前端開(kāi)發(fā)人員來(lái)說(shuō),他們需要進(jìn)一步豐富自己的知識(shí)結(jié)構(gòu),以提高自己的工作競(jìng)爭(zhēng)力。
在開(kāi)發(fā)模式上,PC開(kāi)發(fā)可以呈現(xiàn)的內(nèi)容更加豐富,可以采用的操作模式更加靈活。然而,對(duì)于移動(dòng)終端,可以呈現(xiàn)的內(nèi)容通常是有限的。為了讓用戶(hù)有更好的使用體驗(yàn),我們需要在頁(yè)面設(shè)計(jì)上下功夫。由于移動(dòng)終端的屏幕尺寸有限,移動(dòng)終端的設(shè)計(jì)不能像PC那樣大而全,移動(dòng)終端應(yīng)該追求“小而美”,在有限的屏幕上呈現(xiàn)更豐富的內(nèi)容,這往往是移動(dòng)終端設(shè)計(jì)的難點(diǎn)。
在部署模式下,PC端通常不需要安裝任何軟件,只要產(chǎn)品部署到網(wǎng)絡(luò)上,PC端就可以通過(guò)瀏覽器進(jìn)行訪問(wèn)。對(duì)于移動(dòng)端來(lái)說(shuō),往往需要在應(yīng)用市場(chǎng)下載相應(yīng)的應(yīng)用產(chǎn)品后才能接入,而服務(wù)應(yīng)用的服務(wù)器端則往往需要使用云計(jì)算平臺(tái)進(jìn)行部署。
目前,隨著移動(dòng)互聯(lián)網(wǎng)的不斷發(fā)展,移動(dòng)終端的發(fā)展逐漸成為一種較為常規(guī)的發(fā)展形式。掌握移動(dòng)終端的開(kāi)發(fā)技術(shù)將是前端開(kāi)發(fā)者的基本要求之一。
為什么很多web項(xiàng)目還是使用px,而不是rem?
在移動(dòng)終端剛剛流行的早期,為了使手機(jī)頁(yè)面適應(yīng)不同大小的手機(jī)屏幕,淘寶網(wǎng)的一位前端老板寫(xiě)了一個(gè)經(jīng)過(guò)改編的JS,叫做flexible,可以在GitHub找到。原理很簡(jiǎn)單。似乎根據(jù)手機(jī)的分辨率和DPI(我不記得了),動(dòng)態(tài)設(shè)置根元素HTML的fontsize,然后頁(yè)面元素的大小就是rem,因?yàn)?rem=fontsizeofhtml。
后來(lái),出現(xiàn)了大眾和VH。漸漸地,許多項(xiàng)目使用大眾汽車(chē)進(jìn)行改編。100vw=100%寬度。因?yàn)榧嫒菪圆皇呛芎?,所以一直沒(méi)有上線。
nodejs出現(xiàn)后,前端工程開(kāi)始了。有pxtorem和pxtoview port等插件。在開(kāi)發(fā)過(guò)程中,我們可以根據(jù)UI標(biāo)記的PX case直接編寫(xiě)它們。在打包時(shí),插件將幫助我們將PX計(jì)算轉(zhuǎn)換為REM或VW。
我現(xiàn)在用大眾。不考慮兼容性。我甚至不看需要與ie兼容的公司。[無(wú)眠
移動(dòng)終端和PC終端實(shí)際上調(diào)用同一組數(shù)據(jù),所以?xún)?yōu)化方法是一樣的,只是因?yàn)闉g覽設(shè)備的分辨率不同,排名顯示略有不同。比如你在百度上搜索網(wǎng)絡(luò)營(yíng)銷(xiāo)課程,PC和移動(dòng)終端自然排名第一,看看我10年的職業(yè)之路網(wǎng)站,都是我的,但我對(duì)移動(dòng)端沒(méi)有任何優(yōu)化,所以移動(dòng)端和PC端一樣需要高質(zhì)量的鏈接資源。
移動(dòng)端網(wǎng)站進(jìn)行SEO優(yōu)化,還需要做友情鏈接嗎?
USB手機(jī)連接到手機(jī)后,手機(jī)可以與VWL和VWL的手機(jī)顯示屏同步