随笔分类 - 移动Web开发

touch.js 拖动、缩放、旋转（鼠标手势）

摘要：先上预览地址： https://www.somethingwhat.com/Project/Detail?id=f092710d3f7255b4 看下是不是你要的效果，不是就不用往下看了。示例中我用了touch.js这个插件（百度团队开发的，但好像已经停止更新了），再自己封装了一下，可以实现手势操阅读全文

posted @ 2019-07-08 21:10 奔跑的太阳花阅读(6763) 评论(0) 推荐(0) 编辑

移动端js触摸touch详解（附带案例源码）

摘要：移动端触摸滑动原理详解案例，实现过程通过添加DOM标签的触摸事件监听，并计算触摸距离，通过距离坐标计算触摸角度，最后通过触摸角度去判断往哪个方向触摸的。触摸的事件列表触摸的4个事件： touchstart 触摸屏幕上时触发 touchmove 触摸屏幕中滑动时触发 touchend 离开屏幕时触阅读全文

posted @ 2019-07-08 15:37 奔跑的太阳花阅读(3570) 评论(0) 推荐(0) 编辑

touch.js - 移动设备上的手势识别与事件库

摘要：Touch.js 是移动设备上的手势识别与事件库, 由百度云Clouda团队维护，也是在百度内部广泛使用的开发工具。Touch.js手势库专为移动设备设计。Touch.js对于网页设计师来说，是一款不错的辅助工具，可以减少很多写框架控制器的时间。网页合理使用Touch.js不但能增加网页的美观感，而阅读全文

posted @ 2019-07-05 09:09 奔跑的太阳花阅读(3220) 评论(0) 推荐(0) 编辑

flexible.js 布局详解

摘要：原文链接：http://caibaojian.com/flexible-js.html 本文讲的通过flexible.js实现了rem自适应，有了flexible.js，我们就不必再为移动端各种设备兼容烦恼，flexible.js是如何通过rem实现自适应的呢？一起来看看：· 通过rem与px的换算阅读全文

posted @ 2019-07-04 09:45 奔跑的太阳花阅读(1479) 评论(0) 推荐(0) 编辑

VUE插件大总结

摘要：UI组件 element - 饿了么出品的Vue2的web UI工具套件 Vux - 基于Vue和WeUI的组件库 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - 轻量级的基本UI组件合集 vue-material - 通过V 阅读全文

posted @ 2018-07-03 10:35 奔跑的太阳花阅读(13987) 评论(0) 推荐(3) 编辑

touchweb网站常见问题，手机网站注意问题

摘要：一、h5网站input 设置为type=number的问题 h5网页input 的type设置为number一般会产生三个问题，一个问题是maxlength属性不好用了。另外一个是form提交的时候，默认给取整了。三是部分安卓手机出现样式问题。问题一解决，我目前用的是js。如下 <input ty 阅读全文

posted @ 2018-06-27 10:06 奔跑的太阳花阅读(493) 评论(0) 推荐(0) 编辑

移动端web开发的注意点大总结

摘要：对于手机网站建设，总结了如下几点注意： 1、安卓浏览器看背景图片，有些设备会模糊。用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的阅读全文

posted @ 2018-06-27 10:03 奔跑的太阳花阅读(287) 评论(0) 推荐(0) 编辑

Touch事件在移动端web开发中的详解

摘要：一、pc端事件回顾 HTML事件、DOM0事件、DOM2事件事件对象。如果上述概念不清楚，请先去了解。二、移动端事件简介 2.1 pc端事件在移动端的问题移动设备主要特点是不配备鼠标，键盘也只是在需要输入的地方才会激活虚拟键盘。所以以前的pc端事件在移动端使用起来就没有以前那么爽了，虽然阅读全文

posted @ 2018-06-27 08:47 奔跑的太阳花阅读(179) 评论(0) 推荐(0) 编辑