20、基于浏览器的区块链节点开发全解析-优快云博客

本文链接：https://blog.youkuaiyun.com/t8u9v0/article/details/151197229

基于浏览器的区块链节点开发全解析

1. 引言

在区块链的世界里，我们常常会好奇为何看似不相关的交易被放在同一个区块中。其实，向区块链添加区块是一个缓慢的操作，如果为每笔交易都创建一个新的区块，会让整个过程变得更加缓慢。为了更好地理解，我们不妨想象这样一个场景：有一个大型房地产中介机构使用了区块链技术。约翰从玛丽那里购买一套公寓，他需要提供付款证明；与此同时，亚历克斯向比尔购买一所房子，这又是另一笔交易。在这些交易处于待处理状态时，它们还不能被视为有效的付款证明。只有当这些交易被添加到区块，并且该区块被添加到区块链中，这笔交易才算是真正完成。

2. 网页客户端

浏览器目录包含三个文件： index.html 、 main.ts 和 styles.css 。我们先从 index.html 开始回顾代码。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Blockchain</title>
<link rel="stylesheet" href="dist/styles.css">
<script type="module" src="dist/browse