Danmo的学习之路（express）

于 2021-04-10 23:27:34 发布
阅读量150 收藏
点赞数 1
分类专栏： js/node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_51235736/article/details/115586298
版权

文章目录

基本感知（P48）

let express = require('express');	//引包

let app = express();	//创建服务器应用程序

// 相当于 server.listen
app.listen(3000, function () {
  console.log('app is running at port 3000.')
})

无需判断多重if，不管先后次序，直接使用app.js方法

不需要设置响应内容类型，也不担心中文出现乱码

app.get('/', function (req, res) {
  // 在 Express 中可以直接 req.query 来获取查询字符串参数
  console.log(req.query)
  res.send('你好，我是 Express!')
})
app.get('/post', function (req, res) {
  res.send('我可以发送评论!')
})

app.get('/hello', function (req, res) {
	  res.send(`
		<!DOCTYPE html>
			<html lang="en">
			  	<head>
			    	<meta charset="UTF-8" />
			    	<title>Document</title>
			  	</head>
				<body>
			  		<h1>Hello Express!</h1>
				</body>
			</html>
	`)
})
//无需 res.setHeader('Content-Type','text/html;charset=utf-8');

开放某一路径下的资源只需要一句代码：

app.use('/public/', express.static('./public/'))

一旦这么做了，可以直接通过 /public/xxx 的方式（直接输入url）访问 public 目录中的所有资源

路径问题（P49）

文件操作路径：

/*
在文件操作的相对路径中：
./data/a.txt 相对于当前目录
data/a.txt 相对于当前目录
/data/a.txt 绝对路径，当前文件模板所处磁盘根目录（c:/ 或d:/）
*/
fs.readfile('./data/a.txt', function (err, data) {
	if(err) {
		return console.log(‘读取失败’);
	}
	console.log(data.toString());
})

模块操作路径：只能用相对路径，且不能省略./，否则报错

require('./data/foo.js');

/*
在foo.js中写console.log('foo');
则运行app.js，会输出foo
*/

基本路由（P54）

把app.js中的app.get和app.post提出来，放在和app.js同一目录下的router.js中

app
//可以链式调用
	.get('/',function() {})	//当以get方法请求/的时候，执行对应的处理函数
	.get('/get',function() {})
	.post('/post', function() {}) //当以post方法请求/post的时候，执行对应的处理函数

静态服务（P54）

三种方式：

app.use(express.static('./public/'));
//1.不加第一个参数，开放/public/，访问时直接加/public下的文件名，不需要加/public
//比如/public/js/01.js（文件中的目录），当开放了/public/后，访问时url为127.0.0.1/js/01.js

app.use('/public/', express.static('./public/'));
//2.访问时需要在最前面加上/public
//比如/public/js/01.js，当开放了/public/后，访问时url为127.0.0.1/public/js/01.js
//这种方式最常用

app.use('/a/b/', express.static('./public/'));
//2.访问时需要在最前面加上/a/b（相当于给/public 起的别名）
//比如/public/js/01.js，当开放了/public/后，访问时url为127.0.0.1/a/b/js/01.js

配置使用模板引擎（P55）

下载：

npm install --save art-template
npm install --save express-art-template
（第二个包会依赖第一个包）

配置：

app.engine('html', require('express-art-template'));
//第一个参数，表示当渲染以 .html结尾的文件的时候，使用art-template模板引擎
app.get('/', function (req, res) {
	res.render('admin.html',{
		title:'管理系统'
	});
	//只有配置了模板引擎时,render方法才可以使用
	//res.render('html模板名',{模板数据})
	//第一个参数不能写路径，默认会去项目的views目录查找该模板文件（约定）
})

admin.html：

<h1>admin {{ title }}</h1>

如此一来，渲染后页面会显示：admin 管理系统

express重写留言本（P56）

此处用到了redirect这个API

let express = require('express');
let app = express();
app.use('/public/', express.static('./public/'));
app.engine('html', require('express-art-template'));
let comments = [
  {
    name: '淡漠',
    message: '前端加油!',
    dateTime: '2021.3.7 22:59:41'
  },
  {
    name: '和谐创新',
    message: '前端加油!',
    dateTime: '2021.3.6 12:37:07'
  },
  {
    name: '峻哥',
    message: '前端加油!',
    dateTime: '2021.3.5 08:45:23'
  },
  {
    name: '婷婷',
    message: '前端加油!',
    dateTime: '2021.3.4 18:05:11'
  }
]
app.get('/', function (req, res) {
  res.render('index.html', {
    comments: comments
  })
})
app.get('/post', function (req, res) {
  res.render('post.html');
})
app.get('/pinglun', function (req, res) {
  let comment = req.query;
  comments.unshift(comment);
  res.redirect('/');
  // 同时修改状态码和重定向
})
app.listen(3000, function() {
  console.log('服务器启动成功，可以通过 http://127.0.0.1:3000/ 来进行访问');
})

