shenyi
管理员
管理员
  • UID1
  • 粉丝45
  • 关注0
  • 发帖数900
阅读:3189回复:2

(量化系统课程前端)Rust Wasm前端强化套路课、echarts封装

楼主#
更多 发布于:2022-10-22 01:33

本课程有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大小(初级)
做个尺寸改变的例子。 尽快进入第二章(重点)




会讲故事的程序员
shenyi
管理员
管理员
  • UID1
  • 粉丝45
  • 关注0
  • 发帖数900
沙发#
发布于:2022-11-06 02:32
进入第二章
会讲故事的程序员
shenyi
管理员
管理员
  • UID1
  • 粉丝45
  • 关注0
  • 发帖数900
板凳#
发布于:2023-03-13 02:17
更至第21讲
会讲故事的程序员
游客

返回顶部