首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

快速学习-web3.js简介与入门

要使DApp在以太坊上运行,我们可以使用web3.js库提供的web3对象 web3.js 通过RPC调用与本地节点通信,它可以用于任何暴露了RPC层的以太坊节点 web3 包含 eth 对象 - web3....eth(专门与以太坊区块链交互)和 shh 对象 - web3.shh(用于与 Whisper 交互) web3 模块加载 首先需要将 web3 模块安装在项目中:npm install web3@0.20.1...balance.request(a ddress, callback2)); batch.execute(); 大数处理(big numbers) JavaScript 中默认的数字精度较小,所以web3.js 会自动添加一个依赖库...BigNumber,专门用于大数处理 对于数值,我们应该习惯把它转换成 BigNumber 对象来处理 var balance = new BigNumber('131242344353464564564574574567456...eth.getBalance(someAddress); balance.plus(21).toString(10); //"131242344353464564564574574567477" BigNumber.toString

6.8K30

【一步步一起学DApp开发】(四)web3.js 基本使用 | 连接geth | 创建web客户端

相关链接 web3.js托管地址 web3.js文档 导入web3.js 为了在node.js中使用web3.js,可以在项目目录中运行npm install web3,且在源代码中可以使用require...与节点连接 web3.js可以与使用HTTP或者IPC的节点通信。我们将使用HTTP与节点建立通信。web3.js允许与多个节点建立连接。一个web3实例代表与节点的一个连接。...当在Mist中运行一个App时,它自动使一个连接到mist节点的web3实例可用。实例变量名是web3。 连接到节点所使用的基础代码: if(typeof web3!...BigNumber.js 由于JS本身对于处理大数字不在行,所以,web3.js依赖BigNumber.js进行大数字的处理与计算。...对象 需要在BigNumber对象上调用toString(),把它转换成数字字符串。

81420

npm依赖(类库工具)

建议直接点击阅读原文,可查看兼容和代码 系列 √npm依赖:构建编译 请戳这里,持续更新 √npm依赖:框架平台 请戳这里,持续更新 √npm依赖:类库工具 请戳这里,持续更新 全端类库工具 模板 ejs...handlebars: Handlebars模板 nunjucks: Nunjucks模板 pug: Pug模板 函数 await-to-js: Async/Await参数格式化 big: 数字格式化 bignumber...ini: INI解析 is-image: 是否图像 js-pdf: PDF解析 js-xlsx: Excel解析 js-yaml: YAML解析 jslib-base: 项目初始化 madge: 文件依赖关系...: 二进制文件解析 nodetree: 文件树形图 open: 文件打开 recursive-copy: 文件复制 rimraf: 文件删除 sharp: 图像处理 update-notifier: 依赖更新提示...string-break: 字符串截断 string-width: 字符串宽度 supports-color: 颜色支持检测 translate: 谷歌翻译 调试 debug: 调试日志 dumper: 节点检查

2.4K20

【Web3项目案例】Ethers.js极简入门+实战案例:实现ERC20协议代币查询、交易

开发工具 VScode(推荐) 使用本地VScode进行开发,安装Node.js后,通过npm安装ethers库: npm install ethers --save HelloVitalik程序 导入...安装依赖npm install ethers dotenv chalk 设置环境变量 在与以太坊网络进行交互时,我们需要使用一些环境变量来连接到以太坊节点。...; 我们使用Infura作为我们的以太坊节点提供者,并使用环境变量中的私钥创建了一个钱包实例。...tokenContract.balanceOf(address); const decimals = await tokenContract.decimals(); return balance.div(ethers.BigNumber.from...一些方法的详细解释: Provider:Provider是ethers.js中的一个核心概念,它负责与以太坊节点通信。

11910

福利|评价超高的《精通以太坊》丛书免费送,还包邮!手慢无

npmnpm install Web3。 bower,bower install Web3。 meteor,meteor add ethereum:Web3。 vanilla,dist....处理大数据 数据类型的返回结果,得到一个BigNumber对象,因为JavaScript不能正确地处理BigNumber,如下所示。 ?...所以Web3.js依赖BigNumber 库,并且会自动进行引入,如下所示。 ? 再看下面一个例子,即使有20位以上的浮点值,也会出错。...使用node.js(安装Node)的包管理工具 npm 初始化项目。 ? 在命令运行期间,输入项目名称、版本等信息。项目创建完成后,生成一个package.json文件,保存项目信息及相关依赖。...这个问题在issue#1041(https://github.com/ethereum/ web3.js/issues/1041)有提到,但官方好像一直没解决。

1.1K20

合约开发全新技术栈:Buidler + Ethers + Waffle + Typescript【译】

在一个空文件夹中,运行以下命令初始化一个npm项目: npm init 初始化过程中,需要多项目有一个简单的设置,因为我们只是演练,可以随意填。...安装 Buidler: $ npm install --save-dev @nomiclabs/buidler 译者注,如果npm 安装慢,本文的npm 命令都可以用cnpm替换 进行Buidler项目引导...创建一些目录来保存项目文件,如 contracts,test,scripts, 命令如下: $ mkdir contracts test scripts 设置 Typescript 安装Typescript需要的依赖项...,不过你可以使用任何远程以太坊节点。...如果您需要任何帮助,请执行Telegram上的Buidler Support group[16],这是迅速解决问题的好资源。Nomic Labs团队经常在外面闲逛,并且反应迅速。

2.1K40

第十一课 从宠物商店案例看DAPP架构和WEB3.JS交互接口

ETH节点框架 3).宠物商店的APP.js文件的业务处理流程图和函数介绍 4).web3.js接口 2. 以太坊节点和DAPP框架 2.1 以太坊节点架构 ?...以太坊节点架构图 以太坊是一种区块链的实现。在以太坊网络中,众多的节点彼此连接,构成了以太坊网络。 以太坊节点软件提供两个核心功能:数据存储、合约代码执行。...不过我们并非生活在一个乌托邦里,期待每个用户都先运行一个全节点,然后再使用你的应用是不现实的。 但是去中心化背后的核心思想,就是不依赖于中心化的服务器。...- 数字或BigNumber String - 字符串单位 返回值: String|BigNumber - 根据传入参数的不同,分别是字符串形式的字符串,或者是BigNumber。...返回值: BigNumber - 当前的gas价格的BigNumber实例,以wei为单位。

2.6K40

50 个让你高效编程的前端轮子,真香

childScript", "childScript": "cross-env-shell \"echo Hello $GREET\"" } } bignumber.js https:/.../www.npmjs.com/package/bignumber.js ==功能==:一个用于任意精度十进制和非十进制算术的JavaScript库 https://mikemcl.github.io/bignumber.js...colorLight: '###ffffff', correctLevel: QRCode.CorrectLevel.L, }); // 这里如果需要在页面上展示的话,就将div节点给添加到...您可以使用它消除shell脚本对Unix的依赖,同时仍然保留其熟悉而强大的命令。您还可以全局安装它,以便可以从Node项目外部运行它-告别那些讨厌的Bash脚本!...特点如下: 以字符串的方式转换,没有超大数及浮点数等问题(请自行对原数据进行四舍五入等操作) 支持科学记数法字符串的转换 支持口语化 支持自定义转换(不论是兆,京还是厘都可以用) 对超大数支持用争议教少的万万亿代替亿亿

