09 2013 档案

摘要:http://www.nowamagic.net/librarys/veda/detail/787 在Web开发的时候经常会遇到浏览器不响应事件进入假死状态,甚至弹出“脚本运行时间过长“的提示框,如果出现这种情况说明你的脚本已经失控了,必须进行优化。为什么会出现这种情况呢,我们先来看一下浏览器的内核处理方式:浏览器的内核是多线程的,它们在内核制控下相互配合以保持同步,一个浏览器至少实现三个常驻线程:javascript引擎线程,GUI渲染线程,浏览器事件触发线程。JavaScript引擎是基于事件驱动单线程执行的,JS引擎一直等待着任务队列中任务的到来然后加以处理,浏览器无论再什么时候都只有. 阅读全文
posted @ 2013-09-30 14:26 沧幕 阅读(1973) 评论(0) 推荐(1)
摘要:Firebug控制台详解http://oklai.name/2011/07/firebug%E6%8E%A7%E5%88%B6%E5%8F%B0%E8%AF%A6%E8%A7%A3/#more-16Firebug是网页开发的利器,能够极大地提升工作效率。但是,它不太容易上手。我曾经翻译过一篇《Firebug入门指南》,介绍了一些基本用法。今天,继续介绍它的高级用法。Firebug控制台详解作者:阮一峰控制台(Console)是Firebug的第一个面板,也是最重要的面板,主要作用是显示网页加载过程中产生各类信息。一、显示信息的命令Firebug内置一个console对象,提供5种方法,用来显示 阅读全文
posted @ 2013-09-27 17:10 沧幕 阅读(244) 评论(0) 推荐(0)
摘要: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 沧幕 阅读(986) 评论(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 沧幕 阅读(301) 评论(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 沧幕 阅读(147) 评论(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 沧幕 阅读(354) 评论(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 沧幕 阅读(1651) 评论(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 沧幕 阅读(10550) 评论(0) 推荐(1)