
课程介绍:前端开发道路艰难,怎么破局?唯有掌握稀缺技能,提升综合能力,形成差异化优势,才好跳出同质化竞争,获得更大的发展空间,拥有更多的选择权。这门课程带你复刻企业级一线创新型H5需求,使用最新前端技术栈 + Leafletjs 打造原神大地图H5。相比于传统前端项目更能突出难点(复杂逻辑开发经验,流程拆解、变量通信、数学计算),让你简历项目优势更突出,面试官眼前一亮,大大提升面试成功率。
第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
第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
第5章 大地图UI交互层开发(运用Vue3快速开发页面)
10 节|189分钟
-
视频:5-1 整体UI搭建21:00
-
视频:5-2 交互栏开发-分类滚动区域展示25:25
-
视频:5-3 标点列表展示21:10
-
视频:5-4 axios及mockjs引入21:59
-
视频:5-5 标点列表动态数据接入18:57
-
视频:5-6 快速定位展示23:25
-
视频:5-7 快速定位接口接入08:30
-
视频:5-8 已选中区域开发21:05
-
视频:5-9 已选中区域动态逻辑及pinia使用17:10
-
视频:5-10 章节总结与面试指导09:40
第6章 让大地图动起来(UI层与地图层的联动)
12 节|220分钟
-
视频:6-1 地名动态渲染逻辑29:37
-
视频:6-2 标点动态渲染逻辑17:42
-
视频:6-3 缩放UI实现及zoomslider插件使用18:52
-
视频:6-4 快速定位逻辑及标点展示优化11:25
-
视频:6-5 标点点击激活逻辑16:53
-
视频:6-6 标点详情弹窗及popup使用24:06
-
视频:6-7 标点详情弹窗动态逻辑18:42
-
视频:6-8 屏幕外标点引导(难)(上)14:57
-
视频:6-9 屏幕外标点引导(难)(下)14:55
-
视频:6-10 屏幕外标点引导(难)(上)17:37
-
视频:6-11 屏幕外标点引导(难)(下)21:59
-
视频:6-12 章节总结与面试指导12:29
第7章 项目打包与发布介绍(打包发布交付流程介绍)
1 节|7分钟
-
视频:7-1 生产流程-Vite打包与发布06:27
第8章 项目总结与面试建议(最终章,助力大家面试加分)
1 节|14分钟
-
视频:8-1 项目总结与面试建议13:59
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

评论(0)