移動(dòng)端布局rem計(jì)算公式 為什么很多web項(xiàng)目還是使用px,而不是rem?
為什么很多web項(xiàng)目還是使用px,而不是rem?在移動(dòng)終端剛剛流行的初期,為了使手機(jī)頁(yè)面適應(yīng)不同大小的手機(jī)屏幕,淘寶的一位前端老板編寫(xiě)了一個(gè)經(jīng)過(guò)改編的JS,叫做flexible,可以在GitHub找到
為什么很多web項(xiàng)目還是使用px,而不是rem?
在移動(dòng)終端剛剛流行的初期,為了使手機(jī)頁(yè)面適應(yīng)不同大小的手機(jī)屏幕,淘寶的一位前端老板編寫(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兼容的公司。[烏面
隨著互聯(lián)網(wǎng)產(chǎn)業(yè)的快速發(fā)展,前端開(kāi)發(fā)已經(jīng)成為熱點(diǎn)。Web前端已經(jīng)受到越來(lái)越多企業(yè)的青睞和需求。而且,由于IT行業(yè)相對(duì)于其他行業(yè)的待遇較高,越來(lái)越多的人希望進(jìn)入前端。如何開(kāi)始使用web前端?
要進(jìn)入前端行業(yè),首先要了解的是,web前端工程師都是合格的,您需要什么?所以這些知識(shí)點(diǎn)是我們?cè)趯W(xué)習(xí)過(guò)程中需要學(xué)習(xí)的。web前端所需要的知識(shí)點(diǎn)主要是精通HTML、CSS、JavaScript,它們都需要精通。我們不僅要掌握它們,而且要很好地理解它們。所以你可以完成你的工作。其他的,比如一些后端程序、界面設(shè)計(jì)等,也需要在工作中掌握。
接下來(lái),我想與大家分享我們需要從web前端學(xué)習(xí)的內(nèi)容:
HTML:HTML已經(jīng)成為一種超文本標(biāo)記語(yǔ)言,一種標(biāo)記語(yǔ)言,而不是編程語(yǔ)言,只是一種標(biāo)記語(yǔ)言。主要通過(guò)一系列的標(biāo)簽,使網(wǎng)絡(luò)上的文檔格式得到統(tǒng)一。
CSS(層疊樣式表):它是一種用于表示HTML的計(jì)算機(jī)語(yǔ)言。它不僅可以裝飾網(wǎng)頁(yè),還可以用各種腳本語(yǔ)言格式化網(wǎng)站元素。
Javascript:稱為JS,是一種具有函數(shù)優(yōu)先級(jí)的編程語(yǔ)言。它主要用作開(kāi)發(fā)網(wǎng)頁(yè)的腳本語(yǔ)言,也是學(xué)習(xí)web前端的一個(gè)相對(duì)困難的部分。
以上是我們?cè)谶M(jìn)入web前端行業(yè)時(shí)學(xué)到的知識(shí)。首先要學(xué)習(xí)的是HTML和CSS。我們必須邊學(xué)邊練。別以為不練習(xí)很容易。只有通過(guò)自己的操作,才能使自己理解和吸收所學(xué)。當(dāng)我們學(xué)習(xí)JS時(shí),我們首先應(yīng)該了解語(yǔ)言的功能和我們能做什么。你需要做的不是簡(jiǎn)單地記住JS的功能,而是要了解JS的原理和機(jī)制,只有這樣你才能在這條路上走得更遠(yuǎn)。
2020前端學(xué)習(xí)路線: