一次编写、多端运行,大力提高开发效率Taro3在多端的基础上,实现了跨框架,从开始的 React/JSX 开发,到现在的 React、Nerv、Vue 2、Vue 3 四种框架的支持,同时还有jQuery的支持,是我们目前多端开发的最佳选择。本课程通过一套可在微信、支付宝、百度运行的全栈小程序(包括H5端),带大家学习Taro开发,踏平多端编译的各种坑,寻求Taro中的各种优秀技术方案。
1-3年想学习多端开发(小程序,H5等)的同学
技术储备
前端基础
了解JavaScript
环境参数
#) 无特殊要求
课程介绍(了解本课程必看)收起列表
视频:
1-1 导学 (08:44)
第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生命周期以及如何给列表添加下拉刷新功能;
本课程持续更新中