摘要: 1.Yahoo性能优化http://developer.yahoo.com/performance/rules.html1、尽量减少HTTP请求个数——须权衡合并图片(如css sprites,内置图片使用数据)、合并CSS、JS,这一点很重要,但是要考虑合并后的文件体积。2、使用CDN(内容分发网络)这里可以关注CDN的三类实现:镜像、高速缓存、专线,以及智能路由器和负载均衡;3、为文件头指定Expires或Cache-Control,使内容具有缓存性。区分静态内容和动态内容,避免以后页面访问中不必要的HTTP请求。4、避免空的src和href留意具有这两个属性的标签如link,script 阅读全文
posted @ 2013-09-27 16:48 沧幕 阅读(963) 评论(0) 推荐(0) 编辑
摘要: Javascript继承机制的设计思想转自:http://oklai.name/page/4/作者:阮一峰日期:2011年6月 5日我一直很难理解Javascript语言的继承机制。它没有”子类”和”父类”的概念,也没有”类”(class)和”实例”(instance)的区分,全靠一种很奇特的”原型链”(prototype chain)模式,来实现继承。我花了很多时间,学习这个部分,还做了很多笔记。但是都属于强行记忆,无法从根本上理解。直到昨天,我读到法国程序员Vjeux的解释,才恍然大悟,完全明白了Javascript为什么这样设计。下面,我尝试用自己的语言,来解释它的设计思想。彻底说明白p 阅读全文
posted @ 2013-09-27 16:41 沧幕 阅读(295) 评论(0) 推荐(0) 编辑
摘要: Javascript的this用法转自:http://oklai.name/page/3/作者:阮一峰日期:2010年4月30日this是Javascript语言的一个关键字。它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。比如, function test(){ this.x = 1; }随着函数使用场合的不同,this的值会发生变化。但是有一个总的原则,那就是this指的是,调用函数的那个对象。下面分四种情况,详细讨论this的用法。情况一:纯粹的函数调用这是函数的最通常用法,属于全局性调用,因此this就代表全局对象Global。请看下面这段代码,它的运行结果是1... 阅读全文
posted @ 2013-09-27 16:38 沧幕 阅读(146) 评论(0) 推荐(0) 编辑
摘要: Javascript对象冒充——call与apply转自:http://oklai.name/page/3/构想原始的 ECMAScript 时,根本没打算设计对象冒充(object masquerading)。它是在开发者开始理解函数的工作方式,尤其是如何在函数环境中使用 this 关键字后才发展出来。其原理如下:构造函数使用 this 关键字给所有属性和方法赋值(即采用类声明的构造函数方式)。因为构造函数只是一个函数,所以可使 ClassA 构造函数成为 ClassB 的方法,然后调用它。ClassB 就会收到 ClassA 的构造函数中定义的属性和方法。例如,用下面的方式定义 Class 阅读全文
posted @ 2013-09-27 16:36 沧幕 阅读(348) 评论(0) 推荐(0) 编辑
摘要: 以下是一些触发浏览器(reflow)的操作1.字体大小 改变(font size change)2.窗口大小 改变(screen resize)3.样式表添加或删除(add/remove stylesheets)4.JS更改DOM元素(js changing dom)5.:hover动作(:hover)6.位置计算(offset calcs)7.用户输入(user input)8.改变样式属性(changing class attr) 阅读全文
posted @ 2013-09-27 16:13 沧幕 阅读(1629) 评论(0) 推荐(0) 编辑
摘要: png图片结构分析与加密解密原理分类:图像处理解密加密byteimage算法存储PNG文件格式分为PNG-24和PNG-8,其最大的区别是PNG-24是用24位来保存一个像素值,是真彩色,而PNG-8是用8位索引值来在调色盘 中索引一个颜色,因为一个索引值的最大上限为2的8次方既128,故调色盘中颜色数最多为128种,所以该文件格式又被叫做PNG-8 128仿色。PNG-24因为其图片容量过大,而且在Nokia和Moto等某些机型上创建图片失败和显示不正确等异常时有发生,有时还会严重拖慢显示速度,故并不常 用,CoCoMo认为这些异常和平台底层的图像解压不无关系。不过该格式最大的优点是可以保存 阅读全文
posted @ 2013-09-24 11:26 沧幕 阅读(10137) 评论(0) 推荐(1) 编辑
摘要: BUG描述设置了对齐方式text-align后,正常浏览器只有文本受影响,而IE6 7会影响到内层其他元素BUG<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html lang="en"><meta name="robots" content="noindex"><meta http-equiv="Conten 阅读全文
posted @ 2013-06-18 16:06 沧幕 阅读(161) 评论(0) 推荐(0) 编辑
摘要: BUG 描述内层设置了负的边距,在IE6 7 下内层就被外层截断了<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html lang="en"><meta name="robots" content="noindex"><meta http-equiv="Content-Type" content=&q 阅读全文
posted @ 2013-06-18 15:18 沧幕 阅读(211) 评论(0) 推荐(0) 编辑
摘要: BUG描述触发了HASLAYOUT的列表UL OL,项目符号不显示BUG 举例DEMO<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html lang="en"><meta name="robots" content="noindex"><meta http-equiv="Content-Type" 阅读全文
posted @ 2013-06-18 14:54 沧幕 阅读(469) 评论(0) 推荐(0) 编辑
摘要: BUG描述正常浏览器设置line-height图片能居中显示 ,在IE6、7下不能居中显示BUG<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html lang="en"><meta name="robots" content="noindex"><meta http-equiv="Content-Type&q 阅读全文
posted @ 2013-06-18 14:39 沧幕 阅读(162) 评论(0) 推荐(0) 编辑