node网站源码分享?node.js项目源码

大家好,关于node网站源码分享很多朋友都还不太明白,今天小编就来为大家分享关于node.js项目源码的知识,希望对各位有所帮助!

本文及源代码都在github上,见xp44mm/hyperscript-rxjs-test仓库。

CreatesanewTextnode.ThismethodcanbeusedtoescapeHTMLcharacters.

其语法为

textNode(nodeValue)

唯一参数nodeValue用于指定文本节点的文本。

前面我们用标签函数创建一个段落,

p(&39;)

这个段落元素,属性缺省为{},并用一个string作为段落的唯一子节点。读过DOM文档的读者,可能知道这个文本类型的子元素,实际上,它是一个文本节点对象。用啰嗦的方法写是这样的:

p({},textNode(&39;))

这不是textNode的唯一用法,它可以接受一个Observable参数:

import{of}from&39;\nlettext$=of(&39;)\np(textNode(text$))

这个代码有和前面同样的输出,textNode是Observable的一个观察者,他会取出Observable中的值,作为自己的文本内容。

注意:只有字符常量可以用字符串代替textNode,Observable要输出内容到textNode节点,必须放到textNode创造函数中。

有了Observable作为参数,textNode可以动起来。每当输入参数Observable中数据next变化时,他会自动修改textNode的内容。见下面的代码:

import{p,textNode}from&39;;\nimport{interval}from&39;;\nimport{map}from&39;;\n\nexportfunctiontextNodeExample(){\nconstnumbers=interval(1000)\nconsttexts=numbers.pipe(map(x=>`Next:${x}`))\nreturnp(textNode(texts))\n}

一般文件命名为导出函数的名称,我们命名这个文件名为textNodeExample.js。

附录,如何运行

写了代码,最好让其运行,理解才能深刻。我们在第0章,我们介绍了框架的创造方法,有了框架,我们只需要把内容填充到框架里。

我们如何把这个代码放到框架里面运行呢?很简单,只需要修改根目录下的index.js文件,引入这个函数名称,并修改elem即可:

import{fragment}from&39;\nimport{textNodeExample}from&39;//*\nimport&39;\n\nletelem=textNodeExample()//*\n\ndocument.addEventListener(&39;,function(){\nletroot=document.getElementById(&39;)\nletelement=eleminstanceofArray?fragment(…elem):elem\nroot.appendChild(element)\n})

以后的代码运行,都可以这样修改,变化的位置用注释标注出来了,这个代码是自解释的。当文档加载时,首先从模板网页中找到根元素,然后把元素添加到这个根元素中。

我们运行程序,可以见到网页中,秒表每秒钟跳一个数字。

好了,文章到这里就结束啦,如果本次分享的node网站源码分享和node.js项目源码问题对您有所帮助,还望关注下本站哦!

站内搜索