配置post（P57）

  • 下载中间件：
npm install --save body-parser
  • 修改html文件中表单的method
  • 修改app.js：
let express = require('express');
let bodyParser = require('body-parser');	//引包
let app = express();
app.use('/public/', express.static('./public/'));
app.use(bodyParser.urlencoded({ extende: false}));	//此处
app.engine('html', require('express-art-template'));
let comments = [
  {
    name: '淡漠',
    message: '前端加油!',
    dateTime: '2021.3.7 22:59:41'
  },
  {
    name: '和谐创新',
    message: '前端加油!',
    dateTime: '2021.3.6 12:37:07'
  },
  {
    name: '峻哥',
    message: '前端加油!',
    dateTime: '2021.3.5 08:45:23'
  },
  {
    name: '婷婷',
    message: '前端加油!',
    dateTime: '2021.3.4 18:05:11'
  }
]
app.get('/', function (req, res) {
  res.render('index.html', {
    comments: comments
  })
})
app.get('/post', function (req, res) {
  res.render('post.html');
})
app.post('/post', function (req, res) {
  let comment = req.body;	//此处不用query，而是body
  comments.unshift(comment);
  res.redirect('/');
})
app.listen(3000, function() {
  console.log('服务器启动成功，可以通过 http://127.0.0.1:3000/ 来进行访问');
})

从文件中读取数据（P59）

db.json文件内容：

"students": [
	{"id": 1, "name": "张三", "gender": 0, "age": 18, "hobbies": "game、music、learning"},
	{"id": 2, "name": "张三", "gender": 0, "age": 18, "hobbies": "game、music、learning"},
	{"id": 3, "name": "张三", "gender": 0, "age": 18, "hobbies": "game、music、learning"},
	{"id": 4, "name": "张三", "gender": 0, "age": 18, "hobbies": "game、music、learning"},
	{"id": 5, "name": "张三", "gender": 0, "age": 18, "hobbies": "game、music、learning"},
	{"id": 6, "name": "张三", "gender": 0, "age": 18, "hobbies": "game、music、learning"}
]

html文件内容：

<tbody>
	{{ each students }}
	<tr>
		<td>{{ &value.id }}</td>
		<td>{{ &value.name }}</td>
		<td>{{ &value.gender }}</td>
		<td>{{ &value.age }}</td>
		<td>{{ &value.hobbies }}</td>
	</tr>
	{{ /each }}
</tbody>

app.js文件内容：

let fs = require('fs');
let express = require('express');
let app = express();
app.use('/node_modules/', express.static('./node_modules'));
app.use('/public/', express.static('./public'));
app.engine('html', require('express-art-template'));

fs.readFile('./db.json', 'utf8', function (err, data) {
//此处可以加第二个参数（可选）来确定编码方式
	if(err) {
		return res.status(500).send('Server error');
	}
	let students = JSON.parse(data).students;
	//从文件里读取到的数据是字符串，这里一定要手动转成对象
	res.render('index.html', {
		students: students
	})
})
//老师演示时用到了bootstrap，而它在node_modules里边，因此需要开放这个目录

这样，当修改.json文件时的数据并保存时，网页刷新即可看到修改后的结果

设计路由（P61）

一开始设计好路由表，大概长这样：

在这里插入图片描述

路由模块的提取（P62）

以前把所有内容都写在app.js里，现在要提取模块了

app.js 入口模块
职责：

  • 创建服务
  • 做一些服务相关配置：模板引擎、body-parser解析表单和post请求体、提供静态资源服务
  • 挂载路由
  • 监听端口启动服务

router.js 路由模块
职责：

  • 处理路由
  • 根据不同请求方法，请求路径设置具体的请求处理函数

router.js文件：

let fs = require('fs');	//由于router.js用到了fs的模块的方法，所以还要加载模块
let router = express.Router();	//创建路由容器

router.get('/students', function (req, res) {});
module.exports = router;	//把router导出

app.js文件：

let router = require('./router');
router(app);

封装数据操作文件模块

修改补充index.html：

