diff --git a/website/translated_docs/zh-CN/INTRODUCTION.md b/website/translated_docs/zh-CN/INTRODUCTION.md index 7902811fb..c5be701aa 100644 --- a/website/translated_docs/zh-CN/INTRODUCTION.md +++ b/website/translated_docs/zh-CN/INTRODUCTION.md @@ -1,20 +1,21 @@ --- id: intro +title: Introduction --- ## Yew 是什么? **Yew** 是一个设计先进的 [Rust](https://www.rust-lang.org/) 框架,目的是使用 [WebAssembly](https://webassembly.org/) 来创建多线程的前端 web 应用。 -* **基于组件的框架**,可以轻松的创建交互式 UI。拥有 [React](https://reactjs.org/) 或 [Elm](https://elm-lang.org/) 等框架经验的开发人员在使用 Yew 时会感到得心应手。 -* **高性能** ,前端开发者可以轻易的将工作分流至后端来减少 DOM API 的调用,从而达到异常出色的性能。 -* **支持与 Javascript 交互** ,允许开发者使用 NPM 包,并与现有的 Javascript 应用程序结合。 +- **基于组件的框架**,可以轻松的创建交互式 UI。拥有 [React](https://reactjs.org/) 或 [Elm](https://elm-lang.org/) 等框架经验的开发人员在使用 Yew 时会感到得心应手。 +- **高性能** ,前端开发者可以轻易的将工作分流至后端来减少 DOM API 的调用,从而达到异常出色的性能。 +- **支持与 Javascript 交互** ,允许开发者使用 NPM 包,并与现有的 Javascript 应用程序结合。 ### 加入我们 😊 -* 你可以在这里 [GitHub issues page](https://github.com/yewstack/yew/issues) 报告 Bugs 或者是提出新的想法。 -* 我们欢迎 pull requests 。 如果你想要帮助我们,先参考下 [good first issues](https://github.com/yewstack/yew/issues?q=is%3Aopen+is%3Aissue+label%3A%22good+first+issue%22) 吧! -* 我们的 [Gitter chatroom](https://gitter.im/yewframework/Lobby) 非常的热闹,也是一个问问题和解决问题的好地方! +- 你可以在这里 [GitHub issues page](https://github.com/yewstack/yew/issues) 报告 Bugs 或者是提出新的想法。 +- 我们欢迎 pull requests 。 如果你想要帮助我们,先参考下 [good first issues](https://github.com/yewstack/yew/issues?q=is%3Aopen+is%3Aissue+label%3A%22good+first+issue%22) 吧! +- 我们的 [Discord chat](https://discord.gg/VQck8X4) 非常的热闹,也是一个问问题和解决问题的好地方! ### 准备好开始了吗? @@ -22,15 +23,15 @@ id: intro {% page-ref page="getting-started/project-setup/" %} -### **还没有完全信服?** +### 还没有完全信服? Yew 项目基于划时代的新技术,非常适合那些希望开发未来基础项目的开发者。接下来是一些我们相信 Yew 这样的框架将为成为未来 Web 开发的主流。 -#### **等等,为什么选用 WebAssembly?** +#### 等等,为什么选用 WebAssembly? -WebAssembly _\(Wasm\)_ 是一种可移植的底层语言,并且可以由 Rust 编译而来。它在浏览器中可以以原生速度运行,还同时支持和 JavaScript 交互。这些在所有的主流浏览器中都已经提供。希望了解更多关于 WebAssembly 是如何为前端应用提速的,可以查看官方[用例](https://webassembly.org/docs/use-cases/). +WebAssembly *(Wasm)* 是一种可移植的底层语言,并且可以由 Rust 编译而来。它在浏览器中可以以原生速度运行,还同时支持和 JavaScript 交互。这些在所有的主流浏览器中都已经提供。希望了解更多关于 WebAssembly 是如何为前端应用提速的,可以查看官方[用例](https://webassembly.org/docs/use-cases/). -值得注意的是,Wasm **(目前还)**并不是提高 Web 应用性能的**万金油(原文:A Silver Bullet)**就目前来说,在 WebAssembly 中使用 DOM API 仍然比从 JavaScript 中调用要慢。但只是暂时性问题的,[WebAssembly Interface Types](https://github.com/WebAssembly/interface-types/blob/master/proposals/interface-types/Explainer.md) 计划将解决这个问题。如果你想要了解更多关于这方面的信息,可以查看 Mozilla 的这篇[佳作](https://hacks.mozilla.org/2019/08/webassembly-interface-types/) 。 +值得注意的是,Wasm(目前还)并不是提高 Web 应用性能的万金油(原文:A Silver Bullet)就目前来说,在 WebAssembly 中使用 DOM API 仍然比从 JavaScript 中调用要慢。但只是暂时性问题的,[WebAssembly Interface Types](https://github.com/WebAssembly/interface-types/blob/master/proposals/interface-types/Explainer.md) 计划将解决这个问题。如果你想要了解更多关于这方面的信息,可以查看 Mozilla 的这篇[佳作](https://hacks.mozilla.org/2019/08/webassembly-interface-types/) 。 #### 好的,那为什么选用 Rust 呢? @@ -42,5 +43,5 @@ Rust 同样可以用它丰富的类型系统和可信赖的所有权模型来帮 我们非常愿意和其他的类似项目交流想法,并且相信通过这种方式,我们可以互相扶持进步来发挥出这个新技术的潜力。如果你对 Yew 没有兴趣,你可能会喜欢这些项目。 -* [Percy](https://github.com/chinedufn/percy) - _"A modular toolkit for building isomorphic web apps with Rust + WebAssembly"_ -* [Seed](https://github.com/seed-rs/seed) - _"A Rust framework for creating web apps"_ +- [Percy](https://github.com/chinedufn/percy) - *"A modular toolkit for building isomorphic web apps with Rust + WebAssembly"* +- [Seed](https://github.com/seed-rs/seed) - *"A Rust framework for creating web apps"*