React源码系列文章,请多支持:React源码分析1 — 组件和对象的创建(createClass,createElement)React源码分析2 — React组件插入DOM流程React源码分析3 — React生命周期详解React源码分析4 — setState机制React源码分析5 ...
分类:
其他好文 时间:
2017-03-28 21:43:43
阅读次数:
358
1 使用factory在页面添加d3.js。也可以选择在页面直接引入d3.js。 // 建立一个D3的脚本标签,当这个标签加载完毕后运行onScriptLoad方法来load D3 var scriptTag = $document[0].createElement('script'); 2 建立一 ...
分类:
其他好文 时间:
2017-03-23 18:35:05
阅读次数:
172
1.createElement() , createTextNode() , appendChild() 2.insertBefore(x,y) ,在指定子元素y前加入新的x子元素,(而appendChild()是把子元素加到最后) 3.replaceChild(x,y); 将子节点y 换成子节点x ...
分类:
Web程序 时间:
2017-03-23 18:32:11
阅读次数:
217
props可以用两种理解,一是可以被当做构建React节点的参数,二是可以被理解为HTML标签的属性。具体如下 当props与一个已知HTML属性相同时,当他被加入最终DOM中的HTML元素时,它就是该元素的属性; 当被传入React.createElement()中当做参数时,也可以是React ...
分类:
其他好文 时间:
2017-03-22 21:15:14
阅读次数:
143
document.createElement()是在对象中创建一个对象,要与appendChild() 或 insertBefore()方法联合使用。其中,appendChild() 方法在节点的子节点列表末添加新的子节点。insertBefore() 方法在节点的子节点列表任意位置插入新的节点。 ...
分类:
其他好文 时间:
2017-03-17 20:46:03
阅读次数:
273
首先是外部脚本和行内脚本,对于异步加载的脚本,会导致竞争状态,使得出现未定义的错。 采用Script Dom技术测试: 代码: <script type="text/javascript"> var scriptElem = document.createElement('script'); scr ...
分类:
其他好文 时间:
2017-03-08 13:02:28
阅读次数:
122
JSX并不是使用React的一个强制需求。当你不需要在你的构造环境里设置编译那么不使用JSX会很方便。 每一个JSX元素只是调用React.createElement(componnet, props, ...children)的语法糖。因此,JSX能做的事原生js同样也做得到。 举个例子,下面的代 ...
分类:
Web程序 时间:
2017-03-01 16:33:27
阅读次数:
190
function getJSONP(url,callback) { var JSONP=document.createElement("script"); JSONP.type="text/javascript"; JSONP.src=url+"&callback="+callback; docum ...
分类:
Web程序 时间:
2017-02-23 11:28:45
阅读次数:
241
childNodes 返回当前元素所有子元素的数组 parentNode 返回元素的父节点 document.createElement(tagName) 文档对象上的createElement方法可以创建由tagName指定的元素。如果以串div作为方法参数,就会生成一个div元素 documen ...
分类:
Web程序 时间:
2017-02-22 20:14:09
阅读次数:
230
根本上,JSX只是为React.createElement(component, props, ...children)函数提供语法糖。JSX代码是这样的: 编译成这样: 你也可以使用自己闭合的标签块如果它们没有子元素。 编译成这样: 如果你想要测试JSX是怎样转换成js的,你可以试一试在线Babe ...
分类:
Web程序 时间:
2017-02-22 12:36:17
阅读次数:
130