webassembly

本期的每周一库带来的是一个Rust下的WebAssembly多线程前端框架Yew 相关链接 Yew Github仓库 Yew中文文档 Yew 是一个设计先进的Rust前端框架，目的是使用WebAssembly来创建多线程前端web应用。 Yew的主要特性包括 基于组件的框架 高性能 支持与Javascript交互 下面我们结合Yew官方文档来创建一个简单的Web App并在本地预览。 为了能够在本地预览通过Yew实现的Web App，我们首先要选择一个 Wasm构建工具 ，构建工具可以方便WebAssembly和JavaScript交互。从而减轻了部署和打包工程的复杂度。 Yew文档中介绍了三种Wasm构建工具 wasm-pack wasm-bindgen cargo-web 这里我们选择相对简单并且兼容性更好的 cargo-web 构建工具。 安装cargo-web 我们可以使用如下命令来安装 cargo-web 构建工具，安装时间大约2mins cargo install cargo-web 第一个简单的Web App 这里参考Yew文档中的 第一个简单的App 章节来进行实验 首先创建一个rust工程 cargo new --bin hello-yew 然后在 Cargo.toml 文件中添加Yew依赖 [dependencies] yew = { version = "0

最开始，我的想法很简单，就是解决H.265视频在网页端播放的问题，因为不管是把设备强制配置成H.264或者服务端强制将H.265转码成H.264，都是我认为的一种无能为力的越描越黑。经过这一年多对wasm从了解，到研发，到领悟，越来越感觉到，wasm带给整个视频前段的技术边界宽广了许多许多，如果只是简单的播放，可能凑合凑合，达到功能目标就完事了，但是现在，wasm+AI成为了我们新的目标； 在之前的很长一段时间，如果想要在H5端或者网页端显示H.265摄像机视频，研发人员需要到源头将摄像机的编码格式由H.265改成H.264，这样才能达到H5端的可视化展示，但这由会带来一个非常麻烦的问题，项目中我们花大量的经费采购的H.265摄像机，为了的就是降低带宽消耗和存储成本，但是，真正到实际用的时候，又需要改回H.264，这种做法很明显不是长久之计； 后来我们又尝试了通过转码的形式，在可视化的过程中，动态地将H.265视频转成H.264，然后再进行大屏可视化显示，这虽然暂时性解决了问题，但是视频实时转码的过程，不但产生了延时，而且大量地消耗机器的计算能力，尤其是在高清转码的时候，基本上转码不了几路，机器就撑不住了，所以，这种情况，后来也不是解决问题的办法，虽然目前还有厂家在这么做； 随着目前各大浏览器对wasm技术的支持，以及w3c对wasm标准的肯定

最近在几个微信 .NET 交流群里大家讨论比较频繁的话题就是这几天自己的面试经历。 面试官：“你刚说你喜欢研究新技术，那你有了解过 Blazor 吗？” 作为一位专注于 .NET 开发的软件工程师，你好意思说你对 Blazor 一点也不解吗？.NET 新技术也就是那么几个，连微软最近在逛推的 Blazor 你都不了解，你好意思说你喜欢研究新技术？ 讲真，确实有很多童鞋对 Blazor 还不了解，平时埋头写代码改 Bug，哪有时间去研究 Blazor，再说这种玩意儿公司会不会采用还是个很大疑问呢。是这个理，但如果等你的公司（国内使用了.NET 技术的公司）都开始使用 Blazor 了，Blazor 还能算是新技术吗？出于真正对技术的兴趣和热爱，对于新技术，有人会主动地去了解（不一定要研究得很深），而不是等到需要用的时候再去了解。至少他们会知道新技术有哪些优点，在公司技术选型上就可以给到自己的意见甚至推广新技术的使用，这可能就是他们和普通程序员拉开差距的原因之一。 不管你是真对 Blazor 感兴趣，还是只是为了应付面试，作为 .NET 开发者，没用过 Blazor 很正常，但至少应该了解一下，哪怕是花个一两分钟看看这篇文章的介绍。 使用 C# 实现 Web 交互式 UI Blazor 允许你使用 C# 来实现 Web 交互式 UI，而不需要使用 JavaScript。尽管

最近在几个微信 .NET 交流群里大家讨论比较频繁的话题就是这几天自己的面试经历。 面试官：“你刚说你喜欢研究新技术，那你有了解过 Blazor 吗？” 作为一位专注于 .NET 开发的软件工程师，你好意思说你对 Blazor 一点也不解吗？.NET 新技术也就是那么几个，连微软最近在逛推的 Blazor 你都不了解，你好意思说你喜欢研究新技术？ 讲真，确实有很多童鞋对 Blazor 还不了解，平时埋头写代码改 Bug，哪有时间去研究 Blazor，再说这种玩意儿公司会不会采用还是个很大疑问呢。是这个理，但如果等你的公司（国内使用了.NET 技术的公司）都开始使用 Blazor 了，Blazor 还能算是新技术吗？出于真正对技术的兴趣和热爱，对于新技术，有人会主动地去了解（不一定要研究得很深），而不是等到需要用的时候再去了解。至少他们会知道新技术有哪些优点，在公司技术选型上就可以给到自己的意见甚至推广新技术的使用，这可能就是他们和普通程序员拉开差距的原因之一。 不管你是真对 Blazor 感兴趣，还是只是为了应付面试，作为 .NET 开发者，没用过 Blazor 很正常，但至少应该了解一下，哪怕是花个一两分钟看看这篇文章的介绍。 使用 C# 实现 Web 交互式 UI Blazor 允许你使用 C# 来实现 Web 交互式 UI，而不需要使用 JavaScript。尽管

In order to setup a project we need to install the nightly build of Rust and add the WebAssembly target. For an improved workflow we also install the CLI tools wasm-pack and wasm-gc. Install: brew install rustup Run: rustup-init Setup nightly toolchain as default. rustup default nightly Then we add the target wasm32-unknown-unknown rustup target add wasm32-unknown-unknown In addition, we use cargo , Rust's package manager, to install wasm-pack cargo install wasm-pack This tool seeks to be the one-stop shop for building and working with Rust-generated WebAssembly that you would like to interop

Blazor 是一个 Web UI 框架，可通过 WebAssembly 在任意浏览器中运行 .Net 。 Blazor 旨在简化快速的单页面 .Net 浏览器应用的构建过程，它虽然使用了诸如 CSS 和 HTML 之类的 Web 技术，但它使用 C＃语言和 Razor 语法代替 JavaScript 来构建可组合的 Web UI 。通过提供用于编译到 Web 的大小和高效加载的格式，WebAssembly 可让 .Net 在浏览器中运行。 本次系列课程共7次，每2周的周六下午举办。旨在通过，理论加实践结合，从0到1 带你进入 Blazor 的世界。 分享嘉宾 · 张善友 微软 SWAT 特派专家，友浩达科技有限公司 CEO & CTO，.NET 技术专家，连续15年被评为微软 MVP 陈超超 Ant Design Blazor 项目贡献者 拥有十多年从业经验，长期基于.Net技术栈进行架构与开发产品的工作，Ant Design Blazor 项目贡献者，现就职于正泰集团 第五课 安全 · 上课时间： 2020年10月31日 14:00 - 16:00 上课方式： 点击下方 立即报名 ，报名后在 “上课方式” 中查看 上课嘉宾：张善友 以“待办事项”或其他应用为蓝本，注册登录，权限等相关介绍。 参与有惊喜 · 1. 完成7次课程的学习，我们将会为您准备精美的 Blazor

Blazor 是一个 Web UI 框架，可通过 WebAssembly 在任意浏览器中运行 .Net 。 Blazor 旨在简化快速的单页面 .Net 浏览器应用的构建过程，它虽然使用了诸如 CSS 和 HTML 之类的 Web 技术，但它使用 C＃语言和 Razor 语法代替 JavaScript 来构建可组合的 Web UI 。通过提供用于编译到 Web 的大小和高效加载的格式，WebAssembly 可让 .Net 在浏览器中运行。 本次系列课程共7次，每2周的周六下午举办。旨在通过，理论加实践结合，从0到1 带你进入 Blazor 的世界。 分享嘉宾 · 张善友 微软 SWAT 特派专家，友浩达科技有限公司 CEO & CTO，.NET 技术专家，连续15年被评为微软 MVP 陈超超 Ant Design Blazor 项目贡献者 拥有十多年从业经验，长期基于.Net技术栈进行架构与开发产品的工作，Ant Design Blazor 项目贡献者，现就职于正泰集团 第二课 网页制作 · 上课时间： 2020年9月12日 14:00 - 16:00 上课方式： 点击下方小程序报名，报名后在 “上课方式” 中查看 上课嘉宾：陈超超 Blazor通常以Razor标记页的形式编写UI ，介绍Razor语法，路由的基本用法。 - 路由 原理简述 路由模板、NavLink组件 路由参数