妙味课堂-React-移动端企业级数据交互项目实战
内容简介
课程介绍
本项目从拿到设计图开始，从页面适配、到交互效果、再到数据渲染，一步步带着大家搭建自己的移动端 React 移动端应用。 项目中，不只包含 React 单页应用+移动端布局及常用交互实现+真实的前后端数据交互等知识讲解，还包含很多常见问题解决方案，如：better-scroll 网速差的情况下异步请求图片导致不能拖到底部问题、ios 下微信内置浏览器跨域请求不能携带cookie的问题处理、使用了 better-scroll 之后链接失效的问题处理、移动端输入框被键盘遮挡的问题…
学习目标
学完本视频后，可以掌握 基于react-router 的 React 单页应用的项目构建，viewport+vw+rem 的移动端页面适配，iconfont 图标处理，React 功能组件编写，better-scroll 基本使用，上滑加载功能的实现，用户登录及未登陆状态下不同的业务逻辑处理…通过本次课程的学习，可以带着大家可以快速上手 React 的 移动端数据应用开发，帮助大家打造自己的 React 移动端项目
资源目录
目录：/034-React-移动端企业级数据交互项目实战 [4.6G]
资料
0-课程介绍.mp4 [71.4M]
1-react的环境配置及项目视图划分.mp4 [66.2M]
2-页面适配方案及默认样式初始.mp4 [61.1M]
3-header组件样式.mp4 [100.9M]
4-添加iconfont.mp4 [127.5M]
5-使用iconfont完善header组件.mp4 [25.2M]
6-利用弹性盒模型的页面架构和footer组件.mp4 [48.7M]
7-主菜单布局.mp4 [71.7M]
8-幻灯片布局.mp4 [63.4M]
9-首页布局.mp4 [146.4M]
10-利用弹性盒模型的上下居中设置.mp4 [106.7M]
11-利用网格布局的作品列表.mp4 [133.9M]
12-课程页面视图完善.mp4 [65M]
13-可以通用不同结构的功能组件制作.mp4 [91.2M]
14-完善讲师页面幻灯片结构.mp4 [58.3M]
15-为页面链接添加触碰效果.mp4 [158.2M]
16-使用dangerouslySetInnerHTML添加作品详情.mp4 [64M]
17-完善作品详情页面.mp4 [117.8M]
18-留言页面.mp4 [42.7M]
19-登陆界面的3D卡片布局.mp4 [72.7M]
20-完善登陆界面布局.mp4 [125.1M]
21-利用children属性，制作可以通过各种结构的menu交互组件.mp4 [44.4M]
22-添加菜单动画.mp4 [54.3M]
23-跳出React阻止默认事件的深坑完善菜单动画.mp4 [47.4M]
24-阻止了默认事件之后，超链接跳转的处理.mp4 [77.7M]
25-幻灯片动画制作.mp4 [65.8M]
26-幻灯片添加无缝处理.mp4 [41.3M]
27-判断滑动方向修复滑动时幻灯片的抖动.mp4 [51.3M]
28-完善幻灯片的制作添加自动轮播.mp4 [74.2M]
29-登陆和注册界面的受控组件制作.mp4 [65.7M]
30-完善登陆注册界面的3D翻页和验证码交互.mp4 [65.6M]
31-实现注册功能.mp4 [109.3M]
32-对接登陆接口实现登陆功能.mp4 [62.3M]
33-获取用户登录状态.mp4 [76.3M]
34-利用context把登陆状态传递给各个子组件.mp4 [46.2M]
35-登陆和未登录状态不同的逻辑处理.mp4 [58M]
36-作品列表数据获取.mp4 [66M]
37-上滑加载更多内容-1.mp4 [75.1M]
38-上滑加载更多内容-2.mp4 [77.8M]
39-为各个视图添加菜单交互.mp4 [37.7M]
40-获取讲师列表数据.mp4 [74.2M]
41-讲师页面弹窗结构.mp4 [33.6M]
42-子滚动条滚动带动父级滚动条滚动的问题解决.mp4 [61.5M]
43-better-scroll的使用说明.mp4 [88.4M]
44-添加better-scroll.mp4 [112.9M]
45-better-scroll阻止默认事件后，导致的链接不可用问题解决.mp4 [25.5M]
46-利用better-scroll完善上拉加载的效果.mp4 [118.2M]
47-完善教师弹窗.mp4 [98M]
48-为教师弹窗添加滑动.mp4 [56.8M]
49-合并菜单和滑屏组件.mp4 [82.6M]
50-添加详情页的loading动画.mp4 [74.4M]
51-文章详情页面的数据获取及better-scroll在差网速下的bug修复.mp4 [122.8M]
52-点赞功能-1.mp4 [66.6M]
53-点赞功能-2.mp4 [75.9M]
54-点赞功能-3.mp4 [86.7M]
55-获取留言列表.mp4 [122.2M]
56-提交留言.mp4 [90.7M]
57-细节修复.mp4 [55.4M]
58-安卓下真机测试-修复首页布局.mp4 [47.5M]
59-iOS真机测试vh问题处理.mp4 [93.3M]
60-IOS下微信内置浏览器跨域请求不携带cookie处理.mp4 [89.3M]
61-软键盘遮挡输入框处理思路.mp4 [45.3M]