</div>
<h2 class="sub-header">Section title</h2>
<a class="btn btn-success" href="/students/new">添加学生</a>
<!--点击后跳转至“添加”界面，和下面的save方法对应-->
<div class="table-responsive">
  <table class="table table-striped">
    <thead>
      <tr>
        <th>#</th>
        <th>姓名</th>
        <th>性别</th>
        <th>年龄</th>
        <th>爱好</th>
        <th>操作</th>
      </tr>
    </thead>
    <tbody>
      {{ each students }}
      <tr>
        <td>{{ $value.id }}</td>
        <td>{{ $value.name }}</td>
        <td>{{ $value.gender }}</td>
        <td>{{ $value.age }}</td>
        <td>{{ $value.hobbies }}</td>
        <td>
          <a href="/students/edit?id={{ $value.id }}">编辑</a>
          <a href="/students/delete?id={{ $value.id }}">删除</a>
          <!--补充“编辑”和“删除”键，点击后跳转至对应页面，和updateById和deleteById对应-->
        </td>
      </tr>
      {{ /each }}
    </tbody>
  </table>
</div>

find（P64）

数据操作文件模块，职责是：操作文件中的数据，只处理数据，不关心业务

这样就不需要自己写读文件函数（以find为例），直接用该模块内封装好的函数即可

student.js文件：

let fs = require('fs');	
let dbPath = './db.json';

//find：获取学生列表
exports.find = function (callback) {
//异步操作，回调函数
	fs.readFile(dbPath, 'utf8', function (err, data) {
		if (err) {
			return callback(err);
			//文件打开失败时，返回err，而data值为undefined
			//正因为此，只给callback函数err这个参数
		}
		callback(null, JSON.parsed(data).students);
		//文件打开成功时，err值为null，所以第一个参数为null
		//由于parsed()内需要传入字符串，因此需要在readFile处加参数'utf8'
	})
}

router.js文件：

let Student = require('./student');
router.get('/students', function (req, res) {
	Student.find(function (err, students) {
		if(err) {
			return res.status(500).send('Server error');
		}
		res.render('index.html', {
			students: students
	})
})
})

save（P65）

封装保存学生的API

student.js：

//save：添加保存学生

/*
将数据保存到db.json文件中用以持久化
	- 先读取出来，转成对象
	- 往对象中push数据
	- 把对象转为字符串
	- 把字符串再次写入文件
*/
exports.save = function (student, callback) {
	fs.readFile(dbPath, 'utf8', function (err, data) {
		if(err) {
			return callback(err)
		}
		let students = JSON.parse(data).students;
		//处理id
		student.id = students[students.length - 1].id + 1;
		//把用户传递的对象保存到数组中
		students.push(student);
		//把对象数据转换为字符串
		let fileData = JSON.stringify({
			students: students
		})
		fs.writeFile(dbPath, fileData, function (err) {
			if (err) {
				//错误就是把错误对象传递给它
				return callback(err);
			}
			callback(null);
		})
	})
}

router.js：

let Student = require('./student');
router.post('/students/new', function (req, res) {
	Student.save(req.body, function (err) {
		if(err) {
			return res.status(500).send('Server error');
		}
		res.redirect('/students');
	})
})

渲染编辑学生页面（P67）

exports.updateById = function (student, callback) {
  fs.readFile(dbPath, 'utf8', function (err, data) {
    if (err) {
      return callback(err);
    }
    let students = JSON.parse(data).students;

    // 把 id 统一转换为数字类型，如果不转换则保存时，id保存为字符串
    // 如果id成了字符串，在第二次编辑时，就会报错
    student.id = parseInt(student.id);
    
    // EcmaScript 6 中的一个数组方法：find
    // 需要接收一个函数作为参数
    // 当某个遍历项符合 item.id === student.id 条件的时候，find 会终止遍历，同时返回遍历项
    let stu = students.find(function (item) {
      return item.id === student.id;
    })

    // 遍历拷贝对象，作用类似于↓，但是更简洁
    // stu.name = student.name
    // stu.age = student.age
    
    for (let key in student) {
      stu[key] = student[key];
    }

    // 把对象数据转换为字符串
    let fileData = JSON.stringify({
      students: students
    })

    // 把字符串保存到文件中
    fs.writeFile(dbPath, fileData, function (err) {
      if (err) {
        return callback(err);
      }
      callback(null);
    })
  })
}

