00:02
欢迎继续收看上硅谷生命课程,我们继续来学习前端中的基础知识,下面呢给各位讲一个很重要的东西,叫做noe JS note JS呢是我们前台开发中必须要用到的一个东西,那我首先给大家介绍一下NOEJS到底是什么,包括它能做什么事情,以及里边一个重要的概念叫DF。包括咱们演示OS,它怎么安装,给它一个快速的入门。那我下面给各位来说一下not,那我们看一下note是什么呢?给各位强调,首先第一个各位记住它是一个javascript引擎,或者说你可以这么理解,它是一个javascript,一个运行环境,通过它可以直接运行javascript。那大家想一下,比如说咱们啊,之前我们用一个javascript,咱是怎么用的。
01:01
各位应该有印象,我们是不是在页面中去引入JS文件,或者说在页面中是不是要编写这组代码,然后咱们通过浏览器访问,那我的GS是不是能执行了,这是咱们之前做法,也就是说之前过程中咱是要通过浏览器进行访问才能执行了,而现在有了note之后,咱们不需要浏览器,它可以直接去运行我们的Java程序,这就是一个Java的运行环境。这各位给他知道,而note窄S我这里写到它内置的其实是一个谷歌的V8引擎,就是它本身用的就是一个浏览器的引擎,所以它能够直接运行Java刻这么一个程序,这是它的第一个特点。另外note s呢还能够做到咱们末端的效果,比如说咱们之前我们讲过Tom运行服务,然后你通过IP端号进行访问,而现在note JS也能实现出服务端的效果,这是关于它的一个基本介绍。
02:04
而在这过程中呢,Note JS呢,到底是怎么去用的呢?我们来看一下里面这段话,我这里写的。如果说呢,你想开发一个类似于Java web的简端后端程序,咱们之前写法中我可以建个或者说写个control是不是就调用了,但是现在如果你想做一个简单的程序,咱们不需要那么麻烦,我们通过note就能实现,而note中有一个重要的概念。叫做BFF层什么意思?就是一个服务于前端的后端,通俗说就是一个专为前端业务提供数据的后端程序,那咱下面说一下这个BFF到底是用来解决什么问题的,我在里边给各位写一下,首先我写一个note JS,刚才咱们提到它有两大作用,第一个是一个javascript运行环境里边能直接运行Java pay,而不需要浏览器,另外第二个它能够模拟出咱们。
03:11
服务端的一个效果,咱不需要to t用它已经做到,这是一个基本作用。另外S中一个重要概念叫BFF。什么意思呢?是一个专注于为前端提供数据的这么一个后端程序,就刚才我提到的里边的这句话,服务于前端的后端,那BFF到底是解决什么问题的?这过程中我们诺德S到底起到了一个什么作用?那我下面把BFF的一个过程给大家画一下,同时也说出note s它里面到底是干什么的。那我在这个位置给大家画一下,比如我现在有这么一部分。还有这么一部分,然后这一部分是什么呢?假设咱们这一部分呢,是咱们的客户端,或者说是咱们的。浏览器,然后这部分是咱的服务端,或者说是咱说的接口,假如我现在第一个是一个叫。
04:07
SERVICE1,然后里边呢,比如说有多个service,我们还有一个SERVICE2,然后这里边我们有接口,它可以反映那种,当然咱们可能还有什么SERVICE3 service4等等那种,比如说我再来一个SERVICE3。等等这些内容。各位看这个过程中的,如果说咱按照之前方式,那我浏览器里边,我们要在页面中通过阿贾克斯是不是要调咱的接口,最终是要反映数据,假如说现在反数据中,比如我的SURFACE1它反映数据,假如说啊,我们里边就返回这个数据,也是这个name。然后它的值,比如是Lucy。然后所二,比如反映数据是A,它的值是20,比如说SERVICE3里边就反映数据表示它这个性别表,咱是一代表男,这是我们这个基本数据,而这过程按照之前方式,那我们直接请求接口是不到数据啊,但是现在比如说有一个特点啊,我想做一个效果,让我SERVICE2的数据在第一行显示,让SERVICE1的数据在第二行显示,让SERVICE3的数据在第三行显示。
05:24
那这个过程如果按照原始方式,咱们在页面中二点格斯处理中是不是要做不同的操作呀,还要做一个顺序的一个表示,但是现在这过程大家可以怎么做,就可以交给咱们的no的GS进行实现,就是这个过程我们用的就是node JS。然后这个node JS里边用到就是咱们刚才说的思想,叫BFF,比如说现在怎么做BFF去请求里边这个接口,然后请求接口之后把数据做这么一个,就是整合,或者说一个封装,或者说一个裁剪,比如说里边第一个A。
06:04
20,然后第二个name。Lucy,第三个就是SEX1,这样的话把数据是不是就给它封装好了,封装好之后通过note j把数据传到前端页面中,最终把这数据我们做这么一个显示,所以这就是note s,它可以主要做的事情,把数据做裁剪,做拼接,做各种操作,最终传到页面中做显示。这就是关于note一个基本介绍,大家把这过程给他一个了解,这属于前端中一个基础知识。所以咱们把note GS是什么给各位做这个说明,然后说完之后,咱们下面呢,给大家演示一下note GS到底该怎么去做,那我们来看一下啊,首先第一个你要用到这S先做什么。需要先做安装,因为咱们提到它就是一个运行环境,所以在里边呢,我们需要安装这个notes,那怎么装,很简单,我这里边呢,在我的资料的工具中给各位提供出来一个OGS,你把这个直接下一步下一步安装就可以了,没有什么特别的,然后这里边有32位的,有64位的,根据你电脑的实际系统的版本进行安装,我这里已经装过了,我就不再演示了,我们就直接下一步,下一步把这安装就可以了。
07:32
然后安装之后呢,我们可以查看一下我是否安装成功,怎么查看呢?咱们做法就是打开你电脑的CMD窗口里边使用一个命令,这命令叫做node-V,然后就可以做个查看。就是note-V,如果说能出现版本,那就证明你这个note JS就安装成功了,那咱们给他来试一下,现在我打开。
08:04
3D里面说命令no-V。然后大家看这里边是不是就出现一个版本,所以证明咱们这个就安装成功了,这是关于我们说的它的一个安装的一个过程,各位把这个给他知道。然后这个安装之后,下面呢,咱们可以试个效果,怎么试呢?给各位强调,首先第一个比如说我现在写个JS文件里边写的内容,然后咱通过node JS可以直接把我这个JS文件进行执行,而不需要浏览器可以做到,然后第二个再用它可以模拟出一个服务器的电台效果。那我下面给各位来做个测试。首先第一个,比如现在我这么做啊,我在这里边呢,比如说现在我重新建个文件夹,咱们就叫。Node JS,然后在node JS文件夹中,我现在创建一个JS文件,我就叫01点。
09:04
然后在这文件中我就做一个输出。点。Log,比如说里边我输入一个信息,就叫做ho no改S,这是我们写的一段电子文件,而这个文件如果按照之前的方式,咱把它是不是要引入到咱们的H条页面中,然后最终用浏览器执行是不是才可以?但是目前不需要咱用note JS这文件可以直接执行,那怎么做?给各位说一下,首先第一个我们现进入到这个文件目录中,然后用CMD打开。那我来找一下啊。因为我这个文件是在这个位置,我找到我的文件里边有note JS是不是在这里,然后在里边呢,我们用CMD打开。大家看是不是打开了,打开之后怎么做,咱们输入node,加上你文件的名称,然后咱们以回车,大家看里边hello node JS是不是输出了,证明咱用node JS这个环境是不是能直接去执行这个JS程序,而不需要浏览器可以做到,所以这是一个最基本的演示,各位法律知道。
10:16
然后这个演之后,咱们可以再演一个,这里边就是模拟一个简单的呼吸效果,那这些代码给各位直接复制过来,不需要各位敲点,咱们直接看一下基本效果就可以了。那比如现在我在里边呢。再来,见文件。02点宅子。然后在零二里边把这个代码给它就拿过来,这个代码咱们来快速看一下,首先在里边第一个引入了一个内置的模块叫HTP,然后咱们创建了一个服务器,就是server,在里边有response。什么意思,是不是就输出啊,然后它现在监听就是88884个八的端口,最终当服务器启动,那我们用127.0.1或者log house加上四个八,那这个程序就能访问,所以这是一个基本的一个就是小程序,大家把它了解一下,咱就用它感受一下这个特点就可以了。
11:15
然后这个看到之后,我现在来到这里边。咱们把这文件我们给他执行一下no。零二.gs然后咱一回车,大家看目前啊光标是约带闪的,证明咱服务器目前是个运行状态,然后我现在用它的IP加端口号进行访问,大家看里边是不是输出了hello诺server,比如我们写的response中的是不是这个内容,所以现在咱就把这个notes给各位做了一个演示。通关窦的窄的演示,大家主要记住几点,第一个你知道。Note s是一个javascript的运行环境,咱后面的代码肯定都是在这个环境中进行使用,然后第二个它能模拟出呼吸效果,使用notes可以实现数据的组装,数据的拼接,数据的踩点不能操作,咱通过note能直接去执行这文件,而不需要浏览器就会以做到。
12:16
这是关于它的一个介绍,所以咱们把这个就完成了,各位把这知道。然后完成之后呢,大家会发现啊,我刚才测试咱是不是需要打开CMD窗口测试,这么测试没有错,但是不是太麻烦了,比如现在我把这停止CTRLC,每次是都需要这么做,每次都要打开CMB,很不方便,所以有一种简洁的方式,咱通过v code能直接执行,那怎么执行,给大家演示就是现在啊,你找到文件的目录。然后点右键,右键中一个地方叫做在集成终端中打开,再把它打开,大家看里边各位看。
13:00
你说这是什么?是不是就是咱们的CMD窗口,然后在里边我可以直接执行,比如来一个node01.jx。大家看是不就执行了,所以咱们现在通过外code能去直接运行我们的JS文件,你直接右键用集成终端打开,然后里面就是我们的CMD窗口,咱们直接执行就可以了,各位把这给它知道。咱们肯定都是这么来做,因为这么做更加方便。而不需要每次都去打开我们那个CB窗口。这个给各位就做了一个演示。所大家把这个给他要会用,但是这个过程中啊,有一个问题啊,我强调,因为我现在就是我这电脑系统,我用的是WIN7系统,它没有这个问题,但是如果有同学用的是WIN10系统,这里边会有问题,就你用node的时候,比如你来一个node-V,发现里边不能提示版本,会有一些错误提示,或者一些其他的特别的提示,那这个时候我们需要解决一下,这不是我们的操作有问题,是因为你那个系统的权限问题造成的。
14:08
这个我要知道,那怎么解决给大家说一下,有这么几个步骤,首先第一步呢,你先用CMD窗口打开。然后你输入node-V,如果你发现有版本号,证明node就安装成功了,然后你再往下执行,如果里边没有版本号,那里没有装成功,给它卸掉重新装,如果里边装成功,那你通过终端打开里边输入我个杠V,看里边有没有提示,如果没有提示怎么做呢?就作为这种实验方式,首先第一个你找到你外扣的这个就是文件,你用右键打开找到属性,属性里边有一个叫兼容性,然后里面有这个地方叫做以管理员身份运行此程序,你把这个给它选上。注意把这个选上。
15:01
然后选上之后你再进行测试,看它好不好使,这是一种解决方案,我想这过程啊,注意啊,我的描述打开Vs code的属性,你别打开node j s是Vs code的属性,因为它里边有权限,不能访问,然后里边找到兼容性,你关联运行点确定看它能不用,但是如果说你没这问题,这就不要选,因为我的WIN7系统,我这没问题,所以我这就不能选啊,如果你有问题,把这选上,然后你测试看是否好使。这个作为说明,如果这么做还不好使,那有一种终极的方案,你把你的电脑重启一下一般就好使,因为它里边在过程中需要检测当天环境是否能用,但是因为你这个打开顺序可能有一些问题,所以把电脑重启,让它重新加载,那一般都会好使,所以这是解决方案,所以各位给他自己去处理一下就是最终效果就是通过我们的外code右键终端打开,然后里边呢,通过no能去执行你的宅文件,如果能做到就可以了。
16:05
所以这是关于node JS一个说明,各位主要记住它是做什么的,包括它的一些相关特点,以及各位把这环境给它整理出来。
我来说两句