7.7K20

50 个让你高效编程的前端轮子

childScript", "childScript": "cross-env-shell \"echo Hello $GREET\"" } } bignumber.js https:/.../www.npmjs.com/package/bignumber.js ==功能==:一个用于任意精度十进制和非十进制算术的JavaScript库 https://mikemcl.github.io/bignumber.js...colorLight: '###ffffff', correctLevel: QRCode.CorrectLevel.L, }); // 这里如果需要在页面上展示的话,就将div节点给添加到...您可以使用它消除shell脚本对Unix的依赖,同时仍然保留其熟悉而强大的命令。您还可以全局安装它,以便可以从Node项目外部运行它-告别那些讨厌的Bash脚本!...特点如下: 以字符串的方式转换,没有超大数及浮点数等问题(请自行对原数据进行四舍五入等操作) 支持科学记数法字符串的转换 支持口语化 支持自定义转换(不论是兆,京还是厘都可以用) 对超大数支持用争议教少的万万亿代替亿亿

8K30

零基础学习weex(三)weex工程及工具

packageJson.jpg 上面的一部分是项目相关信息 scripts节点就是我们要研究的npm 脚本 dependencies节点是项目发布的依赖 devDependencies 节点是项目开发工具...一方面团队协作中能够统一团队代码风格化,另一方面能够提前知道可能会存在的问题,避免低级 Bug。比如在Javascript应用中,你很难找到你漏泄的变量或者方法。...parser ESLint 默认使用Espree作为其解析器 globals 当访问未定义的变量时,no-undef 规则将发出警告。...1、安装 你可以自己使用npm安装:npm install -g eslint 你也可以在Weex工程中配置, 在package.json 的devDependencies加入注释中表明的安装依赖,...run dev,如果有代码风格问题,会自动报错。