router.post('/students/edit', function (req, res) {
  // 1. 获取表单数据
  //    req.body
  // 2. 更新
  //    Student.updateById()
  // 3. 发送响应
  Student.updateById(req.body, function (err) {
    if (err) {
      return res.status(500).send('Server error.')
    }
    res.redirect('/students')
  })
})

/*
 * 根据 id 获取学生信息对象
 * @param  {Number}   id       学生 id
 * @param  {Function} callback 回调函数
 */
exports.findById = function (id, callback) {
  fs.readFile(dbPath, 'utf8', function (err, data) {
    if (err) {
      return callback(err);
    }
    let students = JSON.parse(data).students;
    let ret = students.find(function (item) {
    //此处用到了ES6的数组find方法
      return item.id === parseInt(id);
    })
    callback(null, ret);
  })
}

修改url中的查询字符串的值，如修改127.0.0.1:3000/students/edit?id=1中 id等号后的数字，就可以获取不同的student，可以用 console.log在控制台看到，也可以用模板引擎渲染（视频23:40）

router.get('/students/edit', function (req, res) {
  // 1. 在客户端的列表页中处理链接问题（需要有 id 参数）
  // 2. 获取要编辑的学生 id
  // 3. 渲染编辑页面
  //    根据 id 把学生信息查出来
  //    使用模板引擎渲染页面

  Student.findById(parseInt(req.query.id), function (err, student) {
  //直接从query获取的id是字符串，需要将其转化为Number
    if (err) {
      return res.status(500).send('Server error.');
    }
    //console.log(student);
    res.render('edit.html', {
      student: student
    })
  })
})

更新功能-总结（P68）

edit.html（编辑界面）：

<form action="/students/edit" method="post">
  <!-- 用来放一些不希望被用户看见和修改，但是需要被提交到服务端的数据，例如id-->
  <input type="hidden" name="id" value="{{ student.id }}">
  <div class="form-group">
    <label for="">姓名</label>
    <input type="text" class="form-control" id="" name="name" required minlength="2" maxlength="10" value="{{ student.name }}">
  </div>
  <div class="form-group">
    <label for="">性别</label>
    <div>
      <label class="radio-inline">
        <input type="radio" name="gender" id="" value="0" checked> 男
      </label>
      <label class="radio-inline">
        <input type="radio" name="gender" id="" value="1"> 女
      </label>
    </div>
  </div>
  <div class="form-group">
    <label for="">年龄</label>
    <input class="form-control" type="number" id="" name="age" value="{{ student.age }}" required min="1" max="150">
  </div>
  <div class="form-group">
    <label for="">爱好</label>
    <input class="form-control" type="text" id="" name="hobbies" value="{{ student.hobbies }}">
  </div>
  <button type="submit" class="btn btn-default">Submit</button>
</form>

更新后，点击submit按钮，db.json中的数据就会更新，主页会重新渲染，显示为更改后的数据

删除（P69）

exports.deleteById = function (id, callback) {
  fs.readFile(dbPath, 'utf8', function (err, data) {
    if (err) {
      return callback(err);
    }
    let students = JSON.parse(data).students;

    // findIndex 方法专门用来根据条件查找元素的下标
    //（即根据id值找到要删的元素，再返回该元素的在数组内的下标，便于splice方法删除）
    let deleteId = students.findIndex(function (item) {
      return item.id === parseInt(id);
    })

    // 根据下标从数组中删除对应的学生对象
    students.splice(deleteId, 1);

    // 把对象数据转换为字符串
    let fileData = JSON.stringify({
      students: students
    })

    // 把字符串保存到文件中
    fs.writeFile(dbPath, fileData, function (err) {
      if (err) {
        return callback(err);
      }
      callback(null);
    })
  })
}

router.get('/students/delete', function (req, res) {
  // 1. 获取要删除的 id
  // 2. 根据 id 执行删除操作
  // 3. 根据操作结果发送响应数据
  Student.deleteById(req.query.id, function (err) {
    if (err) {
      return res.status(500).send('Server error.')
    }
    res.redirect('/students')
  })
})

封装ajax方法（P72）

这一集再次讲解了回调函数，回调函数是用来拿异步操作的结果的

function get(url, callback) {
  var oReq = new XMLHttpRequest();
  // 当请求加载成功之后要调用指定的函数，不用onreadystatechange也可以
  oReq.onload = function () {
    // 现在需要得到这里的 oReq.responseText
    callback(oReq.responseText);
  }
  oReq.open("get", url, true);
  oReq.send();
}

get('data.json', function (data) {
// 使用回调函数拿到异步操作的结果
  console.log(data);
})

