#web #animation #closures #document #html #call #parallax

minimal_web

使用 Rust 更容易构建网页的最小化工具

3 个版本

0.1.2 2023年11月15日
0.1.1 2023年11月4日
0.1.0 2023年11月1日

#59#closures

MIT/Apache

41KB
600

最小化

使用 Rust 更容易构建网页的最小化工具

功能

我开始构建这个库不仅仅是为了经典的调用,比如 query_selector、document 等。

minimal 的功能有哪些?

  • 某些函数的调用更短
  • 更简单的闭包方式
  • 更易读的异常
  • 动画(即将推出)等更多...

版本 0.1.2 实现

  • 宏的语法更改:从 Fun! 到 fnv!(无参数函数)和从 FunMut! 到 fnmut(可变参数函数)
  • 视差动画
(RUST)
use minimal_web::{animation::use_parallax, *};
fn main(){
    use_parallax();
    html!{
        <div class="parallax-effect" data-max="10">
        // max value is 2 but you can change it with data-max, the value is the max of parallax effect when you over
        ...
        </div>
    }
}
...
You can also build your own glow with this syntax
<div class="parallax-effect">
    ...
    <div class="wrapper"> <- a wrapper of parent (with same parent dimension)
        <div class="glow"></div>
    </div>
</div>

下一个版本是什么?

我使用 Rust 编写的某些动画,您可以直接在 minimal_web 中使用!

使用/示例


use minimal_web::*;

fn main() {
    let document = document();
    let container = document.query_selector_html(".container"); //HtmlElement
    let all_p = container.query_selector_list("p"); //NodeList
    let all_p_clone = all_p.clone();
    for i in 0..all_p.length(){
        let element = all_p_clone.get_html(i); //HtmlElement
        //do something
    }
}

依赖关系

~11–15MB
~259K SLoC