infrared-core 是一个很受欢迎的 npm 包，用于前端 Web 开发中关于红外线视图的渲染。此包提供许多基础组件用于使用红外线视图，极易使用。本篇文章将详细解释如何使用 infrared-core 这个 NPM 包。
安装 infrared-core
使用 npm 安装 infrared-core 引用包，这个包已经被集中放在 npm 中
npm install infrared-core
导入并初始化 infrared-core
import * as Infrared from 'infrared-core' (Infrared as any).init()
使用 base-component 组件
一个组件表示红外图像中的一个元素。
let component = new Infrared.BaseComponent({
type: 'pi',
value: 120.0,
unit: 'mR'
})
component.render(document.body) // add to the page相等于
<span class="infrared__base-component infrared__base-component--pi"> 120.0 <span class="infrared__base-component-unit">mR</span> </span>
使用 FrequencyTable 组件
当你需要在页面中展示一个表格的时候，就可以使用 FrequencyTable 组件了。
let ft = new Infrared.FrequencyTable([
{ type: 'ph12', value: 12.0, unit: 'mR' },
{ type: 'ph13', value: 13.0, unit: 'mR' },
{ type: 'ph14', value: 14.0, unit: 'mR' },
{ type: 'ph15', value: 15.0, unit: 'mR' },
{ type: 'ph16', value: 16.0, unit: 'mR' }
])
ft.render(document.body) //添加到页面上相当于：
-- -------------------- ---- -------
------ -----------------------------
-------
----
-------------
--------------
-------------
-----
--------
-------
----
-------------
-------------
-----------
-----
----
-------------
-------------
-----------
-----
----
-------------
-------------
-----------
-----
----
-------------
-------------
-----------
-----
----
-------------
-------------
-----------
-----
--------
--------结论
npm 包 infrared-core 使前端开发变得更加容易，无需为渲染红外线视图而亲自动手，只需通过几行代码就可以完成。希望这篇文章对于初学者或是进阶者的学习，以及引导您进行下一步的探索有所帮助。截至目前为止，所有示例代码都可以在 Github 代码仓库 上找到。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60065f86238a385564ab6cbe