使用SwipeJS開發移動WebApp小結

2021-06-22 05:35:33 字數 1005 閱讀 7012

swipe js 是乙個輕量級的移動滑動元件,支援 1:1 的觸控移動,阻力以及防滑效能都不錯,可以讓移動web應用展現更多的內容,能解決我們對於移動web對滑動的需求。

官網:github:

要實現swipe的滑動和手勢非常簡單,僅需要遵循乙個簡單的規則。下面是乙個例子:

id=

'slider'

class=

'swipe'

>

class=

'swipe-wrap'

>

1 2

3

裡面包裹的三個div即是滑動的模組了,在滑塊結束後面或頁面底部新增事件**:

window

.myswipe

=swipe

(document

.getelementbyid

('slider'

));

當然新增了事件後我們還需要新增一些基礎的樣式,以保證滑塊能正常工作:

.swipe

.swipe-wrap

.swipe-wrap

>

div

到這裡整個滑動效果就製作完成了,趕緊用手機進行測試下吧!

舉個帶引數設定的栗子:

swipe2.0提供的api

getpos()returns current slide index position(獲取當前索引位置)

getnumslides()returns the total amount of slides(獲取所有滑塊總數)

優點:

滑動與防滑效能非常不錯,使用者體驗較好

html結構簡單,自定義較靈活

缺點:

切換後盒子的高度取決於切換內容最大高度,如果某個盒子無內容,那麼會出現乙個空白區域

當前選中狀態在滑動結束後才啟用

混合開發時js**較為繁瑣(

移動開發AsyncTask的使用

handler的 比較臃腫,而且在多工時邏輯也不太清晰,所以採用asynctask。public abstract class asynctask params,啟動任務時傳入的引數 progress,後台任務完成的進度 result,後台計算的結果型別 private class mytask e...

無線駭客如何使用AirSnort破解WEP密碼?

2010 12 13 10 37 佚名 中國無線 wepcrack 是第乙個公開宣稱的 wep 破解的工具,2001 年的 8 月,差不多同時間公開的另乙個工具 airsnort,卻因 的介紹而廣為人知。airsnort是一款用來恢復加密密碼的無線lan wlan 工具。shmoo group出品,...

linux下使用docker容器部署web應用

一 認識docker docker 是乙個開源的應用容器引擎,基於 go 語言 並遵從 apache2.0 協議開源。docker 可以讓開發者打包他們的應用以及依賴包到乙個輕量級 可移植的容器中,然後發布到任何流行的 linux 機器上,也可以實現虛擬化。二 docker的應用場景 web 應用的...