lexuecode 课程简介
Vue3 + TS + Leafletjs 打造企业级原神大地图视频课程，由乐学编程网lexuecode.com整理分享。前端开发道路艰难，怎么破局？唯有掌握稀缺技能，提升综合能力，形成差异化优势，才好跳出同质化竞争，获得更大的发展空间，拥有更多的选择权。这门课程带你复刻企业级一线创新型H5需求，使用最新前端技术栈 + Leafletjs 打造原神大地图H5。相比于传统前端项目更能突出难点（复杂逻辑开发经验，流程拆解、变量通信、数学计算），让你简历项目优势更突出，面试官眼前一亮，大大提升面试成功率。
相关课程
课程目录
├── 第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使用
│ ├── 由乐学编程网lexuecode.com整理
│ └── [ 16M] 5-10章节总结与面试指导
├── 第6章 让大地图动起来（UI层与地图层的联动）/
│ ├── [ 70M] 6-1地名动态渲染逻辑
│ ├── [ 41M] 6-2标点动态渲染逻辑
│ ├── [ 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项目总结与面试建议
└── 资料代码/
更新日志
2024-6-27：已更新到第6章，持续更新中，后续同个网盘链接更新，请放心下载。
2024-8-14：已更新完结，百度云盘下载。