package-lock文件的作用（P74）

（大概了解了一下，不懂就把视频揉碎了看）

npm5以后加入了这个文件，当安装包的时候，npm都会生成或更新package-lock.json文件。

  • npm5以后的版本安装包不需要加–save参数，它会自动保存依赖信息
  • 当安装包的时候，会自动创建或者是更新package-lock.json文件
  • 该文件会保存node_modules中所有包的信息（版本、下载地址、依赖），这样重新npm install时的速度就可以提升
  • 此外，该文件可以用来锁定版本，重新install一般会下载最新版本，如果希望锁住某个包的老版本，可以写在该文件内，防止自动升级新版
DanmoSAMA
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
淡漠夕阳引擎源码含控件2018全套
02-03
请使用delphi2007编译， 去除数个后门，去除注册限制 删除部分冗余代码，减小程序体积,包含所需控件
流光淡漠,日近黄昏.pdf
10-23
流光淡漠,日近黄昏.pdf
令我难忘的DB2数据库之路
志诚自制－2011,时间管理、效率为王
09-09 153
[size=medium]【IT168 专稿】IBM的DB2是关系数据库的鼻祖，可惜非科班出身的我一直没有机会接触。在数据库应用领域摸爬滚打数年后，缺乏理论指导让我吃尽了苦头。终于在机缘巧合下学到了DB2的关系模型理论，关系模型改变了我的程序人生，并在我从事的项目中留下了深深的烙印。 1. DB2的神秘王国 印象中，DB2一直和IBM的大型主机联系在一起，而大型主机...
我的DB2数据库之旅
weixin_33754065的博客
01-23 123
　　我的DB2数据库之旅　　大家都知道IBM的DB2是关系数据库的鼻祖，可惜呀，非科班出身的我一直没有机会接触。在数据库应用领域摸爬滚打数年后，缺乏理论指导让我吃尽了苦头。终于在机缘巧合下学到了DB2的关系模型理论，关系模型改变了我的程序人生，并在我从事的项目中留下了深深的烙印。　　1. DB2的神秘王国　　印象中，DB2一直和IBM的大型主机联系在一起，而大型主机对于我来说...
二十三又是谁的二十三
weixin_48897289的博客
12-25 2万+
23 岁那年你正处在哪个状态？现在呢？ 我，23岁，应届毕业生。生活，工作，爱情都处于人生的低谷，一穷二白，一无所有，一事无成。 分享一下成长的建议吧。 匿名用户 23岁那年…就是去年… 在22岁的时候我毕业，同时第二年准备考研，结果因为压力太大，期望太高，又失利了，但是我依然满怀信心和憧憬 在我23岁那年四月，当我深爱的女孩（在这之前我追了她四年）说她要去北京时，我在毫无准备的情况下，带了2000块钱冲到北京，那会的北京还有点冷…但是我只是想打好前站，在她来的时候能提供一点帮助，在前两周里，每天面试两家公
如果你也23岁
serendipity_su的博客
08-28 2万+
**每个人都有23岁，但每个人的23岁又都不会一样。** 匿名用户 23岁那年...就是去年......  在22岁的时候我毕业，同时第二年准备考研，结果因为压力太大，期望太高，又失利了，但是我依然满怀信心和憧憬  在我23岁那年四月，当我深爱的女孩（在这之前我追了她四年）说她要去北京时，我在毫无准备的情况下，带了2000块钱冲到北京，那会的北京还有点冷...但是我只是想打好前站，在她来的时候能提...
20多岁的一无所有，其实是理所应当的
黑白相间...
11-14 2万+
转载：https://blog.csdn.net/kangwrite/article/details/36184819 23 岁那年你正处在哪个状态？现在呢？&amp;nbsp; 我，23岁，应届毕业生。生活，工作，爱情都处于人生的低谷，一穷二白，一无所有，一事无成。 分享一下成长的建议吧。 匿名用户 23岁那年...
23 岁那年你正处在哪个状态？现在呢？
蓝色的杯子
03-21 1万+
23 岁那年你正处在哪个状态？现在呢？ 我，23岁，应届毕业生。生活，工作，爱情都处于人生的低谷，一穷二白，一无所有，一事无成。 分享一下成长的建议吧。 匿名用户 23岁那年...就是去年...... 在22岁的时候我毕业，同时第二年准备考研，结果因为压力太大，期望太高，又失利了，但是我依然满怀信心和憧憬 在我23岁那年四月，当我深爱的女孩（在这之前我追了她四年）说她要去北
23岁的一无所有，其实是理所应当的
struggling_MRY的博客
03-05 2万+
23 岁那年你正处在哪个状态？现在呢？ 我，23岁，应届毕业生。生活，工作，爱情都处于人生的低谷，一穷二白，一无所有，一事无成。 分享一下成长的建议吧。匿名用户23岁那年...就是去年...... 在22岁的时候我毕业，同时第二年准备考研，结果因为压力太大，期望太高，又失利了，但是我依然满怀信心和憧憬 在我23岁那年四月，当我深爱的女孩（在这之前我追了她四年）说她要去北京时，我在毫无准备的情况下，...
BI 及其相关技术概览
lutaiji168的专栏
11-13 3233
什么是BI？ 　　商业智能也称作BI，是英文单词Business Intelligence的缩写。商业智能的概念最早在1996年提出。当时将商业智能定义为一类由数据仓库（或数据集市）、查询报表、数据分析、数据挖掘、数据备份和恢复等部分组成的、以帮助企业决策为目的技术及其应用。目前，商业智能通常被理解为将企业中现有的数据转化为知识，帮助企业做出明智的业务经营决策的工具。这里所谈的数据包括来
十年考研高频单词
热门推荐
Weiguang_123的专栏
07-26 6万+
十年考研高频单词（资料收积） 2003 Text 1 　 spymaster /5spai7mB:stE/ 即spy+master，间谍大王、间谍组织首脑。 strategic /strE5ti:dVik/ （战略的；对全局起关键作用的）为strategy（战略，策略）的形容词形式，-ic为形容词后缀。strategy and tactics 战略与战术；a global stra
冠脉造影后意识淡漠肌无力学习教案.pptx
11-19
冠脉造影后意识淡漠肌无力学习教案.pptx
冠脉造影后意识淡漠肌无力PPT学习教案.pptx
10-02
冠脉造影后意识淡漠肌无力PPT学习教案.pptx
安全意识，一日不可淡漠.docx
10-01
安全意识，一日不可淡漠.docx
JS什么时候在for循环中用var会出问题
DanmoSAMA的博客~
02-04 1145
参考博客：阮一峰ES6教程 var 一直听说var声明变量，存在循环变量泄漏为全局变量问题，但总是想不明白这个“全局”有什么影响，还有，到底什么时候输出的结果是递增/减的值，什么时候输出一样的值，也不清楚。 现在总结一下： 正常情况 for(var i = 0; i < 10; i++){ console.log(i); } alert(i);//10 依次输出1~9，弹出10 问题情况 此处借用阮一峰博客的代码： var a = []; for (var i = 0; i < 10; i+
构造函数的return问题
DanmoSAMA的博客~
02-12 1125
参考博客:什么是构造函数？构造函数与普通函数的区别？ return 语句的使用： 普通函数return后面有值正常返回，没有值或者没有写return就返回undefined。 构造函数一般不需要使用return,如果返回基本类型值，可以忽略return语句。 如果返回值是引用类型时，会直接返回引用类型本身。 // 构造函数 返回引用类型 function Person(name) { this.name = name; return { a: 1 }; } let p2
Danmo的学习之路（JavaScript基础_上）
DanmoSAMA的博客~
11-21 1020
11.21 虽然还没学完H5和CSS，怀着好奇心，先来了解一下JS。 ECMAScrpt是JavaScript标准，一般情况下我们认为这两个词是一个意思。 但一个完整的JavaScrpt由三部分构成：ECMAScript（标准/浏览器端）、DOM（文档对象模型，提供操作对象使我们操纵网页）、BOM（提供操作对象使我们操纵浏览器） ...
JS五种继承方法和优缺点
DanmoSAMA的博客~
02-12 592
虽然ES6的Class继承确实很方便，但是ES5的继承还是要好好了解一下： 参考视频：详解JS继承（超级详细且附实例） 预备知识 构造函数的属性 function A(name){ this.name = name; //实例基本属性(该属性，强调私有，不共享) this.arr = [1]; //实例引用属性(该属性，强调私用，不共享) this.say = function(){ //实例引用属性(该属性，强调复用，需要共享) console.log('hello'); } } 注意：数
nodejs express
最新发布
08-19
Node.js Express 是一个基于 Node.js 平台的 Web 开发框架。它提供了一组简洁、灵活的工具和中间件，用于构建 Web 应用程序和 API。 Express 的特点包括： 1. 简单易用：Express 提供了简洁的 API，使开发者可以...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值