介绍
在前端开发过程中，常常需要使用一些有关运动的工具，比如计步器、计算卡路里等等。而 npm 上的 sport 就是一个非常好用的运动计算工具，支持不同运动的计算，包括跑步、骑行和游泳等等。本文将介绍如何使用 sport 这个 npm 包。
安装
使用npm安装sport，可以通过以下命令：
--- ------- ----- ------
使用
初始化
在使用前，需要先引入 sport 包：
----- ----- - -----------------
跑步
计算卡路里
在跑步过程中，我们最关心的莫过于卡路里的消耗，使用 sport 包的 calBurned() 方法，可以计算出跑步消耗的卡路里：
----- -------- - ---------------------- --- ---- ---------------------- -- ---
其中，'run' 表示跑步运动，60 表示跑步时间（单位：分钟），10 表示跑步距离（单位：公里），计算出的结果为 600 卡路里。
计算配速
我们也经常需要知道自己跑步的配速，使用 sport 包的 speed() 方法，可以计算出跑步的配速：
----- ---- - ------------------ --- ---- ------------------ -- -----
其中，'run' 表示跑步运动，60 表示跑步时间（单位：分钟），10 表示跑步距离（单位：公里），计算出的结果为 06:00。
骑行
计算卡路里
使用 sport 包的 calBurned() 方法，也可以计算出骑行消耗的卡路里：
----- -------- - ----------------------- --- ---- ---------------------- -- ---
其中，'bike' 表示骑行运动，60 表示骑行时间（单位：分钟），10 表示骑行距离（单位：公里），计算出的结果为 360 卡路里。
计算速度
对于骑行运动，我们更关心的莫过于速度，使用 sport 包的 speed() 方法，可以计算出骑行的速度：
----- ----- - ------------------- --- ---- ------------------- -- ----
其中，'bike' 表示骑行运动，60 表示骑行时间（单位：分钟），10 表示骑行距离（单位：公里），计算出的结果为 10.0 公里/小时。
游泳
计算卡路里
与跑步和骑行相似，使用 sport 包的 calBurned() 方法，也可以计算出游泳消耗的卡路里：
----- -------- - ----------------------- ---- ---------------------- -- ---
其中，'swim' 表示游泳运动，60 表示游泳时间（单位：分钟），计算出的结果为 540 卡路里。
计算泳姿
对于游泳运动，我们也经常需要知道自己的泳姿，使用 sport 包的 swimType() 方法，可以计算出游泳的泳姿：
----- ---- - ---------------------- --- ---------------- ------------------ -- ------------
其中，'swim' 表示游泳运动，60 表示游泳时间（单位：分钟），'breaststroke' 表示泳姿，计算出的结果为 breaststroke。
总结
在本文中，我们学习了如何使用 sport 这个 npm 包。通过计算卡路里、配速、速度、泳姿等数据，可以更好地帮助我们掌握运动情况，合理安排自己的运动计划，达到更好的运动效果。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600670a18ccae46eb111f0ca