yui3.3.0 node

Post on 14-May-2015

2.069 Views

Category:

Technology

0 Downloads

Preview:

Click to see full reader

TRANSCRIPT

YUI3.3.0 Node API

霸先@F2E

Node

• node-base• node-deprecated• node-event-delegate• node-event-html5• node-event-simulate• node-load• node-pluginhost• node-screen• node-style• align-plugin• shim-plugin

node-base

• 将原生 dom封装为 YUI3的 Node和NodeList实例,并提供像操作 dom一样来操作 Node和 NodeList的方法

• requires:['dom-base', 'selector-css2', 'event-base']

node-deprecated

• 这个模块里放的是不推荐使用的方法,这些方法将在未来版本的 YUI里移除

• requires:[‘node-base’]

node-deprecated

get

query

queryAll

each

item

size

node-event-delegate

• 让 node支持事件代理 delegate方法• requires:['node-base', 'event-delegate']

node-event-delegate

delegate

node-event-html5

• 让 node支持 html5事件• requires:['node-base']

node-event-simulate

• 在 node上模拟指定事件• requires:['node-base']

node-event-simulate

simulate

node-load

• 可以使用 io动态替换 node内容• requires:['node-base', 'io-base']

node-load

load

node-pluginhost

• node支持插件功能• requires:['node-base', 'pluginhost']

node-pluginhost

plug

unplug

node-screen

• node在屏幕上的一些属性• requires:['dom-screen']

node-screenwinWidth

winHeight

docWidth

docHeight

docScrollX

docScrollY

scrollLeft

scrollTop

region

viewportRegion

getXY

setXY

getX

getY

setX

setY

swapXY

intersect

inRegion

inViewportRegion

node-style

• node操作样式相关 js• requires:['dom-style', 'node-base']

node-style

getStyle

getComputedStyle

setStyle

setStyles

align-plugin

• 对齐插件,将节点对齐到指定节点或者一个区域

• requires:['node-screen']

align-plugin

to

sync

center

destory

shim-plugin

• 给指定节点添加 shim• requires:['node-style', 'node-pluginhost']

shim-plugin

init

initEvents

getShim

insert

sync

destory

END

top related