Taro@3.3.3最新版本开发企业级出行项目
一次编写、多端运行,大力提高开发效率
Taro3在多端的基础上,实现了跨框架,从开始的 React/JSX 开发,到现在的 React、Nerv、Vue 2、Vue 3 四种框架的支持,同时还有jQuery的支持,是我们目前多端开发的最佳选择。本课程通过一套可在微信、支付宝、百度运行的全栈小程序(包括H5端),带大家学习Taro开发,踏平多端编译的各种坑,寻求Taro中的各种优秀技术方案。
适合人群
1-3年想学习多端开发(小程序,H5等)的同学
技术储备
前端基础
了解JavaScript
环境参数
#) 无特殊要求
[wm_notice]试看链接:https://www.aliyundrive.com/s/pgEaGTVm5ZN[/wm_notice]
章节目录:
-
第2章 前期储备5 节 | 28分钟
课程前期准备,申请微信小程序账号,使用脚手架初始化项目,eslint配置等工程化搭建;
- 视频:2-1 章介绍 (01:25)
- 视频:2-2 使用脚手架初始化项目 (04:45)
- 视频:2-3 Taro项目目录结构初识 (08:30)
- 视频:2-4 项目工程化搭建(上) (10:12)
- 视频:2-5 项目工程化搭建(下) (02:24)
-
第3章 出行首页7 节 | 61分钟
了解小程序全局配置文件,webpack中路径别名配置,字体图标库的使用以及全局样式配置的两种方式;
- 视频:3-1 课程导学 (03:31)
- 视频:3-2 项目全局配置 (08:13)
- 视频:3-3 了解Taro基础组件库实现首页大Tab (14:02)
- 视频:3-4 自定义Tab组件(上) (11:08)
- 视频:3-5 自定义Tab组件(下) (13:36)
- 视频:3-6 taro中设置全局样式的两种方式 (04:02)
- 视频:3-7 Taro中快速渲染Banner组件 (05:35)
-
第4章 服务端搭建5 节 | 25分钟
express搭建本地服务,创建mysql本地链接以及Navicat数据库工具的使用;
- 视频:4-1 章介绍 (01:49)
- 视频:4-2 express启动一个本地服务 (05:10)
- 视频:4-3 mysql安装启动以及navicat客户端的下载使用 (07:15)
- 视频:4-4 创建mysql连接,封装公共查询方法 (08:48)
- 视频:4-5 章节总结 (01:01)
-
第5章 首页接入接口渲染15 节 | 159分钟
学习mysql新建表,封装Taro常用API,了解Taro生命周期,搭建Dva状态管理框架,学习使用Taro-UI库以及了解Taro原生组件的使用;
- 视频:5-1 章节介绍 (02:55)
- 视频:5-2 mysql创建表、插入表数据 (10:51)
- 视频:5-3 定义首页banner的接口 (04:33)
- 视频:5-4 Taro常用API封装 (14:30)
- 视频:5-5 Taro生命周期初体验 (15:50)
- 视频:5-6 爬取接口数据并创建本地mysql表 (11:41)
- 视频:5-7 城市列表渲染(上) (11:47)
- 视频:5-8 城市列表渲染(中) (11:13)
- 视频:5-9 城市列表渲染(下) (09:36)
- 视频:5-10 dva数据状态管理框架的搭建使用 (15:47)
- 视频:5-11 使用dva数据流进行页面间交互 (15:46)
- 视频:5-12 掌握Taro路由系统,优化navigateTo (08:11)
- 视频:5-13 使用taro-ui渲染日历选择页 (14:12)
- 视频:5-14 利用逆地址解析功能获取用户定位 (09:56)
- 视频:5-15 章节总结 (02:09)
-
第6章 实现出行项目列表页【Taro实例的使用】 6 节 | 36分钟
了解Taro实例的使用方式,学习Taro社区物料库的使用规则,了解原生组件picker的使用;
- 视频:6-1 章导学 (02:48)
- 视频:6-2 获取页面路由参数、动态设置页面标题 (06:14)
- 视频:6-3 使用Taro物料库里的物料渲染骨架图 (03:44)
- 视频:6-4 处理列表数据模拟真实场景 (09:58)
- 视频:6-5 使用Picker组件做筛选器 (11:54)
- 视频:6-6 章节总结 (00:49)
-
第7章 出行项目详情页
自定义分享装饰器,高阶组件的封装,完成登录注册功能,封装带时效性的缓存API;
-
第8章 我的订单
了解Mysql排序功能,熟悉Taro中子组件如何触发onShow生命周期以及如何给列表添加下拉刷新功能;
本课程持续更新中
声明:本站所有资源均收集于网络,如果您对资源版权有争议请联系我们,我们会安排下架