妙味课堂-React-移动端企业级数据交互项目实战

2021年4月14日 86条评论 7,584次阅读

资源简介

文章目录

课程介绍

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