一、客户端的JavaScript(浏览器)
- 什么是 JavaScript?
- 脚本语言
- 运行在浏览器中
- 一般用来做客户端页面的交互(Interactive)
- JavaScript 的运行环境?
准确的说JavaScript是运行在浏览器内核中的 JS 引擎(engine)
- 浏览器中的 JavaScript 可以做什么?
- 操作DOM(对DOM的增删改、注册事件)
- BOM(页面跳转、历史记录、console.log()、alert())
- ECMAScript
- AJAX/跨域
【注: 这是JavaScript在浏览器中可以做的,在其他地方使用JavaScript就是可以做不一样的事情】
- 浏览器中的 JavaScript 不可以做什么?
- 文件操作(文件和文件夹的CRUD)
- 没有办法操作系统信息
- 由于运行环境特殊(我们写的代码是在不认识的人的浏览器中运行)
- JavaScript 只可以运行在浏览器中吗?
能运行在哪取决于,这个环境有没有特定平台;运行在客户端,浏览器就是JavaScript的运行环境;运行在服务器,node就是JavaScript的运行环境;
语言的能力,取决于平台;
二、什么是Node
Node 就是 JavaScript 语言在服务器端的运行环境;
所谓"运行环境(平台)"有两层意思:
- JavaScript 语言通过 Node 在服务器运行(类比: JavaScript语言通过浏览器的引擎,运行在浏览器中),Node就是一个载体;
- Node 提供大量工具库,使得 JavaScript 语言与操作系统互动(比如读写文件、新建子进程), Node 又是 JavaScript 的工具库;
是Node平台选择JavaScript语言,而并不是JavaScript选择Node。就像一个公司官方语言可以有很多选择(普通话、粤语、英语、德语....),只有是公司选择,语言是并没有选择能力的;
node包和资源: https://github.com/sindresorhus/awesome-nodejs
三、NodeJS优劣势
-
Node.js优点:
1、采用事件驱动、异步编程,为网络服务而设计。其实Javascript的匿名函数和闭包特性非常适合事件驱动、异步编程。而且JavaScript也简单易学,很多前端设计人员可以很快上手做后端设计;
2、Node.js非阻塞模式的IO处理给Node.js带来在相对低系统资源耗用下的高性能与出众的负载能力,非常适合用作依赖其它IO资源的中间层服务;
3、Node.js轻量高效,可以认为是数据密集型分布式部署环境下的实时应用系统的完美解决方案。Node非常适合如下情况:在响应客户端之前,您预计可能有很高的流量,但所需的服务器端逻辑和处理不一定很多; -
Node.js缺点:
1、可靠性低;
2、单进程,单线程,只支持单核CPU,不能充分的利用多核CPU服务器。一旦这个进程崩掉,那么整个web服务就崩掉了;
缺点可以可以通过代码的健壮性来弥补。Node.js的网络服务器有以下几种支持多进程的方式:
1、开启多个进程,每个进程绑定不同的端口,用反向代理服务器如 Nginx 做负载均衡,好处是我们可以借助强大的 Nginx 做一些过滤检查之类的操作,同时能够实现比较好的均衡策略,但坏处也是显而易见——我们引入了一个间接层;
2、多进程绑定在同一个端口监听;
3、一个进程负责监听、接收连接,然后把接收到的连接平均发送到子进程中去处理;
四、Node环境搭建
操作方式:
重新下载最新的安装包;
覆盖安装即可;
问题:
以前版本安装的很多全局的工具包需要重新安装
无法回滚到之前的版本
无法在多个版本之间切换(很多时候我们要使用特定版本)
- NVM工具的使用
Node Version Manager(Node版本管理工具),由于以后的开发工作可能会在多个Node版本中测试,而且Node的版本也比较多,所以需要这么款工具来管理;
五、Node快速入门
- 进入REPL交互式解释器环境
$ node
- 执行js文件
$ node xxx.js
- 全局对象
- global: 类似于客户端 JavaScript 运行环境中的 window
- process: 用于获取当前的 Node 进程信息,一般用于获取环境变量之类的信息
- console: Node 中内置的 console 模块,提供操作控制台的输入输出功 能,常见使用方式与客户端类似
process.stdin: 标准输入
process.stdout: 标准输出
arrayObject.slice(start,end)方法可从已有的数组中返回选定的元素;
参数说明:
-
start: 必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推;
-
end: 可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素;
-
返回值: 返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素,该方法并不会修改数组,而是返回一个子数组;
-
process.stdout: 标准输出
// log,其实也就是这个封装的,标准输出是没有换行的
process.stdout.write('hello world');
var log = function(message){
process.stdout.write(message + '\n');
}
// API文档中的写法,其实也就是将function去掉,在参数后面添加上'=>'即可【ES6中的箭头函数】
var log2 = (message) => {
process.stdout.write(message + '\n');
}
清空控制台
process.stdout.write('\033[2J');
process.stdout.write('\033[0f');
- process.stdin: 标准输入
// 方式一: on用于注册事件的(类似jQuery)
process.stdin.on('readable', () => {
var chunk = process.stdin.read();
if (chunk !== null) {
process.stdout.write(`data: ${chunk}`);
}
});
// 方式二: 当命令行中的回车出现,即触发
process.stdin.on('data', (data)=>{
process.stdout.write('内容为:' + data);
});
案例: 字符图动画效果
六、什么是I/O
I/O: input输入/output输出的简写;
文件I/O: 文件的输入和输出,也即是文件的读写操作;
七、扩展ES6
ES6 --- let声明变量
let,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。
{
let a = 10;
var b = 1;
}
a // ReferenceError: a is not defined.
b // 1
ES6 --- const常量
const声明只读的常量,一旦声明,常量的值就不能改变。const一旦声明变量,就必须立即初始化,不能留到以后赋值
ES6 --- 箭头函数
var fn = (message) =>{ // message参数
console.log(message);
}
ES6 --- 模版字符串(可以换行)
var name = 'zhangsan'
var a = 10;
var b = 20;
console.log(${name}: a + b = ${a + b}
);
作者:西门奄
链接:https://www.jianshu.com/u/77035eb804c3
來源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。
网友评论