javascript
宋小米
这个作者很懒,什么都没留下…
展开
-
js面向对象二--封装
Javascript是基于对象的开发语言,遇到的所有复杂的东西都是对象,而面向对象开发语言的最主要特点就是:封装,继承,多态;本文从这三个点学习javascript的面向对象开发。 一、 封装 在程序开发中,我们经常会遇到各种各样的实例,例如:猫,狗,兔子然后在操作这些实例时是很浪费时间空间的,所以在开发中我们经常会抽象成一个对象存储,在具体应用时然后实例化成具体对象。它们都属于动物,我们可以原创 2016-03-15 20:43:07 · 384 阅读 · 0 评论 -
javascript继承机制综述
继承是面向对象开发的不可或缺的特点,javascript没有像java类似的类,主要应用的是原型对象来实现继承,学习总结了如下几种继承模式。 一、 原型链继承 上节知道每个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,实例都包含一个指向原型的内部指针。那么让一个原型对象等于另一个类型的实例,此时的原型对象就包含了一个指向另一个原型的指针,而另一个原型对象又包含着一个指向另一个的原创 2016-03-16 18:03:26 · 486 阅读 · 0 评论 -
根据jquery解密js事件委托机制
Javascript一个重要特点就是事件驱动模型,javascript和HTML之间的交互是通过事件是实现的,事件就是文档或浏览器窗口发生的一些特定的交互瞬间,可以使用事件处理程序来预定事件,以便事件发生时执行相应的代码。事件流描述的就是从页面接受事件的顺序,ie的事件流是事件冒泡流,w3c是捕获事件流,由于老版本的浏览器不支持,因此很少用事件捕获。DOM事件流包括三个阶段:事件捕获阶段,处于目标转载 2016-03-11 15:54:30 · 1118 阅读 · 0 评论 -
call,apply 和 bind 的对比分析
一、共同点 都能改变函数的执行的上下文,就是函数里this指向的对象 1、 call ,apply,bind call和apply都是用来调用函数的,例如: var isOn=true; var lightBulb={ toggle:function(){ console.log(this.isOn);原创 2017-03-17 10:22:44 · 347 阅读 · 0 评论 -
javascript面向对象编程之理解原型
我们知道面向对象的三大基本特征:封装、继承、多态,JavaScript的面向对象编程也不外呼围绕这三个特征来学习,js没有类是利用构造函数的原型来达到面向对象编程的效果。 因此第一篇来理解原型。 1、构造函数和普通函数有什么区别呢? (1)普通函数 function animal(name) { var subname = name console.l...原创 2019-03-25 18:37:41 · 179 阅读 · 0 评论 -
javascript面向对象编程之继承
面向对象编程,少不了继承,js的es5的继承基础就是利用的原型,上面一篇文章已经理解了原型,现在来分析继承方式。 一、原型链继承 function Animal(type) { this.type = type; } Animal.prototype.colors = ['green','white','red'] Animal.prototype.toString ...原创 2019-03-27 19:39:40 · 237 阅读 · 0 评论 -
浏览器原理需要知道的事
前端开发—理解浏览器原理 任何语言都要被解析翻译成机器能读懂的语言,然后表现出我们想要的结果,前端我们熟知的css,javascript,html也需要被解析,然后在屏幕上绘制出我们想要的结果,然而这个过程是怎样去执行的呢?我们了解了这背后的原理对我们写代码有什么优化的效果呢?下面让我们来探讨下。 浏览器的渲染机制 首先渲染的一个主流程是如下图: 解析html过程...原创 2019-05-22 19:21:06 · 144 阅读 · 0 评论 -
前端面试必须知道的技术点
1、diff算法(列表渲染key) 2、原型和class 子类必须在constructor方法中调用super方法,否则新建实例时会报错。这是因为子类自己的this对象,必须先通过父类的构造函数完成塑造,得到与父类同样的实例属性和方法,然后再对其进行加工,加上子类自己的实例属性和方法。如果不调用super方法,子类就得不到this对象。 ES5 的继承,实质是先创造子类的实例对象this,然...原创 2019-08-30 19:16:00 · 1299 阅读 · 0 评论