07 移動端類庫

2022-06-29 12:57:07 字數 1058 閱讀 5753

乙個可以實現客戶端原生滾動效果的類庫。

2、build目錄下提供了不同版本的iscroll,可根據情況選擇使用

3、html要求有3層結構如下圖

2、html結構要求有三層結構,如下圖

3.需要一些基礎css樣式,這些樣式要對應到html結構上,如下圖

4、獲取swipe元素,然後例項化,如下圖

2、其中文**非常詳細介紹了其使用方法

在移動裝置上為了提公升click的響應速度,我們選擇了使用zepto事件封裝的tap來進行模擬,但是這會帶來乙個***,這個***就是「點透」,我們通過乙個例子來解釋「點透」

從上可以看出zepto.js有不完善的地方,並且我們有時也希望我們的移動版頁面在pc端上也可用,但是pc端是不支援touch事件的,這時我們面臨的問題是即提公升click在移動裝置上的響應速度,又不能使用zepto.js的tap事件,這時fastclick可以解決這個問題。

如圖實際應用的場景,當點選半閉按鈕時,如果下面有click事件或鏈結則會被觸發。

2、引入lib目錄下的fastclick.js

2、呼叫方法即可,如下圖

WebApp移動端前端UI庫

frozen ui 自述 簡單易用,輕量快捷,為移動端服務的前端框架。主頁 開發團隊 qqvip fd team github demo frozenui demo index.html weui 開發團隊 wechat official design team github demo sui mo...

移動端Vant元件庫REM適配

在頁面布局之前,對rem進行配置,以適配移動端特點。官方參考 vant文件 快速上手 高階用法 rem適配 postcss pxtorem 是一款 postcss 外掛程式,用於將px單位轉化為 rem。使用步驟 安裝 npm i d postcss pxtorem 配置 postcss.confi...

移動端 移動端頁面適配方案

這是mdn上的解釋 這個單位代表根元素的 font size 大小 例如 元素的font size 當用在根元素的font size上面時 它代表了它的初始值 也就是說,rem單位取值的大小和根元素html的font size取值直接相關。它跟html元素之間得關係為 html的fontsize值 ...