vue3.2+vite+vant仿马蜂窝旅游实战项目H5
课程详情
课程详情
课程名称:vue3.2+vite+vant仿马蜂窝旅游实战项目H5
课程简介:本课程旨在通过实战项目,帮助学员掌握vue3、vite和vant组件的使用,提升前端开发技能。
适合人群
- 具有web前端开发基础知识
- 了解vue3的基础语法
- 熟悉HTML+CSS+JavaScript的基础语法
学习收获
- 熟练使用vue3.2+vite+vant进行H5开发
- 掌握定位、腾讯地图使用、图片压缩、多图上传等技术
- 了解毫秒级响应的在线https接口调用
课程亮点
- 实战项目:通过仿马蜂窝旅游H5项目,将所学知识应用于实际开发
- 技术全面:涵盖vue3、vite、vant组件及多种前端技术
- 接口调用:提供与企业开发一致的在线https接口
课程目录
01 项目准备 01 仿马蜂窝在线旅游项目H5.mp4 02 环境准备.mp4 03 使用vite初始化项目.mp4 04 vant组件库的安装步骤.mp4 05 vant组件库中使用field组件.mp4 06 使用rem适配.mp4 07 配置路径别名@符号.mp4 08 如何在手机中调试项目.mp4 02 开发首页功能 01 安装并使用vue-router.mp4 02 使用tabBar实现页面切换.mp4 03 首页search搜索框的实现.mp4 04 使用axios封装网络请求.mp4 05 渲染首页分类和推荐.mp4 06 点击推荐右侧图片进行切换.mp4 07 获取瀑布流图片数据.mp4 08 瀑布流图片计算宽高比.mp4 09 瀑布流实现列表渲染.mp4 10 瀑布流实现列表渲染.mp4 11 瀑布流触底加载更多.mp4 03 搜索功能 01 热门旅游城市的渲染.mp4 02 历史搜索记录的渲染和删除.mp4 03 热门城市的显示和隐藏.mp4 04 搜索功能-执行搜索.mp4 05 搜索功能小bug.mp4 06 搜索中历史记录的保存.mp4 04 详情页功能开发 01 首页跳转详情页.mp4 02 详情页中获取相关推荐.mp4 03 详情页中评论列表.mp4 04 如何弹出登录框.mp4 05 使用手机号和密码进行登录.mp4 06 详情页中判断用户是否关注作者.mp4 07 点击关注和取消关注.mp4 08 点赞和收藏.mp4 09 详情页删除评论.mp4 10 详情页添加评论.mp4 05 我的页面功能开发 01 验证码倒计时效果实现.mp4 02 确认密码的验证.mp4 03 修改密码.mp4 04 我的-个人信息的获取.mp4 05 我的-设置背景图.mp4 06 我的-设置背景图.mp4 07 我的-修改头像.mp4 08 请求接口,修改个人信息.mp4 09 我的游记-瀑布流触底加载更多.mp4 10 我的游记-跳转游记详情页.mp4 06 目的地页面功能开发 01 选择标签和删除标签.mp4 02 添加自定义标签.mp4 03 从腾讯地图中选择位置.mp4 04 发布游记和发布图片.mp4 05 完善发布游记功能.mp4 07 项目部署 01 如何把node旅游项目部署到服务器.mp4 02 如何本地运行vue项目.mp4 03 服务器如何放开2000端口.mp4 04 如何把vue项目部署到服务器.mp4 05 源码说明.mp4






