随笔分类 -  JavaScript

图片懒加载库echo.js源码学习
摘要：最近不是在学习设计模式吗，然后就看到了代理模式加载图片的样例，然后自己实现了一下，就发现，自己写的这货每次就只能加载一张图片，而且图片要放在哪也是个很严重的问题 然后就去了 gayhub 找了找了找流行的图片懒加载库，这一找，就找到了一个echo.j是，打开一看，源码只有100多行吧，震惊。。，看完 阅读全文
posted @ 2017-08-19 12:38 llauser 阅读(657) 评论(0) 推荐(0)
对于浏览器的事件机制有了新的认识
摘要：最重要的一个事件:addEventListener 接收三个参数 1，事件类型 2.事件触发的函数 3 （可选）是否捕获 在w3c标准的浏览器下事件是冒泡类型的 从最具体的元素到某个节点被取消冒泡或者一直冒泡到根节点(他也支持捕获类型) 值得一提的是,在正常的浏览器中用addEventListene 阅读全文
posted @ 2017-08-14 23:39 llauser 阅读(367) 评论(0) 推荐(0)
一道CVTE前端二面笔试题
摘要：题目：给你一个数组，输出数组中出现次数第n多的数字; 比如：[1,1,1,2,2,2,3,3,4,4,5,5,6,6,7]; 1 3次 2 3次 3 2次 4 2次 5 2次 6 2次 7 1次 假设要求输出第1多的：1,2 第3多：7 有兴趣的，可以做一做，我给出我的解法： 可以，现场太紧张，没做 阅读全文
posted @ 2017-04-19 11:26 llauser 阅读(660) 评论(0) 推荐(0)
js继承之四（寄生组合式继承）
摘要：组合式继承尽管很优秀，但是还是有一个地方算完美调用父类构造函数调用了两次也就是实例化了两个父类对象 从这个结果可以发现，父类实例中的属性和方法其实子类已经有了，再添加进来未免多此一举；所以这就是优化的点 上面有两种方式，注释掉的也是一种方式效果： 父类没有实例化属性了 阅读全文
posted @ 2017-04-16 15:51 llauser 阅读(430) 评论(0) 推荐(0)
js继承之三（对象关联方式，Object.create()）
摘要：看惯了繁琐的prototype？其实有一种较为简洁的创建继承的方式——原型式继承 上面这段代码就是这个机制的核心了，严格来说他实现的是对象关联，要求有一个对象为基础（这句话 听起来怎们这么别扭 咳咳） 官方优化了这个操作提出了Object.create()详细的用法请百度。。 我的实现: b和a已经 阅读全文
posted @ 2017-04-16 14:40 llauser 阅读(341) 评论(0) 推荐(0)
js继承之二（组合模式=借用构造函数+原型链方式）
摘要：借用构造函数模式：不能继承原型上的属性，可以避免引用类型修改问题 原型链：能够继承原型上的属性，会发生引用类型修改 so：敲黑板！ 结果： 皆大欢喜。 阅读全文
posted @ 2017-04-16 13:53 llauser 阅读(324) 评论(0) 推荐(0)
js继承之一（借用构造函数）
摘要：现在，已经知道了原型对象，原型链的实现，原型链式继承的缺陷;那么如何避免这个缺陷？ 在子类中借用父类的构造函数 达到的效果相当于，子类拷贝了一份父类的方法和属性，加上自己的方法和属性； 优点： 缺点： 阅读全文
posted @ 2017-04-16 13:39 llauser 阅读(362) 评论(0) 推荐(0)
js原型链与继承
摘要：先看看JAVA中继承的定义 ：Java继承是使用已存在的类的定义作为基础建立新类的技术，新类的定义可以增加新的数据或新的功能，也可以用父类的功能，但不能选择性地继承父类。 所以继承需要实现的是：能够拥有父类的方法和属性，也能自己定义新的方法和属性; 那么直接用原型链会有什么问题？ 以上就是直接利用原 阅读全文
posted @ 2017-04-16 13:05 llauser 阅读(313) 评论(0) 推荐(0)
input 输入框的事件触发及其顺序
摘要：运行结果： 情况一：只点击不输入（没有键盘事件） 情况二：点击加输入 onpress之后又出发了oninput事件 情况三:输入完了，鼠标离开这个input 触发了onchange和onblur事件 情况四:复制黏贴！ 情况五：通过脚本添加 总结一下： 1.当你鼠标点击进去时触发onfocus（聚焦 阅读全文
posted @ 2017-04-15 19:47 llauser 阅读(27677) 评论(0) 推荐(1)
js正则表达式总结之方法层面
摘要：正则表达式的方法使用： 正则匹配在字符串的匹配上面使用的最为普遍，所以js上午字符串也内置了正则匹配的方法: match(REG) ; replace(REG,target); search(REG); 1.string.match(REG) 接受一个正则表达式；成功匹配返回一个数组，数组的inde 阅读全文
posted @ 2017-04-15 18:04 llauser 阅读(215) 评论(0) 推荐(0)
js正则表达式总结之语法层面
摘要：1，几种方法能够使用js正则表达式？ 1，var reg=/... /ig; 正则表达式直接量； 2，var reg=new Reg("....","ig"); 正则表达式对象方法； 2，正则表达式语法规则 3，一些特殊的正则表达式 阅读全文
posted @ 2017-04-15 17:29 llauser 阅读(134) 评论(0) 推荐(0)
js原型链实现
摘要：温故而知新： 原型对象上添加属性 new 一个对象看看咯： 同样的，定义一个b函数： 同样看看new 一个b对象看看: ok，现在有两个同等的类a,b;如何让他们两个能够通过原型链的连接在一起? 再new 一个b对象看看： 能得出什么？ 1：b的原型对象已经变成了a,且原型对象(a)的属性是赋值时候 阅读全文
posted @ 2017-04-15 14:25 llauser 阅读(733) 评论(0) 推荐(0)
js原型对象
摘要：原型对象是什么？ 在js中，每一个创建的的函数都会有一个prototype属性，这个属性指向一个对象，这个对象就是原型对象 chrome浏览器下的结果： 原型对象能干啥？ 首先，当你用new 调用了一个函数，就会创建一个对象实例然后返回这个对象 可以看到a是一个名叫lla的对象，有一个__proto 阅读全文
posted @ 2017-04-01 00:26 llauser 阅读(267) 评论(0) 推荐(0)