Vue3 + TS + Leafletjs 打造企业级原神大地图_实战课程

本章介绍：

课程介绍

第1章课程介绍

2 节｜16分钟

展开

视频：

1-1 导学

试看

09:59
视频：

1-2 如何收获让面试官眼前一亮的作品？

试看

05:42

本章介绍：

本章节对于该课程要实现的项目做一个需求分析，带大家理清需求，切忌上来就开发，带大家养成需求分析好习惯。

第2章理清需求最重要（大厂必备的需求分析能力）

3 节｜28分钟

收起

视频：

2-1 原神大地图企业级项目分析，这是一个什么样的项目

试看

07:03
视频：

2-2 项目需求分析

12:08
视频：

2-3 项目技术调研、框架选型

08:06

本章介绍：

本章节对项目开发前做一个准备工作，搭建好本门课程需要的开发环境，配置好编辑器与插件。

第3章开发环境搭建（做好准备工作）

1 节｜8分钟

收起

视频：

3-1 nodejs、vue3、vscode环境搭建

07:31

本章介绍：

本章节开始带大家初步实现绘制大地图，整理大地图资源，设计项目架构，学习leafletjs库使用，提升大家的文档阅读能力，以及地图渲染类封装，提升大家的代码封装能力。

第4章开始绘制你的大地图（让你的页面眼前一亮）

10 节｜106分钟

展开

视频：

4-1 大地图资源整理

03:04
视频：

4-2 leafletjs文档阅读与梳理-提升文档阅读能力

12:47
视频：

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

07:57
视频：

4-4 前置工作-项目目录结构设计

10:35
视频：

4-5 如何将大地图展示出来？（tile使用）

14:46
视频：

4-6 大地图控制实现（缩放、拖拽及边界限制）

07:59
视频：

4-7 地名如何在大地图中展示

15:58
视频：

4-8 标点如何在大地图中展示

10:11
视频：

4-9 代码重构与封装

10:15
视频：

4-10 章节总结与面试指导

11:36

本章介绍：

本章节带大家使用Vue3开发UI交互层，同时教会大家大厂分工合作理念、Vue3与地图控制类通信接口流程，掌握Vue组件开发技巧与封装。

第5章大地图UI交互层开发（运用Vue3快速开发页面）

10 节｜189分钟

展开

本章介绍：

本章节带大家实现完整大地图功能，这是最核心的一部分，实现地图控制类核心接口，Vue3 UI层与地图控制类接口通信，地图标点动态生成、通用请求类封装、mock数据开发、loading页面开发、串起完整功能。

第6章让大地图动起来（UI层与地图层的联动）

12 节｜220分钟

展开

本章介绍：

本章节带大家进行项目打包工作，到此章节所有功能都已经实现，最后一步该打包发布了，本章节会给大家介绍Vite项目打包与发布流程。

第7章项目打包与发布介绍（打包发布交付流程介绍）

1 节｜7分钟

展开

视频：

7-1 生产流程-Vite打包与发布

06:27

本章介绍：

本章节带大家回顾整个项目课程，做一个总结，同时为大家送来本项目的面试建议，助力大家简历、面试加分。

第8章项目总结与面试建议（最终章，助力大家面试加分）

1 节｜14分钟

展开

视频：

8-1 项目总结与面试建议

13:59

Vue3 + TS + Leafletjs 打造企业级原神大地图

从0到1全流程落地web游戏大地图项目，熟练掌握绘制地图技术Leaflet，成为 WebGlS 稀缺人才

课程预览

本章介绍：

本章介绍：

本章介绍：

本章介绍：

本章介绍：

本章介绍：

本章介绍：

本章介绍：

热搜

最近搜索清空

课程预览

本章介绍：

本章介绍：

本章介绍：

本章介绍：

本章介绍：

本章介绍：

本章介绍：

本章介绍：

学习咨询