摘要: 概述 加载优化 加载过程是最为耗时的过程,可能会占到总耗时的80%时间,因此是优化的重点 减少HTTP请求 因为手机浏览器同时响应请求为4个请求(Android支持4个,iOS 5后可支持6个),所以要尽量减少页面的请求数,首次加载同时请求数不能超过4个。 a)合并CSS、JavaScript b) 阅读全文
posted @ 2016-10-16 01:46 前端浪子 阅读(5161) 评论(0) 推荐(1) 编辑
摘要: 正巧看到在送书,于是乎找了找自己博客上记录过的一些东西来及其无耻的蹭书了~~~ 小广告:更多内容可以看我的博客 最近拜读了一下html5rocks上几位大神写的一篇关于CSS3动画性能优化的文章,学到了很多,在这里记录一下,其中的知识都是来源于这俩篇文章,我只是截取了其中比较关注的内容出来,原文地址 阅读全文
posted @ 2016-10-16 01:44 前端浪子 阅读(6008) 评论(0) 推荐(0) 编辑
摘要: 单列布局 水平居中 水平居中的页面布局中最为常见的一种布局形式,多出现于标题,以及内容区域的组织形式,下面介绍四种实现水平居中的方法(注:下面各个实例中实现的是child元素的对齐操作,child元素的父容器是parent元素) 使用inline-block 和 text-align实现 优点:兼容 阅读全文
posted @ 2016-10-16 01:40 前端浪子 阅读(6113) 评论(0) 推荐(2) 编辑
摘要: 通过设置css属性 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);取消掉手机端webkit浏览器 点击按钮或超链接之类的 默认灰色背景色 设置css属性 -webkit-user-select:none; 控制用户不可选择文字 区域性 overflow: 阅读全文
posted @ 2016-10-16 01:39 前端浪子 阅读(235) 评论(0) 推荐(0) 编辑
摘要: 1.问题:手机端click事件会有大约300ms的延迟 原因:手机端事件touchstart-->touchmove-->touchend or touchcancel-->click,因为在touch事件触发之后,浏览器要判断用户是否会做出双击屏幕的操作,所以会等待300ms来判断,再做出是否触发 阅读全文
posted @ 2016-10-16 01:24 前端浪子 阅读(1014) 评论(0) 推荐(0) 编辑