随笔分类 -  处理手机端兼容问题

重写原生alert,弹出层过一会就消失
摘要：window.alert = function(str) { if(document.querySelectorAll("div.shieldClass").length!=0){ return false; } // 遮罩层 var shield = document.createElement( 阅读全文
posted @ 2018-09-13 10:51 归尘2016 阅读(937) 评论(0) 推荐(0)
垂直居中的几个方法，最后一个方法使用于移动端
摘要：订单记录 示例一 示例二 我是多行文本。多行文本水平垂直居中的原理跟上一页图片的实现是一样的，区别... 阅读全文
posted @ 2018-09-11 16:58 归尘2016 阅读(239) 评论(0) 推荐(0)
移动H5前端性能优化指南
摘要：移动H5前端性能优化指南 概述 1. PC优化手段在Mobile侧同样适用2. 在Mobile侧我们提出三秒种渲染完成首屏指标3. 基于第二点，首屏加载3秒完成或使用Loading4. 基于联通3G网络平均338KB/s(2.71Mb/s)，所以首屏资源不应超过1014KB5. Mobile侧因手机 阅读全文
posted @ 2017-01-12 16:23 归尘2016 阅读(172) 评论(0) 推荐(0)
移动端总结和手机兼容问题
摘要：H5页面窗口自动调整到设备宽度，并禁止用户缩放页面 <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> 阅读全文
posted @ 2016-08-19 18:06 归尘2016 阅读(10032) 评论(0) 推荐(2)
Html 移动web开发细节处理
摘要：1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。备注：transparent的属性值在android下无效。 2、-webkit-appearance:none可以同时屏蔽输入框怪异的内阴影， 阅读全文
posted @ 2016-07-12 14:58 归尘2016 阅读(323) 评论(0) 推荐(0)
手机端touchstart,touchmove,touchend事件，优化用户划入某个可以点击LI的效果
摘要：在我们滑动手机的时候，如果LI或者DIV标签可以点击，那么在移动端给用户一个效果 阅读全文
posted @ 2016-03-23 11:14 归尘2016 阅读(1481) 评论(0) 推荐(0)
图片预加载问题
摘要：解决一些移动端手机屏幕进行处理预加载问题，图片来回动的问题。 阅读全文
posted @ 2016-03-23 11:07 归尘2016 阅读(210) 评论(0) 推荐(0)
长按事件jquery mobile
摘要：chat_enlarge.addEventListener('touchend', function(event) { if(fingers == 1){ event.preventDefault(); // 如果长按事件超过 1秒，则提示弹出是否保存框 if((new Dat... 阅读全文
posted @ 2016-03-17 15:09 归尘2016 阅读(931) 评论(0) 推荐(0)
出来ios顶部导航掉下来问题
摘要： 阅读全文
posted @ 2016-03-17 14:41 归尘2016 阅读(217) 评论(0) 推荐(0)