深入浅出js事件 一.事件流 事件冒泡和事件捕获分别由微软和网景公司提出,这两个概念是为了解决页面中事件流(事件发生顺序)的问题. <div id="outer"> <p id="inner">Click me!</p> </div> 上面的代码当中一个div元素当中有一个p子元素,如果两个元素都有一个click的处理函数,那么我们怎么才能知道哪一个函数会首先被触发呢? 为了解决这个问题微软和网景提出了两种几乎完全相反…

JS虽然是一个面向对象的语言,但是不是典型的面向对象语言.Java/C++的面向对象是object - class的关系,而JS是object - object的关系,中间通过原型prototype连接,父类和子类形成一条原型链.本文通过分析JS的对象的封装,再探讨正确实现继承的方式,然后讨论几个问题,最后再对ES6新引入的类class关键字作一个简单的说明. JS的类其实是一个函数function,由于不是典型的OOP的类,因此也叫伪类.理解JS的类,需要对JS里的function有一个比较好…

给大家介绍7中js继承的方法 有些人认为JavaScript并不是真正的面向对象语言,在经典的面向对象语言中,您可能倾向于定义类对象,然后您可以简单地定义哪些类继承哪些类(参考C++ inheritance里的一些简单的例子),JavaScript使用了另一套实现方式,继承的对象函数并不是通过复制而来,而是通过原型链继承 一.原型链继承 // 原型链实现继承 function Person(name,age) { this.name=name; this.age=age; } Person.pr…

JS中的Promise: MDN上面对promise的描述:Promise 对象用于表示一个异步操作的最终状态(完成或失败),以及其返回的值. 可以直接对字面上理解:Promise:承诺,一诺千金,只要你有承诺就得执行,不管时间过了多久,执行完就行,而且还是异步的,比如你是一个言出必行的大丈夫,你说总有一天完会把大黄蜂(科迈罗)买回家,奋斗了5年攒够了钱,然后下单,异步就是你承诺了要买大黄蜂,但你还是可以做其他的事,因为生活总得继续. console.log('下个目标,5年买科迈罗!'); n…

Q:this是什么? A:this是Javascript语言的一个关键字,它代表函数运行时,自动生成的一个内部对象,在每个 function 中自动根据作用域(scope) 确定, 指向的是此次调用者. Q:this的使用场景? A:  1.普通函数调用. 2.作为对象的方法来调用. 3.作为构造函数调用. 4.函数被call,apply,bind调用的时候. 栗子: 普通函数调用 function test1(){ console.log(this); } test1(); // window…

Q:this是什么? A:this是Javascript语言的一个关键字,它代表函数运行时,自动生成的一个内部对象,在每个 function 中自动根据作用域(scope) 确定, 指向的是此次调用者. Q:this的使用场景? A:  1.普通函数调用. 2.作为对象的方法来调用. 3.作为构造函数调用. 4.函数被call,apply,bind调用的时候. 栗子: 普通函数调用 function test1(){ console.log(this); } test1(); // window…

事件:文档或浏览器窗口中发生的一些特定的交互瞬间,也即用户或浏览器自身执行的某种动作. ----------------------------------------------------------------------------------------------------------- 一.事件流 事件流:描述的是页面中接收事件的顺序.     IE:事件冒泡流,即事件开始时由最具体的元素接收,然后逐级向上传播到较为不具体的节点(文档):     NetScape:事件捕获流,即…

点击查看原文 写在前面 js里的事件循环机制十分有趣.从很多面试题也可以看出来,考察简单的setTimeout也就是考察这个机制的. 在之前,我只是简单地认为由于函数执行很快,setTimeout执行时间即便为0也不会马上输出,而是等待函数执行完后再输出.这只对了一半. 实际上其运行机制就是js中的事件循环机制,在这个循环机制中呢,又与call Stack和task queue有关. 我的参考 参考了两篇文章,所以文章内容与这两篇关系很大,加上了一些我自己的理解. 深入浅出js事件循环机制(上)…

前言: 一直想着整理一下关于前端的知识体系和资料,工作忙了些,挤挤总会有的,资料很多,就看你能不能耐下心坚持去学了,要多学多敲多想,祝你进步~ 学习之前首先要大概了解什么是HTML ,CSS , JS:一句话概括:HTML 是骨骼, CSS是皮肤, JS只是夹在中间的神经组织!细说的话:HTML是由多种骨头(标签)组成的骨架.HTML5是更多的新骨头(标签),同时去掉了以前觉得不好用的骨头.CSS是皮肤.CSS3是更美的皮肤JS控制单个动作.(抬手,张嘴,放下手,抬腿,转头,握拳等)jQuery…

以用户为中心的时代,应用的界面外观变得越来越重要.然而,很多程序员都缺乏美术功底,要开发出界面美观的应用实属不易.Ext JS的出现,为广大程序员解决了这一难题.它有丰富多彩的界面和强大的功能,是开发具有炫丽外观的RIA应用的最佳选择. 但其实,第一只“出海”的YUI-Ext只是作者Jack打算对基于BSD协议的Yahoo! User Interface (YUI)库进行自定义的扩展,但后来一度风头盖过其父辈YUI,足以说明 大家对它的热情,很多人把它投入项目,但并不十分了解它.分析人士打了一个…