本课程从拿到设计图开始,逐步引导您搭建自己的移动端React应用。内容涵盖从页面适配、交互效果到数据渲染的全方位实战操作。

课程目录如下:

1. 课程介绍
2. React环境配置及项目视图划分
3. 页面适配方案及默认样式初始化
4. Header组件样式设计
5. Iconfont的添加与完善
6. 利用弹性盒模型进行页面架构和Footer组件设计
7. 主菜单布局实现
8. 幻灯片布局制作
9. 首页布局构建
10. 利用弹性盒模型的上下居中设置
11. 利用网格布局的作品列表制作
12. 课程页面视图完善
13. 通用不同结构的功能组件制作
14. 讲师页面幻灯片结构优化
15. 为页面链接添加触碰效果
16. 使用dangerouslySetInnerHTML添加作品详情
17. 作品详情页面完善
18. 留言页面实现
19. 登陆界面的3D卡片布局设计
20. 登陆界面布局完善
21. 利用children属性制作菜单交互组件
22. 菜单动画添加
23. 修复菜单动画中的默认事件阻止问题
24. 处理超链接跳转在默认事件阻止后的问题
25. 幻灯片动画制作及无缝处理
26. 判断滑动方向修复滑动时幻灯片的抖动
27. 完善幻灯片制作添加自动轮播
28. 登陆和注册界面的受控组件制作
29. 完善登陆注册界面的翻页和验证码交互
30. 实现注册功能
31. 对接登陆接口实现登陆功能
32. 获取用户登录状态
33. 利用context传递登陆状态给各子组件
34. 登陆和未登录状态的不同逻辑处理
35. 作品列表数据获取
36. 上滑加载更多内容的实现
37. 为各视图添加菜单交互
38. 获取讲师列表数据
39. 讲师页面弹窗结构设计
40. 解决子滚动条滚动带动父级滚动条滚动的问题
41. better-scroll的使用介绍
42. 添加better-scroll至项目中
43. 解决better-scroll阻止默认事件后的链接问题
44. 利用better-scroll完善上拉加载效果
45. 完善教师弹窗设计
46. 为教师弹窗添加滑动功能
47. 合并菜单和滑屏组件的设计和实现过程。同时还将涉及到资料包的下载,包括psd设计图文件和课程课件等。此外,还将介绍在微信内置浏览器中的跨域请求不携带cookie的处理方法以及解决软键盘遮挡输入框等问题。本课程将带您深入了解移动端企业级数据交互的实战操作,提高您的React技能水平。}

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。