1.4K20

创建并部署ERC20代币

假设你已经安装了 Truffle,如果没有安装,请用 npm 安装: npm i truffle 假设我们的代币叫“Mastering Ethereum Token”,我们用符号“MET”代表它。...如你所见,truffle 编译了 OpenZeppelin 库的必要依赖。 接下来我们编写一个迁移脚本来部署METoken合约。...或许你已经预料到这个问题了,也有可能,你没有。...ERC20 代币的问题 ERC20 标准的使用确实具有突破性,已经推出了上千种代币,既有新功能的实现,又有如众筹拍卖和 ICO 等各种资金筹集。...考虑另一个问题。要发送以太币或者使用任何以太坊合约,你需要以太币来支付 gas。发送代币,你也需要以太币。你不能用代币为交易支付 gas,并且代币合约也不能为你支付 gas。

1.3K30

eslint+prettier学习

可以扩展的规则常见的有: airbnb(世界第一) 安装依赖npm install eslint-plugin-jsx-a11y eslint-plugin-react eslint-plugin-import...箭头函数前后需要空格 未使用的变量会报错 standard(世界第二) 安装依赖npm install --save-dev eslint-config-standard eslint-plugin-standard...npm install --save-dev eslint-config-google 规则特点 不去掉分号 字符串使用单引号 相对上面两个力度较小,import没有自动提到最上面, 未定义的变量不会报错...script还是module eslint常用几个命令 eslint --init  **/*.js     初始化创建默认eslint配置 eslint --fix **/*.js       修复问题..."stylelint-config-prettier" ] } stylelint-config-recommended 所有样式问题都会暴露 npm install stylelint-config-recommended

2K20

web3.js中estimateGas如何计算智能合约消耗的gas量

我们可使用web3.js框架的estimateGas函数获得一个以太坊智能合约的Gas估计值 ,通过执行一个消息调用或交易,该消息调用或交易直接在节点的VM中执行,并未在区块链中确认,函数会返回估算使用的...value: Number|String|BigNumber - (可选) 为交易转移的价值以Wei为单位,如果是合同创建交易,也是基金。...gas: Number|String|BigNumber - (可选, 默认: 待定) 用于交易的gas量(未使用的gas已退还)。...gasPrice: Number|String|BigNumber - (可选, 默认: 待定) 此交易的gas价格以wei为单位,默认为平均网络gas价格。.../ "0x0000000000000000000000000000000000000000000000000000000000000015" 用web3js库中可能遇到estimateGas方法出错的问题

5.3K10

webpack学习之入门实例

、package.json文件 4、项目本地安装webpack依赖npm install webpack --save 5、新建entry.js入口文件: require("....text/javascript" src="bundle.js" charset="utf-8"> 这里我们直接引入了bundle.js文件,该文件尚未定义...7、webpack打包: 首先安装loaders打包工具: npm install css-loader style-loader --save webpack打包时会自动识别文件之间的依赖关系,直接生成单个文件...打包之后页面依赖更加简单,index.html只需引入一个js即可,而js里面可以正常引入其它模块,样式及功能也都全部ok,方便快捷管理前端依赖。...8、换种方法实现以上内容: 上面使用webpack打包时指定了一些打包参数,这些参数其实我们可以直接配置到配置文件,可以免去打包命令过长的问题,思路更加清晰: 首先拷贝一份以上所有文件到一个新的目录,再删除其中

68600
领券