當(dāng)開始一個(gè)touchstart事件的時(shí)候,獲取此刻手指的橫坐標(biāo)startX和縱坐標(biāo)startY;當(dāng)觸發(fā)touchmove事件時(shí),在獲取此時(shí)手指的橫坐標(biāo)moveEndX和縱坐標(biāo)moveEndY;最后,通過這兩次獲取的坐標(biāo)差值來判斷手指在手機(jī)屏幕上的滑動(dòng)方向。 查看全文>>
技術(shù)文章2020-09-14 |傳智播客 |touch事件解析判斷拖動(dòng)方向
vue中顯隱方法常用兩種,v-show和v-if,但這兩種是有區(qū)別的。 查看全文>>
技術(shù)文章2020-09-14 |v-show和v-if的區(qū)別 |v-if和v-show區(qū)別
在使用meta標(biāo)簽設(shè)置視口時(shí),可以在content屬性中添加一些參數(shù),其格式為“參數(shù)名=參數(shù)值”,多個(gè)參數(shù)用“;”分開。以前面演示過的“width=device-width”為例,width就是參數(shù)名,device-width是參數(shù)值。 查看全文>>
技術(shù)文章2020-09-10 |傳智播客 | 視口設(shè)置常用的參數(shù)有哪些
在傳統(tǒng)的PC端網(wǎng)頁開發(fā)中,并沒有使用過meta標(biāo)簽來設(shè)置視口,此時(shí)瀏覽器會(huì)按照默認(rèn)的布局視口寬度來顯示網(wǎng)頁。如果我們希望自己開發(fā)的網(wǎng)頁在瀏覽器中以理想視口的形式呈現(xiàn),就需要利用meta標(biāo)簽設(shè)置視口。 查看全文>>
技術(shù)文章2020-09-10 |傳智播客 |meta標(biāo)簽設(shè)置視口
視口(Viewport)是移動(dòng)Web開發(fā)中一個(gè)非常重要的概念,最早是由蘋果公司在推出iPhone手機(jī)時(shí)發(fā)明的,其目的是為了讓iPhone的小屏幕盡可能完整顯示整個(gè)網(wǎng)頁。通過設(shè)置視口,不管網(wǎng)頁原始的分辨率尺寸有多大,都能將其縮小顯示在手機(jī)瀏覽器上,這樣保證網(wǎng)頁在手機(jī)上看起來更像在桌面瀏覽器中的樣子。在蘋果公司引入視口的概念后,大多數(shù)的移動(dòng)開發(fā)者也都認(rèn)同了這個(gè)做法。 查看全文>>
技術(shù)文章2020-09-10 |傳智播客 |什么是視口
響應(yīng)式頁面指的是同一頁面在不同屏幕尺寸下實(shí)現(xiàn)不同的布局,從而使一個(gè)頁面兼容不同的終端。這里所說的終端主要包括PC端和移動(dòng)端,它們的分辨率以及屏幕大小都是不同的。在網(wǎng)站開發(fā)時(shí),只須加入響應(yīng)式設(shè)計(jì)就可以兼容這些終端,就不必單獨(dú)制作移動(dòng)端頁面了。響應(yīng)式開發(fā)主要是為了解決移動(dòng)互聯(lián)網(wǎng)瀏覽的問題,通過響應(yīng)式設(shè)計(jì)能使網(wǎng)站在手機(jī)和平板電腦上有更好的瀏覽、閱讀體驗(yàn)。 查看全文>>
技術(shù)文章2020-09-10 |傳智播客 |什么是響應(yīng)式頁面
px:像素(Pixel)。絕對(duì)單位。像素 px 是相對(duì)于顯示器屏幕分辨率而言的,是一個(gè)虛擬長(zhǎng)度單位,是計(jì)算機(jī)系統(tǒng)的數(shù)字化圖像長(zhǎng)度單位。 查看全文>>
技術(shù)文章2020-09-10 |傳智播客 |px rem em區(qū)別
北京校區(qū)