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