移动端的picker参考vux
参考vux移动端的ui组件，做了一个picker，测试在微信，uc主流浏览器能够正常工作。而在华为浏览器根本不能使用。而测试了vux的原有picker组件，发现在华为自带浏览器中，效果依然能够实现。 这时明白，原来vux也并非想的那么简单，兼容性这块做的很不错。或者是因为采用了vue的缘故 ...
原文：移动端效果之Picker
写在前面 接着前面的移动端效果的研究，这次来看看picker选择器的实现原理 移动端效果之Swiper 移动端效果之CellSwiper 移动端效果之IndexList 代码看这里：github . 核心解析 . 基本HTML结构 . 初始化DOM 由于饿了么源码中的picker是采用v for指令生成的DOM，因此我这里只是简单的用javascript来模拟一下DOM的生成。 . 初始化事件 总 ...
2017-10-10 17:37 0 9899 推荐指数：
相关推荐
移动端效果之Swiper
写在前面 最近在做移动端方面运用到了饿了么的vue前端组件库，因为不想单纯用组件而使用它，故想深入了解一下实现原理。后续将会继续研究一下其他的组件实现原理，有兴趣的可以关注下。 代码在这里：戳我 or github 移动端效果之Picker 移动端效果之CellSwiper 移动端 ...
移动端效果之IndexList
写在前面 接着前面的移动端效果讲，这次讲解的的是IndexList的实现原理。效果如下： 代码请看这里：github 移动端效果之swiper 移动端效果之picker 移动端效果之cellSwiper 1. 核心解析 总体来说的原理就是当点击或者滑动右边的索引条时，通过获取点击 ...
移动端效果之CellSwiper
写在前面 接着之前的移动端效果讲解，刚好项目中需要使用到这一效果，去饿了么的组件库看了一下效果，发现效果和微信端的cellSwiper还是有点差别的，由于项目中又是使用的React，之前使用的React所有组件都是自己一个字母一个字母码起来的（想来也是辛酸），所以结合之前的swiper，道理类似 ...
移动端弹性效果
布局一： 定义页面整体高度为100%，然后使用 position:absolute 布局可解决 <body> <div class="wrap"> <div ...
移动端效果之ScrollList
写在前面 列表一直是展示数据的一个重要方式，在手机端的列表展示又和PC端展示不同，毕竟手机端主要靠滑。之前手机端之前一直使用的IScroll，但是IScroll本身其实有很多兼容性BUG，想改动一下需求也很不容易，可以看我之前写的这一文章IScroll那些事——内容不足时下拉刷新（这里并不是 ...
js移动端滑动效果
移动端触屏滑动的效果其实就是图片轮播，在PC的页面上很好实现，绑定click和mouseover等事件来完成。但是在移动设备上，要实现这种轮播的效果，就需要用到核心的touch事件。处理touch事件能跟踪到屏幕滑动的每根手指。 以下是四种touch事件 touchstart ...