All Posts in 2024.2 - Dvorak Chen

17

FEB

Leptos - 撸一只赛博猫猫

Leptos正在用Rust重构前端开发的边界——无需JavaScript即可完成从界面交互到动画逻辑的完整实现。本文通过构建一个会喵叫会咕噜的赛博猫猫应用，展示了如何用Rust代码替代传统前端开发中的JavaScript角色。项目核心在于利用gloo库提供的BOM API接口，通过Rust代码直接操控浏览器功能，从事件监听到定时器调用都实现了无缝衔接。特别值得注意的是Interval时间函数的实现机制：通过周期性切换字符画数组的索引值，配合on_cleanup组件清理策略，既保证了动画流畅性又避免了内存泄漏风险。这种将Rust的系统级控制能力与Web前端开发结合的实践，不仅解决了传统JavaScript开发中常见的闭包陷阱，更在代码可维护性上展现出独特优势。当开发者用Rust的ownership模型管理浏览器资源时，是否正在打开一个全新的前端开发范式？在性能与开发效率之间，Rust+Leptos的组合能否突破传统前端框架的局限？或许这个会摇尾巴的赛博猫猫，正是通向未来Web开发的奇妙钥匙。--Qwen3

12

FEB

从实现 Iterator 来窥探 Rust

这篇博客通过实现一个简单的 `Iterator` trait 展示了 Rust 语言中所有权机制与迭代器模式的结合方式。文章围绕 `Nums` 结构体展开，通过对比直接实现迭代器与间接借用结构体两种方案揭示了 Rust 设计哲学中的核心矛盾：如何在不污染结构体状态的前提下实现迭代能力。作者通过引入 `NumsIter` 中间结构体巧妙规避了状态污染问题，但这一设计却带来了生命周期管理的复杂性——`'a` 标注不仅保证了借用对象的存活时间，更构建了 Rust 内存安全的底层逻辑。文章揭示了 `&'a Nums` 这类借用语法的本质是所有权转移的逆向操作，通过生命周期标注解决了悬垂引用问题，这种将安全边界编码进类型的特性在其他语言中鲜有匹敌。在实现 `Iterator` 时，关联类型 `type Item` 的使用暗示了 Rust 类型系统的设计取舍：相比泛型参数的显式冗余，关联类型通过隐式绑定实现了更优雅的抽象。当读者看到 `next()` 方法的实现时，会自然思考：如果数据源不是固定数组而是动态生成的值，该模式能否适配？当迭代器需要同时处理多个借用对象时，生命周期标注又该如何演变？这些未解答的问题或许正是理解 Rust 所有权模型的关键切口。--Qwen3

Rust Iterator Pattern Lifetime Management Ownership and Borrowing Memory Safety Code Structure

12

FEB

Leptos 初探 - 序言

Leptos是一个基于Rust的全栈Web框架通过消除虚拟DOM采用最小粒度更新机制实现了比React更高效的性能表现其组件开发模式与React函数组件相似但通过view!宏和Rust原生语法构建界面开发者需要同时掌握Rust语言特性与框架规则这种双重门槛虽然提升了开发体验但显著提高了学习成本当开发者尝试在两个按钮事件中共享输入框引用时Rust的所有权系统会强制要求使用Rc引用计数技术这种对内存安全的严格把控在提升稳定性的同时也带来了额外的代码复杂度框架生态方面Leptos依赖于WASM环境的特殊性开发者必须筛选能适配WASM的crate例如reqwest替代request而gloo则提供了对浏览器API的模拟实现当尝试用TimeoutFuture实现延迟请求时需要同时处理异步编程与生命周期管理的双重挑战这种开发体验既展现了Rust系统级语言的优势也暴露了其在Web开发场景中的独特挑战当开发者在享受Leptos带来的高性能渲染和强类型安全时是否应该为陡峭的学习曲线付出代价当最小粒度更新带来的性能优势足以抵消Rust复杂语法的代价时Web开发的范式是否正在发生根本性转变而那些被React生态吸引的开发者们又是否愿意为性能突破重新学习一门系统级语言？--Qwen3

Rust Leptos rust-programming web development Component Framework Ownership Rules