吾爱编程

标题: React Native零基础入门到项目实战 [打印本页]

作者: admin    时间: 2017-11-3 11:27
标题: React Native零基础入门到项目实战
课程目标
初步了解和掌握ReactJS的基础知识,熟练使用ReactJS中的各类API功能,并可以动手开发一个基于ReactJS框架的UI组件,通过组件的方式实现页面模板的功能。
适用人群
从事html5、移动端、混合式开发的前端技术人员
课程简介
本课程介绍了关于ReactJS的所涉及的全部应用知识。ReactJS基础知识介绍,分别为ReactJS简介、JSX语法介绍、简单和复合组件开发、ajax与服务端交互、表单与事件;每个部分都通过实践总结和案例开发,通过多个真实、完整的案例开发将内容进行总结与贯穿。


案例一:主要是去熟悉 TextInput 这个组件,它就相当于是我们平时用的文本框,在上面添加一个属性可以影响文本框的功能,比如去定制键盘的类型,回车键上的文字等等。也可以在文本框上绑定一些动作,在用户输入内容,离开文本框,下回车键以后去做指定的事情。



案例二:打开电影列表页面,一开始只会显示前二十个电影,向下滚动页面,到底儿以后,应用会去请求新的内容,再把新的电影内容放到当前的页面上显示出来,在等待服务端返回结果期间,会在页脚显示一个加载指示,这就是无限加载功能。


案例三:在应用的搜索页面上请求搜索,把这些搜索记录存储到应用的 AsyncStorage 里,在搜索页面上可以获取到这些搜索历史记录,把它们显示出来。搜索记录里不会包含重复的内容,点击搜索历史里的某个项目,会用这个项目重新进行搜索,每条搜索记录的前面有一个删除按钮,按下去可以删除掉当前这条搜索记录。


案例四:我们的自己的应用里,使用其它平台的帐号登录,这就是 oAuth 提供的功能。很多平台都支持 oAuth,比如 QQ,微博,微信,你可以让用户使用他们在这些平台上的帐户登录。用户在这些平台提供的登录页面上,完成授权验证以后,在我们的应用里就可以使用他们的一些相关的资源了,比如得到他们的个人用户信息。这部分功能我分成了几个部分,首先您要看一下oAuth 2.0 身份验证
在课程里我们用的是豆瓣提供的 oAuth 功能,在应用里添加一个新的标签(我的),打开它会检查用户是不是已经登录,如果是就显示用户在豆瓣上的个人资料,如果没登录就把用户重定向到豆瓣的登录页面,用户完成授权以后,会被带回到之前访问的页面,这时这个页面会更新自己显示出用户的个人资料。



作者: yuwenfang    时间: 2017-11-17 10:09
1111111111111
作者: livesageacc    时间: 2017-12-26 11:33
这个是什么时候的视屏啊!我看看





欢迎光临 吾爱编程 (http://www.52pg.net/) Powered by Discuz! X3.2