随笔分类 -  JavaScript

摘要:一、测评目的 通过分析webp图片在不同条件下的性能表现,来确定webp图片的适用场景。 二、测评方式 使用控制变量法,分别从以下3点对webp与jpg图片做对比,得出结论。 1.页面图片总体积。 2.单张图片体积。 3.网速 三、采样数据 测试机器:2015年MacBook Pro 处理器:2.7 阅读全文
posted @ 2017-01-04 10:47 Pickcle 阅读(1776) 评论(0) 推荐(0)
摘要:本文是原创文章,如需转载,请注明文章出处 主要思想就是在继承时,只开放共有的属性和方法,不开放另外某些函数,从而实现私有的作用。 C函数的作用就是剔除A中的私有函数(g),将其他的属性和方法放入o对象返回,之后将B的原型赋值给C返回的对象,这样当生成B对象时,只能访问到x,y,f了,从而实现私有函数 阅读全文
posted @ 2016-07-23 22:20 Pickcle 阅读(691) 评论(0) 推荐(0)
摘要:本文是原创文章,如需转载,请注明文章出处 1.js中实现组合继承(B继承A): 这种继承方式主要是利用原型链实现继承,同时使用构造函数传入参数,每当生成B对象时,会调用A的构造函数添加name和ary属性从而实现继承。 但这种方式有个缺陷,会调用2次A的构造函数,第一次是在设置prototype时, 阅读全文
posted @ 2016-07-23 18:13 Pickcle 阅读(346) 评论(0) 推荐(0)
摘要:本文是原创文章,如需转载,请注明文章出处 在工作中,有时会有这样的需求:在一个页面上添加了6个按钮,然后分别为他们绑定点击事件监听器,当点击按钮1时,输出1,当点击按钮2时,输出2。 循环绑定代码如下: 但是这样会产生一个问题,因为JS中没有块作用域的概念,所以当这段绑定代码执行过后,i的值是7,并 阅读全文
posted @ 2016-07-19 14:15 Pickcle 阅读(379) 评论(0) 推荐(0)
摘要:本文是原创文章,如需转载,请注明文章出处 JS和AS师出同源,所以事件流的3个阶段也跟AS一样,分别是捕获阶段,目标阶段,冒泡阶段。 下面写了个例子可以清晰的看出事件流的顺序: eventTest.html eventTest.js 这个例子很简单,先添加一个绿色的div,其中有个居中的按钮,JS代 阅读全文
posted @ 2016-07-18 15:48 Pickcle 阅读(193) 评论(0) 推荐(0)