如何编写自己的JS框架类库

JavaScript020

如何编写自己的JS框架类库,第1张

把自己想要封装的js方法,写在自己建的一个js文件里,。

使用的时候,把这个js文件导入到jsp文件中去就可以使用你封装的js方法了。

jquery也是这样的。

获取Node安装包,可以访问以下Node.js框架官方网址:

在该页面中,我们可以看到适用于不同操作系统的、各个版本的Node安装包源文件,选中我们需要的版本类型直接下载就可以了。

2

在Windows操作系统环境下安装Node.js框架,直接运行下载好的Node安装包      源文件即可,目的路径一般选择如下:

D:/nodejs/

3

安装完毕后,读者可以到该目录下浏览一下具体内容,这样会对Node环境有一个大致的了解。

方法/步骤2

在Ubuntu(Linux)环境下需要运行apt命令进行安装,具体方法如下:

sudo apt-get install nodejs

如果想获取最新的Node安装源,具体方法如下:

sudo add-apt-repository ppa:chris-lea/node.js

sudo apt-get update

sudo apt-get install nodejs

3

一般情况下,node命令会被自动安装在以下路径之中(视不同的Ubuntu系统版本而定):

/usr/local/bin/node

END

方法/步骤3

1

大致经过以上这几步的操作,Node.js框架就安装完毕了,为了检验Node环境是否正确,可以使用以下命令检测Node的版本:

node -v

2

如果显示出正确的版本号,则说明Node环境搭建成功了。

如果想要更好地学习nodejs,可以练练代码段的相关图书。

先进入官网。官网首页就能够下载,点击箭头所示图标,下载所需文件。

点击以后弹出选择对话框,如图所示,我们可以直接点击download图标,这时下载的就只是基本文件,选择zip后我们能够将整个文件夹下载下来,这里随便自己喜欢。

下载完成以后,解压文件,开始准备写项目。如果下载的是单个文件,就不需要解压,下载的就只是angular.js文件,只需要直接饮用就可以了。

打开编辑器,创建一个新的项目,在项目中导入我们下载的文件,再创建一个新的文档:index.html。在文档中我们需要导入Angularjs库,这里我们可以看到出现了很多其他的文件,这些文件有各自的意义,以后再说明。

先导入如图所示的这行代码,Angularjs基本库已经导入了,说明我们可以开始使用它们。

开始测试是否成功。HTML样式在红色框中,事件直接写在该页面上如蓝色框中所示。

Angularjs框架的最大不同就是每个web都有独立控制器,即controller,我们用它来控制整个页面框架的逻辑。用ng-app划定区域。这里体现了它的数据绑定的功能,{{message}},在控制器中获得赋值就立刻返回给页面显示出来。