03 2016 档案
摘要:最近公司有个客户的网站用手机safari打开出现背景图片错乱,本来应该显示A图片的却显示B图片,网速越慢的情况下越容易出现这种问题,悲催的是这种情况只在iPhone 6上出现,并且不是一直这样,多刷新几次就正常了,用安卓测试一切正常,pc端显示也一切正常。经过一番努力发现这种现象只在ios 8 版本
阅读全文
摘要:什么是HTTP Pipeline http管线化是一项实现了多个http请求但不需要等待响应就能够写进同一个socket的技术,仅有http1.1规范支持http管线化,1.0并不支持;采用管线化的请求会对页面载入时间产生动态的提高,尤其是当通过高延迟的网络,例如通过卫星网络连接;普通情况下通过同一
阅读全文
摘要:手机浏览器种类: UC浏览器,QQ浏览器,欧朋浏览器,百度手机浏览器,360安全浏览器,谷歌浏览器,搜狗手机浏览器,猎豹浏览器,其他杂牌浏览器 国内的UC和QQ,百度等手机浏览器都是根据Webkit修改过来的内核,国内尚无自助研发的内核,就像国内的手机操作系统都是基于Android修改的 全球仅有四
阅读全文
摘要:首先这里涉及到虚拟像素和物理像素,不管是移动设备还是pc都存在这个概念1、在显示器精度还不是很高的年代,一个物理像素就等于一个虚拟像素,1000px的网页就占据了1000的物理像素(如果你玩过小霸王,对这个应该有很直观的影响,上面的人物都是一个格子一个格子组成的)2、随着显示器精度的不断提高,同等面
阅读全文
摘要:viewport:视口,视觉窗口,显示区域。在显示面积上手机屏幕相对桌面显示器要小很多,在几年前(现在也如此)大部分网站都是为桌面显示器浏览而设计,很少考虑到适应手机屏幕,所以如果用手机浏览大多网站时会出现问题,比如常见固定宽度的网页会出现横向竖向滑动条,当然这不算什么大问题;但如果是浏览流动布局的
阅读全文
摘要:对于这段代码,大部分人的理解是这样的: 错误的理解 对于 a.x = a = {n:2},大部分人的思路应该是: 这样似乎确实说不通 a.x 的值是 undefined,因为 a.x 确实是被赋值了的啊。可是事实上,a.x 的值却是 undefined。 再来看一下这个: a = a.x = {n
阅读全文
摘要:如果你不想用浏览器的js性能测试工具,可以用下面这个简单的函数测试一下(1毫秒一下的就测不出来了) 下面就来测试一下 结果显示for的效率要明显高于shift() 分割线 1ms以内可以用console.time进行测试,代码如下 执行一段代码,结果如下: console.time和console.
阅读全文
摘要:要理解这几个属性,首先要搞明白body,documentElement的区别 1、body是DOM对象里的body子节点,即<body>标签2、documentElement是整个节点树的跟节点,即<html>标签 body,html的区别 很多人都认为body和html是一样的,判断依据就是给bo
阅读全文
摘要:先来看看offsetParent返回的是什么值 ele.offsetParent返回的是ele元素最近的并且是定位过(relative,absolute)的父元素,如果没有父元素或者是父元素中没有一个是定位过的,返回值就是body元素 ele.offsetLeft和ele.offsetTop取值问题
阅读全文
摘要:做网页特效经常用到onmousemove事件,多见于显示当前目标的某些信息,但是经常会出现弹出框晃动的情况,原因基本都是鼠标脱离了当前元素跑到其他元素上了直接导致弹出层消失,这个过程不断重复就出现了晃动的情况,下面是本人写的一些代码示例,就出现了晃动的情况(例子中的图片随便找,小图尺寸170*170
阅读全文
摘要:scrollTop和offsetTop的区别:scrollTop是指某个可滚动区块向下滚动的距离,比如向下滚动了10个像素,那么这个元素的scrollTop属性值就是10,这个属性的值是可读写的,且不需要设置positionoffsetTop则是元素的上边框与父元素的上边框的绝对距离。 scroll
阅读全文

浙公网安备 33010602011771号