前端大额计算,真正解决js精度丢失问题

[dependencies]
wasm-bindgen = “0.2”


步骤 4: 编写Rust代码  
 接下来,在src/lib.rs中编写需要的Rust函数,如下所示:



use wasm_bindgen::prelude:😗;

#[wasm_bindgen]
pub fn add(a: f64, b: f64) -> f64 {
a + b
}

#[wasm_bindgen]
pub fn subtract(a: f64, b: f64) -> f64 {
a - b
}

#[wasm_bindgen]
pub fn multiply(a: f64, b: f64) -> f64 {
a * b
}

#[wasm_bindgen]
pub fn divide(a: f64, b: f64) -> f64 {
if b == 0.0 {
panic!(“Cannot divide by zero!”);
}
a / b
}


确保使用#[wasm\_bindgen]属性标记你的函数,这能够使这些函数能够在编译成Wasm后被JavaScript调用。  
 步骤 5: 构建WebAssembly包  
 在项目目录中运行wasm-pack以构建Wasm包。



wasm-pack build --target web


步骤 6: 在JavaScript中使用Rust函数  
 在构建完成后,你可以在pkg目录中找到生成的Wasm文件和一个用于加载Wasm模块的JavaScript封装文件。  
 在HTML文件中,可以这样使用这个Wasm模块:



Rust + Wasm

Check the console for output!


### 4. 简单模拟了一下计算场景和思路,现在只支持整数,不支持浮点数


### 5. 我把支持浮点数包放在giehub上了。


https://github.com/smz8023/rust-math







**自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。**

**深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!**

**因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。**
![img](https://img-blog.csdnimg.cn/img_convert/b82cb5df81ddae358689c25f5f41611e.jpeg)
![img](https://img-blog.csdnimg.cn/img_convert/425614cbd1bc93fddf3cab97c723fe01.png)
![img](https://img-blog.csdnimg.cn/img_convert/9354aea77ba36124a97f2712414f6c61.png)
![img](https://img-blog.csdnimg.cn/img_convert/b6158c9a1efd946d6d60cc1bc2e49f0c.png)
![img](https://img-blog.csdnimg.cn/img_convert/2df2532fd9d4c01e1e9ab2054b0dc50f.png)
![img](https://img-blog.csdnimg.cn/img_convert/d8794e826787fe7b328a417f3525d95d.png)

**既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!**

**由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新**

**如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)**
![img](https://img-blog.csdnimg.cn/img_convert/872b7390d4fea58d8fd30fd9dc0a9914.png)

### 最后



**给大家分享一些关于HTML的面试题。**

![](https://img-blog.csdnimg.cn/img_convert/de1e41ea9d798ac3d542e8385dbf4856.webp?x-oss-process=image/format,png)
![](https://img-blog.csdnimg.cn/img_convert/646267cedd2ed390bbf7d5f803af3062.webp?x-oss-process=image/format,png)





**一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!**
![img](https://img-blog.csdnimg.cn/img_convert/5e9f851a4fbb4ed9620295bce1fef4fd.png)

才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!**
[外链图片转存中...(img-4cQMOGQH-1712905201448)]

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值