js4
键盘事件：
在 JavaScript 中，当用户操作键盘时，会触发键盘事件，键盘事件主要包括下面 3 种类型：
- keydown：在键盘上按下某个键时触发。如果按住某个键，会不断触发该事件，但是 Opera 浏览器不支持这种连续操作。该事件处理函数返回 false 时，会取消默认的动作（如输入的键盘字符，在 IE 和 Safari 浏览器下还会禁止keypress 事件响应）。
- keypress：按下某个键盘键并释放时触发。如果按住某个键，会不断触发该事件。该事件处理函数返回 false 时，会取消默认的动作（如输入的键盘字符）。
- keyup：释放某个键盘键时触发。该事件仅在松开键盘时触发一次，不是一个持续的响应状态。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
#box {
width: 400px;
height: 600px;
border: 1px solid;
margin: 50px auto 0;
position: relative
}
#tank {
width: 50px;
height: 50px;
position: absolute;
left: 175px;
bottom: 0;
background: darkgreen
}
</style>
</head>
<body>
<div id="box">
<div id="tank"></div>
</div>
</body>
</html>
<script>
var box=document.getElementById('box')
var tank=document.getElementById('tank')
document.onkeydown=function(event) {
if (event.keyCode==37) {
tank.style.left=tank.offsetLeft-3+'px'
if (tank.offsetLeft<=0) {
tank.style.left=0
}
}
if (event.keyCode==39)
tank.style.left=tank.offsetLeft<box.offsetWidth-tank.offsetWidth?tank.offsetLeft+3+'px':box.offsetWidth-tank.offsetWidth
}
</script>
node
新建一个文件夹，名字随意，但是不得出现包括汉字在内的特殊字符，比如我们的项目名叫BS
cd BS ##初始化项目 npm init -y ##这一步将在BS文件夹下新建一个package.json文件
我们在node中，直接使用原生JavaScript可以实现我们所需要的各种功能，但是直接用js去写，太过于麻烦，有人提前写好了一些方法，我们可以用简单的语法去调用他们的方法就可以实现很复杂的功能，在这里我们使用express框架。
安装express
npm install express
#or
npm i express
打开package.json，里面多了dependencies字段，其中有express以及其版本就是安装成功，还可以查看BS文件夹下，此时多了node_modules文件夹，打开会发现其中有很多个文件夹，其中有一个文件夹的命名是express，这个文件夹就是我们所需的文件，其他的都是express所需要的依赖包。
这里可以理解成：我们要使用express，而express的开发和后期的使用又要基于包A、B、C、D、E、F，而包A的开发又基于包G，他们之间形成了错综复杂的网状关系，但是这些我们都不需要去了解，我们只需要知道我们安装了express，并且后续可以使用express了即可，他们的关系将由他们自己去管理。
新建index.js
在BS文件夹下新建index.js作为后端的入口文件，其中的内容是
var express=require('express')//引入express var app=express() app.get('/',function (req,res) { res.send('hello,node!') }) app.listen(3000)//设置端口号
然后，打开命令行工具
node index.js
#or
node index
项目即可启动
打开浏览器，输入网址
浙公网安备 33010602011771号