2026/2/8 22:03:29
网站建设
项目流程
建立网站用英语怎么说,临沂中文网站建设,网站怎么做搜索引擎优化,17网做网站在学校由于数据结构这门课的难理解性#xff0c;我就想能不能实现一个演示动画放入优盘 不记得了或者忘了随时点击exe就可以查看。查阅了一些资料最后选择了Vue 3 TypeScript Tauri的架构#xff0c;最后走出来整个数据结构核心动画才8731kb
项目采用了如下技术栈#xff…在学校由于数据结构这门课的难理解性我就想能不能实现一个演示动画放入优盘 不记得了或者忘了随时点击exe就可以查看。查阅了一些资料最后选择了Vue 3 TypeScript Tauri的架构最后走出来整个数据结构核心动画才8731kb项目采用了如下技术栈前端框架Vue 3 Composition API用响应式数据驱动动画逻辑清晰状态可控。开发语言TypeScript强类型约束让算法实现更严谨也更适合教学示例。桌面封装Tauri核心选择。相比 ElectronTauri 基于 Rust 系统原生 WebView体积小、启动快生成的.exe非常轻量。图结构渲染vis-network适合处理树、图等复杂关系结构。UI 组件库Element Plus保证整体界面简洁、易用降低教学操作成本。算法与动画彻底分离传统写法中排序或遍历算法往往直接操作 DOM 或样式导致逻辑和视图强耦合代码既难读也难维护。在 项目中整体思路是算法只负责计算动画只负责播放两者通过“动画帧”进行通信简单来说流程是这样的算法函数纯逻辑 → 生成动画帧序列 → 播放器逐帧渲染 → UI 展示Tauri简单讲解一下这个:Electron打包出来的程序太大,它会把整个 Chrome 浏览器和整个 Node.js 环境都塞进你的.exe里。Tauri 的后端是用 Rust 写的。Rust 不需要打包一个虚拟机Runtime。它会直接调用你电脑系统自带的浏览器内核Windows 上是 Edge WebView2 【window11,12都可】。最后的效果看起来很不错响应速度很快 内存很小对于小型项目这个方案还是很不错的。