获取资料

Vue3 + TS + Leafletjs 打造企业级原神大地图「已完结」

Vue3 + TS + Leafletjs 打造企业级原神大地图「已完结」

课程介绍

从0到1全流程落地web游戏大地图项目,成为WebGlS专家视频教程,由it资源网整理发布。前端开发道路艰难,如何破局?唯有掌握稀缺技能,提升综合能力,形成差异化优势,才能跳出同质化竞争,获得更大的发展空间,拥有更多的选择权。这门课程带你复刻企业级一线创新型H5需求,使用最新前端技术栈和Leafletjs打造原神大地图H5项目。相比于传统前端项目,更能突出难点(如复杂逻辑开发经验、流程拆解、变量通信和数学计算),让你的简历项目优势更加突出,让面试官眼前一亮,大大提升面试成功率。

相关推荐

Three.js可视化企业实战WEBGL课 | 2024全新升级版

资源目录

.

第1章 课程介绍/

[ 18M] 1-1导学

[9.7M] 1-2如何收获让面试官眼前一亮的作品?

第2章 理清需求最重要(大厂必备的需求分析能力)/

[ 11M] 2-1原神大地图企业级项目分析,这是一个什么样的项目

[ 14M] 2-2项目需求分析

[6.4M] 2-3项目技术调研、框架选型

第3章 开发环境搭建(做好准备工作)/

[ 15M] 3-1nodejs、vue3、vscode环境搭建

第4章 开始绘制你的大地图(让你的页面眼前一亮)/

[6.9M] 4-1大地图资源整理

[ 29M] 4-2leafletjs文档阅读与梳理-提升文档阅读能力

[ 14M] 4-3前置工作-大地图瓦片资源生成

[ 16M] 4-4前置工作-项目目录结构设计

[ 32M] 4-5如何将大地图展示出来?(tile使用)

[ 19M] 4-6大地图控制实现(缩放、拖拽及边界限制)

[ 33M] 4-7地名如何在大地图中展示

[ 24M] 4-8标点如何在大地图中展示

[ 24M] 4-9代码重构与封装

[ 15M] 4-10章节总结与面试指导

第5章 大地图UI交互层开发(运用Vue3快速开发页面)/

[ 48M] 5-1整体UI搭建

[ 57M] 5-2交互栏开发-分类滚动区域展示

[ 49M] 5-3标点列表展示

[ 39M] 5-4axios及mockjs引入

[ 44M] 5-5标点列表动态数据接入

[ 54M] 5-6快速定位展示

[ 18M] 5-7快速定位接口接入

[ 49M] 5-8已选中区域开发

[ 40M] 5-9已选中区域动态逻辑及pinia使用

[ 16M] 5-10章节总结与面试指导

第6章 让大地图动起来(UI层与地图层的联动)/

[ 70M] 6-1地名动态渲染逻辑

[ 41M] 6-2标点动态渲染逻辑

@it资源网ukoou.com

[ 44M] 6-3缩放UI实现及zoomslider插件使用

[ 26M] 6-4快速定位逻辑及标点展示优化

[ 39M] 6-5标点点击激活逻辑

[ 55M] 6-6标点详情弹窗及popup使用

[ 43M] 6-7标点详情弹窗动态逻辑

[ 34M] 6-8屏幕外标点引导(难)(上)

[ 35M] 6-9屏幕外标点引导(难)(下)

[ 41M] 6-10屏幕外标点引导(难)(上)

[ 53M] 6-11屏幕外标点引导(难)(下)

[ 21M] 6-12章节总结与面试指导

第7章 项目打包与发布介绍(打包发布交付流程介绍)/

[ 14M] 7-1生产流程-Vite打包与发布

第8章 项目总结与面试建议(最终章,助力大家面试加分)/

[ 21M] 8-1项目总结与面试建议

资料代码/

资源目录截图

Vue3 + TS + Leafletjs 打造企业级原神大地图「已完结」

评论0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址