3 个版本
0.1.2 | 2023年11月15日 |
---|---|
0.1.1 | 2023年11月4日 |
0.1.0 | 2023年11月1日 |
#59 在 #closures
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