阅读:3189回复:2
(量化系统课程前端)Rust Wasm前端强化套路课、echarts封装本课程有2章: 第一章是热身(共6课时)。熟悉下wasm的三大套件(wasm-bindgen、web-sys、js-sys的基本用法套路) 第二章 我们用wasm封装echarts (重点章节在这) 众所周知RUST Wasm 有前端也有后端领域的应用。目前前端相对比较容易落地和项目使用。为了更好的配合其他课程(wasm+go开发k8s管理系统 、RUST量化分析基础)讲解功能。特此做个强化训练课,专门讲的是Wasm前端。本课程不涉及美观度,界面很丑。 前端!=美工 第二章:Wasm对echarts的封装 第7讲:快速搭建、初步wasm创建echart对象 今天我们进入第二章,本章节重点是用wasm封装echarts对象。 第8讲:初步 创建echart的渲染数据对象 上节课是热身,这节课我们把渲染对象用wasm来创建 第9讲:echarts折线图(1):加入legend显示 试听 我们先从折线图开始 第10讲:echarts折线图(2):显示多条折线 上节课只有一条曲线,这节课显示多条折线 第11讲:echarts折线图:显示tooltip 显示tooltip的封装方式 第12讲:echarts折线图:数据缩放(初步实现) 后面我们要显示 票的日K图。这里面涉及到缩放功能 第13讲:穿插课:wasm和golang交互获取日K数据(演示课) 试听 为了演示逼真,我们不使用测试数据。直接使用真实的日K数据进行交互。其中后端我们是golang写的 第14讲:wasm和golang交互获取日K数据:构建DataFrame 在上节课基础上,我们来构建数据DataFrame 第15讲:wasm初步加载真实日K数据到echarts (演示课) 有了前面几课时的铺垫,今天我们就可以用wasm加载真实日K数据了 第16讲:echarts显示日K数据 (2): 初步优化显示(选学) 后面我们需要花较多课时来优化显示 第17讲:echarts显示日K数据 (3): 蜡烛图的显示(选学) 试听 我们把日K数据以蜡烛图的方式展现。(初步后面还要改) 第18讲:echarts显示日K数据 (4): 显示成交量柱状图(上) 前面课时我们做了蜡烛图显示均线。今天我们开始做成交量柱状图 第19讲:echarts显示日K数据 (5): 显示成交量柱状图(下) 沿着上节课,完成柱状图的显示 第20讲:tooltip优化(1): 十字线显示、动态调整位置 今天我们对前面课时的内容进行显示优化。首先优化的是tooltip的位置 第21讲:tooltip优化(2): 自定义显示内容 试听 今天我们把自定义显示内容给加上 本课程每周更新2-3课时 第一章:热身、图片模块 第1讲:开张课、基本环境和课程内容、套路 试听 直接开干。讲下基本运行环境 第2讲:选择图片、设置onchange事件 完全替代js行为,用RUST封装事件 第3讲:wasm读取图片显示在控制台上 wasm读取图片,初步显示在控制台上 第4讲:wasm读取图片回显在网页上 今天演示的是wasm读取图片部分 第5讲:把图片变成灰色 试听 读取到图片后,我们就能对图片进行简单操作 第6讲:缩放图片、动态设置image大小(初级) 做个尺寸改变的例子。 尽快进入第二章(重点) |
|
|