![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
移动端web开发
讲文明的喜羊羊拒绝pua
Java高级开发工程师
展开
-
H5移动端开发基础(一)事件基础
事件基础移动端基础事件滑屏原理transform 与 transition无缝滑屏自动播放幻灯片移动端基础事件手指按下:touchstart <==> mousedown手指抬起:touchend <==> mouseup手指移动:touchmove <==> mousemove——touch事件 在chrome的模拟器下,部分版本通过on的方式来添...原创 2018-12-10 09:13:09 · 4101 阅读 · 0 评论 -
H5移动端开发基础(二)适配、3D、animation
适配、3D、animation适配rem适配getBoundingClientRectviewport适配横竖屏适配方法一方法二3D旋转正方体3D旋转切换三棱柱多棱柱案例-3D桌面切换animation动画案例-loading适配适配:各个移动设备,分辨率大小不一致,使我们的页面在各种分辨率下都显示完好(等比缩放);根据屏幕的分辨率,动态的设置html的字体大小,达到页面的等比缩放。注意:...原创 2018-12-10 14:31:53 · 706 阅读 · 0 评论 -
H5移动端开发基础(三)自定义滚动条、实战-音悦台
自定义滚动条、实战-音悦台自定义滚动条js封装transform.jstween.jsscrollBar.js音悦台适配样式htmljs自定义滚动条*{margin: 0;padding: 0;}body, html{height: 100%;overflow: hidden;}#wrap{height: 100%;overflow: hidden;position: relative;}...原创 2018-12-10 17:38:49 · 706 阅读 · 0 评论 -
H5移动端开发基础(四)多指操作、案例-相册
多指操作、案例-相册多指操作旋转缩放实现安卓多指事件案例-相册多指操作// gesturestart:手指触碰元素,屏幕上有两个或两个以上的手指oBox.addEventListener('gesturestart', function(e){ // TODO ...}, false);// gesturechange:手指触碰元素,屏幕上有两个或两个以上的手指,位置在发生移动oBo...原创 2018-12-11 10:27:26 · 1164 阅读 · 0 评论