作为新时期的前端,再用着 jQuery 可是会被那些后端同学笑话了。当然实际情况依项目而定。现在流行的各种 MV* 框架,这几个可是经常要用到的,我就做个简单介绍吧。
node
node 就是 node.js 的简称,是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。
因为是用 javascript 编码,所以对于前端来说,这是一个比较容易上手的服务端”语言”。
首先需要从官网下载安装包,然后在命令行(终端)输入node -v
进行查看版本号即表明安装成功。
与其他服务端语言不同,node 不只是实现服务端,同时还实现了整个 http 服务器。
node 主要由各种功能不同的模块组成,通过其中一个 http 模块来创建 http 服务器,客户端通过浏览器发送 http 请求,服务器再返回响应数据。
server.js
|
终端:
|
以上操作就是一个简单的例子,打开浏览器 http://127.0.0.1:8888 即可看到 Hello World
npm
npm 其实就是一个 node 的包管理工具,方便下载安装第三方包。在安装 node 的时候已经集成了最新版本的 npm,在终端输入npm -v
即可查看版本号。
通过 npm 安装包,只需要
npm install express
使用的时候通过
var express = require('express');
即可实现安装和使用,不需要指定路径。
安装的时候分本地和全局两种,全局需要添加 -g
参数。
对于 npm 还有一个比较重要的是 package.json 文件,用于管理包的各种信息,方便别人使用的时候安装相应版本的依赖。
在自己使用的时候,需要先初始化:
npm init
填写相应的信息即可生成一个 package.json 文件,别人在他的电脑里npm install
即可安装所有的依赖。
现在 Facebook 出了一个新的包管理工具 Yarn,它的优点是可以锁定版本号,不会出现不同版本导致项目不能运行的情况。
PS: npm install
其实常用的方法是加上参数,这样就不用手动管理 package.json 文件了。
install <module-name> --save-dev 简写为 -D,自动把模块和版本号添加到devdependencies部分
install <module-name> --save 简写为-S,自动把模块和版本号添加到dependencies部分
devdependencies
是开发时使用的依赖,比如 gulp 工具,dependencies
是生产时使用的依赖,比如 jQuery。
express
express 是一个 node.js 的 web 框架,它有很强大的特性来帮助你快速完成一个 web 应用。
它可以设置中间件来响应 http 请求,定义了路由表来执行不同的 http 请求动作,可以通过向模板传递参数来实现动态渲染 html 页面。
安装 express 和安装其他 node 包一样,通过 npm 来进行安装,同时,对于大型应用,express 提供了 express 生成器来自动生成一个应用的基本框架。
npm install express 或者 npm i express-generator
express 常用中间件有body-parser
、cookie-parser
、multer
,分别用来处理 JSON/Raw/Text/URL 编码数据,cookie 和 表单数据。
好了,终于简单介绍完了,可以开始用 express 做一个小东西玩玩了。