代码改变世界

随笔档案-2013年01月

【javascript基础】渐进式jpeg(progressive jpeg)图片及其相关【转】

2013-01-08 11:34 by sniper007, 938 阅读, 收藏,
摘要: 一、基本JPEG(baseline jpeg)和渐进JPEG网络上那些色色的照片都是.jpg格式的(“色色”指的是色彩斑斓的意思)。不知诸位有没有注意到,这些jpg格式的图片在呈现的时候,有两种方式,一种是自上而下扫描式的,还有一种就是先是全部的模糊图片,然后逐渐清晰(就像GIF格式的交错显示),例如下面的示意(图片来源:http://codinghorror.typepad.com):一般线性加载(如不能显示点击这里查看)交错/渐进式(若无法显示点击这里查看)你网站的jpg图片是以何种方式呈现的呢?我猜你是“自上而下扫描式”的,擦擦~我在贴吧看海贼火影漫画时候,时不时会发现,其中部分图片就是 阅读全文

【javascript基础】各浏览器Iframe对contentWindow、contentDocument、document及frames属性测试 【转】

2013-01-07 14:30 by sniper007, 486 阅读, 收藏,
摘要: Iframe易于嵌套及管理页面,但经常遇到跨域、父子页面访问问题,对于子页面访问父页面可以兼容性地通过window.Top或 window.Parent或window.frameElement等操作,但对于标题中四个对象,一直没有完整测试过,故买个苦力,分享给大家。contentWindowcontentDocument document frames Firefox 11√ √×√Opera 11√√×√Chrome 15/360 极速 5.2√ ××√ Safari 5.1√√×√ Maxthon 3.3√√ ×√IE6√ 阅读全文

【javascript基础】IE6-IE9不支持table.innerHTML的解决方法分享【转】

2013-01-07 11:37 by sniper007, 466 阅读, 收藏,
摘要: IE6-IE9不支持table.innerHTML的解决方法分享测试代码:<table id="test"></table><script>var oTable=document.getElementById("test");oTable.innerHTML="<tr><td>innerHTML</td></tr>";</script> 上述代码在IE6-9中无效,直接报错: IE9:Invalid target element for t 阅读全文

【html】(X)HTML语义与元素名全称(部分)【转】

2013-01-04 16:20 by sniper007, 215 阅读, 收藏,
摘要: 你思考过每个元素名的全称问题吗?也许出于习惯,很少想这个问题,例如,p表示段落,那么p的本意是什么呢?它是什么词的缩写呢?也许你知道p是段落(paragraph)的缩写,那么其他元素的名称呢?今天琢磨这个问题,故在网上狂找了半天,但是很遗憾居然没有找到相关资料,偶尔看到几个零散的提示,但是没有系统研究的资料,大家都在谈论HTML的语义性,但是连最基本的元素的原义是什么都没有搞清,何谈语义化。故下点功夫整理一下,最后汇集一个HTML元素名全称的原义表,仅作为参考,可能还很不全面,或者理解偏差,请有识之士PP。div语义:Division(分隔)span语义:Span(范围)ol 语义:Orde. 阅读全文

【javascript基础】js线程机制【转】

2013-01-04 14:58 by sniper007, 280 阅读, 收藏,
摘要: 前几日写了一篇文章,介绍了js阻塞页面加载的问题。当时是通过例子来验证的。今天,我介绍一下浏览器内核,从原理上介绍一下js阻塞页面加载的原因。浏览器的内核是多线程的,它们在内核制控下相互配合以保持同步,一个浏览器至少实现三个常驻线程:javascript引擎线程,GUI渲染线程,浏览器事件触发线程。1. javascript引擎是基于事件驱动单线程执行的,JS引擎一直等待着任务队列中任务的到来,然后加以处理,浏览器无论什么时候都只有一个JS线程在运行JS程序。2. GUI渲染线程负责渲染浏览器界面,当界面需要重绘(Repaint)或由于某种操作引发回流(reflow)时,该线程就会执行。但需要 阅读全文