随笔分类 - 移动Web开发
摘要:先上预览地址: https://www.somethingwhat.com/Project/Detail?id=f092710d3f7255b4 看下是不是你要的效果,不是就不用往下看了。 示例中我用了touch.js这个插件(百度团队开发的,但好像已经停止更新了),再自己封装了一下,可以实现手势操
阅读全文
摘要:移动端触摸滑动原理详解案例,实现过程通过添加DOM标签的触摸事件监听,并计算触摸距离,通过距离坐标计算触摸角度,最后通过触摸角度去判断往哪个方向触摸的。 触摸的事件列表 触摸的4个事件: touchstart 触摸屏幕上时触发 touchmove 触摸屏幕中滑动时触发 touchend 离开屏幕时触
阅读全文
摘要:Touch.js 是移动设备上的手势识别与事件库, 由百度云Clouda团队维护,也是在百度内部广泛使用的开发工具。Touch.js手势库专为移动设备设计。Touch.js对于网页设计师来说,是一款不错的辅助工具,可以减少很多写框架控制器的时间。网页合理使用Touch.js不但能增加网页的美观感,而
阅读全文
摘要:原文链接:http://caibaojian.com/flexible-js.html 本文讲的通过flexible.js实现了rem自适应,有了flexible.js,我们就不必再为移动端各种设备兼容烦恼,flexible.js是如何通过rem实现自适应的呢?一起来看看:· 通过rem与px的换算
阅读全文
摘要:UI组件 element - 饿了么出品的Vue2的web UI工具套件 Vux - 基于Vue和WeUI的组件库 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - 轻量级的基本UI组件合集 vue-material - 通过V
阅读全文
摘要:一、h5网站input 设置为type=number的问题 h5网页input 的type设置为number一般会产生三个问题,一个问题是maxlength属性不好用了。另外一个是form提交的时候,默认给取整了。三是部分安卓手机出现样式问题。 问题一解决,我目前用的是js。如下 <input ty
阅读全文
摘要:对于手机网站建设,总结了如下几点注意: 1、 安卓浏览器看背景图片,有些设备会模糊。 用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢? 经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的
阅读全文
摘要:一、pc端事件回顾 HTML事件、DOM0事件、DOM2事件 事件对象。 如果上述概念不清楚,请先去了解。 二、移动端事件简介 2.1 pc端事件在移动端的问题 移动设备主要特点是不配备鼠标,键盘也只是在需要输入的地方才会激活虚拟键盘。所以以前的pc端事件在移动端使用起来就没有以前那么爽了,虽然
阅读全文