起因 起因有二: 在看winter老师的分享:<一个前端的自我修养>时,有注意到这么一幅图,里面有写childNode和children属性. 昨天有学弟问起我,能否自己定义一个所有元素节点通用的方法,就像数组可以用 Array.prototype.xxx 来添加一个所有数组的方法.于是发现自己对于Node和Element的概念其实还不太清晰,所以上MDN看了看,写篇博客沉淀一下. Node Node类继承于EventTarget,下面是MDN给的解释. Node在这儿指DOM节点,其中包括了…

跟随 Web 标准探究DOM -- Node 与 Element 的遍历 这个是 Joyee 2014年更新的,可能是转战github缘故,一年多没有跟新了.这篇感觉还挺全面,就转载过来,如以前文章一样,下面附上转载地址: 跟随 Web 标准探究DOM -- Node 与 Element 的遍历[Joyee] 感觉有点敷衍... 完...…

目录 浅析Node.js的Event Loop 引出问题 Node.js的基本架构 Libuv Event Loop Event Loop Phases Overview Poll Phase The Heart Of Event Loop MacroTask VS MicroTask 它是如何工作的? 推荐阅读 参考 浅析Node.js的Event Loop 引出问题 首先看两段代码,下面两段代码的执行结果是什么?为什么? // event-loop-1.js setTimeout(() =>…

本文转载自:http://blog.csdn.net/wcydiyi/article/details/4432636点击打开链接 1.元素(Element)和结点(Node)的区别:         元素是一个小范围的定义,必须是含有完整信息的结点才是一个元素,例如<div>...</div>.         但是: 一个结点不一定是一个元素,而一个元素一定是一个结点. 什么是Node: NODE是相对TREE这种数据结构而言的.TREE就是由NODE组成.这个部分你可以参考离散…

写在前面 这篇没有什么 WebKit 代码的分析,因为……没啥好分析的,在实现里无非就是树的(先序DFS)遍历而已,囧哈哈哈……在WebCore/dom/Node.h , WebCore/dom/ContainerNode.h 和 WebCore/dom/Element.h 以及对应的 .cpp 里看两眼就行了.下面这些属性一般都作为了私有变量直接放在了对象里(按照命名规范基本都叫m_xxx),然后通过和标准同名的 public 方法返回.不过要注意一下它们放在了哪里,比如Node里和子节点相关…

先看document的两个常见method. document.createTextNode Constructor: Text document.createElement Constructor: HTML*Element 此处涉及三个DOM API: Text, Node, Element.其关系可参考下图. 由此可见, Node包括Document, Element, CharacterData(Parent of Text, Comment, etc.). 再看看element的两个常…

综述: 可以将其看做是依次继承的关系: Node Node A Node is an interface from which a number of DOM types inherit, and allows these various types to be treated (or tested) similarly(好几种dom类型都继承自node接口,这些dom类型对外会表现的很相似). The following interfaces(下面的这些接口都继承自Node的方法和属性,包括D…

大家好,今天来给大家讨论node.js这个东西,说起这个东西啊,可能大家已经很熟悉了,因为现在市场上运用的越来越广泛,毕竟它的优点还是有目共睹的! 那么,什么是node.js呢?官方给出了这样的定义:"node.js是一个基于Chrome V8引擎的JavaScript运行环境.Node.js使用了一个事件驱动.非阻塞式I/O的模型,使其轻量又高效".这样我们就能知道node.js是一个运行环境,而且具有轻量又高效的特点. 既然提到了运行环境,那么我们都知道浏览器也是一个运行环境,他们…

Node.js采用 事件驱动 和 异步I/O 的方式,实现了一个单线程.高并发的运行时环境,而单线程就意味着同一时间只能做一件事,那么Node.js如何利用单线程来实现高并发和异步I/O?本文将围绕这个问题来探讨Node.js的单线程模型: 1.高并发 一般来说,高并发的解决方案就是多线程模型,服务器为每个客户端请求分配一个线程,使用同步I/O,系统通过线程切换来弥补同步I/O调用的时间开销,比如Apache就是这种策略,由于I/O一般都是耗时操作,因此这种策略很难实现高性能,但非常简单,可以实…

总结笔记:对于每个用户请求,由主线程接收并存放于一个事件队列中(不做任何处理),当无请求发生时,即主线程空闲,主线程开始循环处理事件队列中的任务: 对于非阻塞JS程序: 1.若某事件需要I/O操作,则主线程发出I/O请求,然后继续执行,由底层的程序实现I/O并返回I/O数据(底层程序是多线程的,JS是单线程的),底层I/O线程处理完后将该事件重新放入事件队列并释放当前线程: 2.某事件不需要I/O操作,则主线程直接处理:(由其他线程处理后放入的事件此时也被主线程直接处理掉): 对于阻塞JS程序:…