最近看了月光的《为什么要少用 iframe ?》,很受启发,上面不但说了 iframe 的创建比其它包括 scripts 和 css 的 DOM 元素的创建慢了 1-2 个数量级,还说到了 iframe 阻塞页面加载,占用浏览器并发连接数的问题,因为 window 的 onl...
图片延迟加载也称懒加载,常用于页面很长,图片很多的页面,以电子商务网站居多,比如大家常上的京东,淘宝,页面以图居多,整个页面少说几百K,多则上兆,如果想一次性加载完成,不仅用户要哭了,服务器也得哭了。 为了避免这种请况发生,目前主流的做法是页面初次加载时,只显示当前可视区域的图片,...
前不久做了一个效果,需求是鼠标划上显示大图,并跟随鼠标移动,效果很简单,利用 offsetX/Y 分别判断出鼠标指针位置相对于触发事件的对象的 X 坐标和 Y 坐标,但坑爹的是 firefox 不支持这个方法,这一下就蛋疼了… 在网上看了很多兼容的方法,感觉最可靠的方法是利用...
前不久做了一个效果,需求是鼠标划上显示大图,并跟随鼠标移动,效果很简单,利用 offsetX/Y 分别判断出鼠标指针位置相对于触发事件的对象的 X 坐标和 Y 坐标,但坑爹的是 firefox 不支持这个方法,这一下就蛋疼了… 在网上看了很多兼容的方法,感觉最可靠的方法是利用...
Block Formatting Context(块格式化上下文)是个很重要的概念,它决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用。 举个好理解的例子:可以把页面想象成一个社区,这个社区里的建筑就是 HTML 元素。而为了避免不同社区里的建筑相互混淆,开发商都是把...
焦点图算是最基础的控件了,很多地方都在用,在网上找了一圈,没发现原生JS的,都是各种框架和库,正好自己写一个,发现里面小门道还挺多的,想要体验好,各种细节都要去抠才行: 1、大家都知道,一般翻页都是滑动距离超过 50% 才翻页,但如果快速滑动,即使滑动距离很短,也是可以翻页的,。 ...
现在很悲催,大家用 google 搜索的时候就算勉强打开,里面的搜索结果却没法打开,搜索结果没有提供真实的地址,因为 google 要经过一个转发(redirect), google 要记录很多东西。 现在给大家推荐个 chrome 的插件,就是解决这个问题的,他能把搜索结果的链接...
看到像上图这样的 tip 的小三角,你会怎么办? 切个图上去?恩,不错,简单,兼容性也一级棒,不但好控制,那点小东西也增加不了多少图片的大小。但有没有更好更讲究技巧的办法呢?哈哈,那必须有啊,而且还不止一种呢:) 纯 CSS 做三角形的方法,目前我知道三种,分别是利用 b...
总结,五个步骤: 1.创建XMLHttpRequest对象。 2.设置连接信息 xmlhttp.open(请求方式,url,是否同步); 3.注册回调函数 xmlhttp.onreadystatechange = 函数名 (函数名后面不要加括号);  4.发送...
在使用电信宽带的时候,用 chrome 浏览器有时会碰到这种情况: 1.点击任何链接,不会正常跳转,而是变成了下载文件; 2.书签栏里的任何书签点击都没反应; 3.F5没反应,想刷新页面只能去点击刷新按钮,刷新后还是老样子; 4.在地址栏里敲东西,感觉 ctrl 键默认...
这个 bug 很纠结,让我觉得这篇文章的题目到底能否让人理解,不废话了,先来描述下这个 bug: 在 firefox 中,如果 A 元素的 position 值是在拖动滚动条的时候变成 fixed, B 元素也在拖动滚动条时 position 的值变为 fixed,并且 ...
最近更新了chrome27正式版后,发现原来用到 -webkit-text-size-adjust  的地方已经失效了,搜索了一下发现这个属性不被支持了,囧….那么还有什么办法能在chrome下设置12px以下的字体呢? 第一步:设置css部分为12px 第二步:使用sc...
伪类 :active 生效 要CSS伪类 :active 生效,只需要给 document 绑定 touchstart 或 touchend 事件 <style> a {  color: #000; } a:active { &n...
原文:http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml 每个风格点都有一个展开/收起按钮以便你可以得到更多的信息:▶. 你可以将全部展开或收起: 背景 JavaScri...
由于做HTML5相关的项目,许多前卫时髦的前端技术就需要考虑一下IE是否支持。要是在以前,可以很方便地调用jQuery的jQuery.browser来实现。 If(jQuery.browser.msie) alert(“DIE IE!”) 但这一便利在jQuery 1.9之后就不复...