在本章�中，我们学会了许多非常实用的知识和技术：

• 拥有强大字符串处理的正则表达式
• 拉取后台数据的 Ajax
• 无招胜有招的设计模式
• 当前最热门的框架 React

如今身兼十八般武艺�的你，急需一场实战来验证这段时间的修炼成果。接下来下面将面临�人生中的最艰难的一个任务：实现口袋豆瓣应用。下面是相关要求和说明。

本项目我们来开发一个叫 口袋豆瓣 的应用，从名字中可以知道，该应用是和豆瓣相关的。在豆瓣应用我们可以获取（或者搜索获取）到豆瓣的图书，电影，音乐列表以及相关的详情信息，�具体效果图如下：

1. 需要使用 �React + ES6 来开发项目对于你们来说，这是一种新的开发方式。需要完成下面的功能：

   • 列表页展示
   • 底部 Tab 切换类别
   • 顶部搜索框功能
   • 点击 item 展示详情页
   • 返回列表页等功能。

2. �拉取豆瓣上的数据：豆瓣 API

3. 管理代码规范：standard

4. �本应用的交互和设计不严格要求大家可以自由发挥，开发出属于自己的应用

共有三种不同类型的列表（图示-电影-音乐），每一个列表需要展示至少一页的内容。

图书列表：

电影列表：

音乐列表：

底部常驻导航栏，点击可切换不同类型，控制列表展示�相应的内容。

��顶部搜索框，输入内容点击搜索后，会在当前�类别进行搜索出相关内容

点击列表中的每一项可以进入内容详情，点击左上角可返回

图书详情：

电影详情：

音乐详情：

�

使用豆瓣 API 接口，涉及到跨域问题，大家可通过 �JSONP 方式解决。建议大家使用下面的 �JSONP 拉取组件（React 体系中不建议 jQuery）：

• fetch-jsonp

豆瓣开发者网站有许多接口的说明文档，大家需要根据看豆瓣文档中接口的数据�格式说明来进行开发页面。本应用涉及的接口文档如下：

• 拉取图书列表和搜索图书列表可使用下面的接口:

  https://developers.douban.com/wiki/?title=book_v2#get_book_search

• 拉取音乐列表和搜索音乐列表可使用下面的接口:

  https://developers.douban.com/wiki/?title=music_v2#get_music_search

由于拉取电影列表接口有点特殊，涉及接口需要有两条：

• 【拉取电影 top 250 列表】

  https://developers.douban.com/wiki/?title=movie_v2#top250

• 【搜索电影】

  https://developers.douban.com/wiki/?title=movie_v2#search

注意：豆瓣 API �有权限和访问次数限制，单个 ip 限制每个小时 150 次，这个问题大家可查看这里的说明。因此建议大家在开发时把拉取到的数据存到本地，避免超过次数。

为了更好的管理我们的代码，我们需要有相应的代码规范管理工具。这里需要大家学习�使用 Standard 来管理 JavaScript 的代码规范。

• Standard 文档
• Standard - github 仓库

• 列表页实现下拉刷新以及拉到底部加载更多的功能

本次项目可以说是一个�从无都有的项目。因此需要大家考虑的东西也就更多。大家需要以一个项目 owner 的心态去开发出属于自己的 口袋豆瓣。许多资源和�技术都需要大家通过自己去探索使用。最终说明下，如果中途遇到问题，不要轻易放弃。要始终相信自己是可以的！