国产成人毛片视频|星空传媒久草视频|欧美激情草久视频|久久久久女女|久操超碰在线播放|亚洲强奸一区二区|五月天丁香社区在线|色婷婷成人丁香网|午夜欧美6666|纯肉无码91视频

1rem等于多少px 前端開發(fā)中px,em,rem這些單位有哪些不同之處?

前端開發(fā)中px,em,rem這些單位有哪些不同之處?1. PX是一個(gè)固定的像素,不能適應(yīng)流的布局。通常,高度由Px設(shè)置,web應(yīng)用版本的寬度由rem.2設(shè)置。EM是相對于父元素的字體大小單位。因?yàn)樗?/p>

前端開發(fā)中px,em,rem這些單位有哪些不同之處?

1. PX是一個(gè)固定的像素,不能適應(yīng)流的布局。通常,高度由Px設(shè)置,web應(yīng)用版本的寬度由rem.2設(shè)置。EM是相對于父元素的字體大小單位。因?yàn)樗窍鄬τ诟冈氐淖煮w大小單位,所以如果要設(shè)置元素的寬度和高度,必須查看其父元素的大小。如果父對象也是EM單位,則必須轉(zhuǎn)到其父對象并逐層計(jì)算以獲得準(zhǔn)確的像素值。

3. REM的出現(xiàn)改變了許多移動(dòng)終端的適應(yīng)性,因?yàn)镽EM指的是相對于根元素的字體大小單位。只要HTML根上的字體大小是根據(jù)屏幕大小設(shè)置的,rem中的元素大小就會(huì)相應(yīng)地改變。

為什么很多web項(xiàng)目還是使用px,而不是rem?

在移動(dòng)終端剛剛流行的早期,為了使手機(jī)頁面適應(yīng)不同大小的手機(jī)屏幕,淘寶網(wǎng)的一位前端老板寫了一個(gè)經(jīng)過改編的JS,叫做flexible,可以在GitHub找到。原理很簡單。似乎根據(jù)手機(jī)的分辨率和DPI(我不記得了),動(dòng)態(tài)設(shè)置根元素HTML的fontsize,然后頁面元素的大小就是rem,因?yàn)?rem=fontsizeofhtml。

后來,出現(xiàn)了大眾和VH。漸漸地,許多項(xiàng)目使用大眾汽車進(jìn)行改編。100vw=100%寬度。因?yàn)榧嫒菪圆皇呛芎?,所以一直沒有上線。

nodejs出現(xiàn)后,前端工程開始了。有pxtorem和pxtoview port等插件。在開發(fā)過程中,我們可以根據(jù)UI標(biāo)記的PX case直接編寫它們。在打包時(shí),插件將幫助我們將PX計(jì)算轉(zhuǎn)換為REM或VW。

我現(xiàn)在用大眾。不考慮兼容性。我甚至不看那些需要與ie兼容的公司[捂著臉

在互聯(lián)網(wǎng)it編程、開發(fā)和設(shè)計(jì)的培訓(xùn)課程中,web前端的培訓(xùn)和開發(fā)相對簡單,工作和發(fā)展前景相對較好。因此,許多想轉(zhuǎn)行的人更加重視網(wǎng)絡(luò)前端的培訓(xùn)和學(xué)習(xí)。那么網(wǎng)絡(luò)前端培訓(xùn)的內(nèi)容是什么呢?小編今天給你一個(gè)簡單的答案。

一般來說,web前端培訓(xùn)分為六個(gè)模塊:HTML5 CSS3、JS交互設(shè)計(jì)、移動(dòng)終端、服務(wù)器、前端框架和小程序。以下是您在每個(gè)階段所學(xué)內(nèi)容的詳細(xì)介紹。!第一階段是前端的核心基礎(chǔ),使學(xué)生能夠掌握前端的基本知識(shí),包括HTML5和CSS的基本知識(shí)和代碼編寫。他們將學(xué)習(xí)PC網(wǎng)站的布局和jQuery框架。

在第二階段,HTML5 CSS3移動(dòng)終端的核心、HTMLCSS3的新特性、高級(jí)CSS、CSS3實(shí)例鉆取完成頁面效果的制作。

在第三階段,移動(dòng)終端將學(xué)習(xí)CSS像素和物理像素之間的關(guān)系、視口布局、移動(dòng)終端自適應(yīng)、移動(dòng)終端特效幻燈片、滾動(dòng)和觸摸。第四階段服務(wù)器端,服務(wù)器端開發(fā)節(jié)點(diǎn),數(shù)據(jù)庫操作,前后交互核心,微信公眾號(hào)開發(fā)。

第5階段JavaScript高級(jí)

在第6階段前端框架中,您將學(xué)習(xí)Vue、react、angular,使學(xué)生能夠使用主流框架開發(fā)門戶網(wǎng)站、管理系統(tǒng)等相關(guān)知識(shí)。

在小程序開發(fā)的第七階段,我們將學(xué)習(xí)如何使用微信小程序和開發(fā)工具,如何使用原生小程序API,以及如何使用mpvue應(yīng)用程序。

以上是web前端培訓(xùn)的內(nèi)容。如果您想進(jìn)一步了解網(wǎng)絡(luò)前端培訓(xùn)的具體課程內(nèi)容,可以到硅谷官方網(wǎng)站咨詢。有專職老師為您解答,您還可以下載免費(fèi)視頻進(jìn)行學(xué)習(xí)。

2020 web前端學(xué)習(xí)路線圖: