课程简介

Vue3 + TS + Leafletjs 打造企业级原神大地图视频课程,由乐学编程网lexuecode.com整理分享。前端开发道路艰难,怎么破局?唯有掌握稀缺技能,提升综合能力,形成差异化优势,才好跳出同质化竞争,获得更大的发展空间,拥有更多的选择权。这门课程带你复刻企业级一线创新型H5需求,使用最新前端技术栈 + Leafletjs 打造原神大地图H5。相比于传统前端项目更能突出难点(复杂逻辑开发经验,流程拆解、变量通信、数学计算),让你简历项目优势更突出,面试官眼前一亮,大大提升面试成功率。

相关课程

印客大厂前端工程师训练营 | 阿里P7

京城一灯前端全栈工程师精英班

课程目录

├── 第1章 课程介绍/
│   ├── [ 37M] 1-1导学
│   └── [ 18M] 1-2如何收获让面试官眼前一亮的作品?
├── 第2章 理清需求最重要(大厂必备的需求分析能力)/
│   ├── [ 16M] 2-1原神大地图企业级项目分析,这是一个什么样的项目
│   ├── [ 25M] 2-2项目需求分析
│   └── [ 13M] 2-3项目技术调研、框架选型
├── 第3章 开发环境搭建(做好准备工作)/
│   └── [ 24M] 3-1nodejs、vue3、vscode环境搭建
├── 第4章 开始绘制你的大地图(让你的页面眼前一亮)/
│   ├── [ 15M] 4-1大地图资源整理
│   ├── [ 60M] 4-2leafletjs文档阅读与梳理-提升文档阅读能力
│   ├── [ 24M] 4-3前置工作-大地图瓦片资源生成
│   ├── [ 23M] 4-4前置工作-项目目录结构设计
│   ├── [ 51M] 4-5如何将大地图展示出来?(tile使用)
│   ├── [ 41M] 4-6大地图控制实现(缩放、拖拽及边界限制)
│   ├── [ 60M] 4-7地名如何在大地图中展示
│   ├── [ 50M] 4-8标点如何在大地图中展示
│   ├── [ 38M] 4-9代码重构与封装
│   └── [ 27M] 4-10章节总结与面试指导
├── 第5章 大地图UI交互层开发(运用Vue3快速开发页面)/
│   ├── [102M] 5-1整体UI搭建
│   ├── [123M] 5-2交互栏开发-分类滚动区域展示
│   ├── [107M] 5-3标点列表展示
│   ├── [ 61M] 5-4axios及mockjs引入
│   ├── [ 95M] 5-5标点列表动态数据接入
│   ├── [118M] 5-6快速定位展示
│   ├── [ 35M] 5-7快速定位接口接入
│   ├── [106M] 5-8已选中区域开发
│   ├── [ 72M] 5-9已选中区域动态逻辑及pinia使用
│   └── [ 23M] 5-10章节总结与面试指导
└── 第6章 让大地图动起来(UI层与地图层的联动)/
├── [151M] 6-1地名动态渲染逻辑
├── [ 82M] 6-2标点动态渲染逻辑
├── [ 97M] 6-3缩放UI实现及zoomslider插件使用
├── [ 58M] 6-4快速定位逻辑及标点展示优化
├── [ 85M] 6-5标点点击激活逻辑
├── [121M] 6-6标点详情弹窗及popup使用
├── [ 93M] 6-7标点详情弹窗动态逻辑
├── [ 61M] 6-8屏幕外标点引导(难)(上)
├── [ 68M] 6-9屏幕外标点引导(难)(下)
├── [ 77M] 6-10屏幕外标点引导(难)(上)
├── [103M] 6-11屏幕外标点引导(难)(下)
└── [ 31M] 6-12章节总结与面试指导
└── 资料代码/

更新日志

2024-6-27:已更新到第6章,持续更新中,后续同个网盘链接更新,请放心下载。

发表回复

登录... 后才能评论