摘要: 设置: 阅读全文
posted @ 2017-05-04 17:50 Sonya·Lv 阅读(174) 评论(0) 推荐(0) 编辑
摘要: 多行文本垂直居中: html部分 1、父元素设置table-cell css部分 2、子元素设置vertical-align:middle css部分 多行文本溢出: 超出自动换行: 阅读全文
posted @ 2017-04-07 14:07 Sonya·Lv 阅读(260) 评论(0) 推荐(0) 编辑
摘要: 原文链接:http://caibaojian.com/mobile-optimization.html 由于移动设备存在的环境限制,如低带宽,高延迟,小内存,低处理器性能的等,迫使开发者不得不想办法通过优化前端页面的性能来满足用户的性能预期。在强调如何解决移动端性能问题上,这篇文章总结了一些前端优化 阅读全文
posted @ 2017-04-01 16:43 Sonya·Lv 阅读(358) 评论(0) 推荐(0) 编辑
摘要: 原文链接:http://caibaojian.com/mobile-performance.html#t2 [加载优化] 加载过程是最为耗时的过程,可能会占到总耗时的80%时间,因此是优化的重点· · 减少HTTP请求 因为手机浏览器同时响应请求为4个请求(Android支持4个,ios 5后可支持 阅读全文
posted @ 2017-03-30 14:29 Sonya·Lv 阅读(200) 评论(0) 推荐(0) 编辑
摘要: 问题描述: 由于微信浏览器只在页面首次加载时初始化了标题title,之后就没有再监听 window.title的change事件。所以这里修改了title后,立即创建一个请求,加载一个空的iframe,由于加载后立即就移除,也不会对页面造成影响,但这样微信浏览器上的title便刷新了 var $bo 阅读全文
posted @ 2017-03-24 14:20 Sonya·Lv 阅读(606) 评论(0) 推荐(0) 编辑
摘要: 问题描述:项目需要在页面加载完成后自动播放音乐,但在ios中却无法自动播放,需要用户主动触发 解决办法: $('html').one('touchstart',function(){ document.getElementById('audio2').play();}); (只触发一次) 解决在微信 阅读全文
posted @ 2017-03-24 11:20 Sonya·Lv 阅读(413) 评论(0) 推荐(0) 编辑
摘要: //邮箱 mail = /^[a-z0-9._%-]+@([a-z0-9-]+\.)+[a-z]{2,4}$/; //电话验证规则 phone = /^0\d{2,3}-\d{7,8}$/; "电话格式如:0371-68787027"); //无区号电话验证规则 noactel = /^\d{7,8 阅读全文
posted @ 2017-03-21 13:13 Sonya·Lv 阅读(193) 评论(0) 推荐(0) 编辑
摘要: function is_qq() { var userAgent = window.navigator.userAgent.toLowerCase(); if(userAgent.indexOf("mqqbrowser") > -1) { return true; } else { return f 阅读全文
posted @ 2017-03-20 16:47 Sonya·Lv 阅读(471) 评论(0) 推荐(0) 编辑
摘要: if(isAndroid){ android(); function android(){ var ifr = document.createElement("iframe"); ifr.src = ""; //a... 阅读全文
posted @ 2017-03-20 16:36 Sonya·Lv 阅读(2793) 评论(0) 推荐(0) 编辑
摘要: 问题描述:点击input输入框,虚拟键盘弹出时,若body禁止滚动,在一个页面显示时,body中元素会被压缩变形。若body出现滚动条,则会将整体页面向上移动 解决方法: 1、 $(document).ready(function() { $('body').height($('body')[0]. 阅读全文
posted @ 2017-03-17 17:23 Sonya·Lv 阅读(312) 评论(0) 推荐(0) 编辑