移動端開發(一) 基礎知識

2022-09-02 05:09:12 字數 1551 閱讀 7317

觸控事件

三種在規範中列出並獲得跨移動裝置廣泛實現的基本觸控事件:

1. touchstart :手指放在乙個dom元素上。

2. touchmove :手指拖曳乙個dom元素。

3. touchend :手指從乙個dom元素上移開。

每個觸控事件都包括了三個觸控列表:

1. touches :當前位於螢幕上的所有手指的乙個列表。

2. targettouches :位於當前dom元素上的手指的乙個列表。

3. changedtouches :涉及當前事件的手指的乙個列表。

例如,在乙個touchend事件中,這就會是移開的手指。這些列表由包含了觸控資訊的物件組成:

1. identifier :乙個數值,唯一標識觸控會話(touch session)中的當前手指。

2. target :dom元素,是動作所針對的目標。

3. 客戶/頁面/螢幕座標 :動作在螢幕上發生的位置。

4. 半徑座標和 rotationangle :畫出大約相當於手指形狀的橢圓形。

製作乙個測試上下左右滑動手勢的js

var sx = sy = ex = ey = 0; //

sx sy 起始的(x,y)座標 ex ey 終點的(x,y)座標

document.addeventlistener("touchstart", function())

document.addeventlistener("touched",function()

else

}else

else

}})

元資訊設定

1. 禁止縮放

頁面視窗寬度設定成與螢幕寬度尺寸一致,且禁止縮放。針對當前移動裝置的預設可以縮放螢幕功能,防治頁面由於縮放導致變形,或解析度過低等情況。

<

meta

name

="viewport"

content

="width=device-width,initial-scale=1.0,minimun-scale=1.0,maximun-sacle=1.0,user-scalable=no"

/>

2. 忽略數字識別為**號碼  

<

meta

name

="format-detection"

content

="telephone=no"

/>

3. 忽略andriod對郵箱的識別

<

meta

name

="format-detection"

content

="email=no"

>

4. 針對ios 的 safari,主螢幕快速啟動,支援隱藏位址列

<

meta

name

content

="yes"

>

移動端基礎知識總結

虛擬畫素,css和js使用的抽象單位,瀏覽器內的一切長度都是以css畫素為單位的,css畫素的單位是px。px實際是pixel 畫素 的縮寫,根據 維基百科的解釋,它是影象顯示的基本單元,既不是乙個確定的物理量,也不是乙個點或者小方塊,而是乙個抽象概念。每英吋多少畫素數 ppi也叫畫素密度,所表示的...

移動端測試基礎知識整理(一)

移動端測試包括一下幾點內容 業務邏輯的正確性測試 根據產品文件設計測試用例,加上隱性需求用例 相容性測試 系統版本 android 原生安卓系統 4.4,5.0 等等 以及各個手機廠商定製版本 華為,小公尺.ios 原生系統5.0.螢幕解析度 大屏,小屏,橫屏,豎屏.螢幕的型別 水滴屏,劉海屏.網路...

開發基礎知識

msdn 使用應用程式域和程式集程式設計 描述如何建立和使用程式集和應用程式域。利用屬性擴充套件元資料 描述如何使用屬性自定義元資料。使用基型別 討論如何格式化和分析基礎資料型別以及如何使用正規表示式處理文字。集合和資料結構 討論在 net framework 中提供的各種集合型別,包括堆疊 佇列 ...