itsOli

1 需求 本篇我们主要解决上一篇《详情页开发——① “布局”和“数据管理”》末尾的遗留问题。 .........

1 详情页布局 ⚠️注：详情页的布局我不会写得太复杂，重点还是在后边的“逻辑”部分，大伙儿可以自己适当地扩展，此时的你，“布局”部分对你肯定没什么难度.........

1 需求 ❓查看“[简书](https://www.jianshu.com/)”官网，并实现需求： 1. 当点击“回到顶部”按钮时，页面立刻回到顶部； 2. “回到顶部”按...

❓查看“简书”官网，并实现需求：当点击“加载更多”时，会异步加载出更多的“数据”并显示在页面上。 ✔️需求分析——又是发送 AJAX 获取“数据.........

1 mock “首页”数据 在 AJAX 请求数据前，我们得自己 mock 一些数据辅助我们开发。 1️⃣在项目的 public 目录下 `api` 文件夹中新增一个......

1 “套路”分析 在上一篇文章中，我们对“首页”做了比较详细地布局。但如你所见，里边的所有数据都是写死的。实际编码中，这些数据应该都是通过“接口”返回出来的.........

1 首页组件拆分 对于“简书”首页，我们大致可以分为以下几个小组件： ![10-01.png](https://p3-juejin.byteimg.com/tos-cn-i...

1 路由 ❓什么是路由？ 答：路由可以直接理解为——根据网址的不同，返回不同的内容给用户（这也是路由的主要功能）。 如以下视频所演示的（在简书的首页时，它显示的是........

1 需求 紧接上一篇的代码，在“简书”官网效果中，“热门搜索”区域的“关键字”（AJAX 获取到的“数据”）每页只显示 10  项.........

1 需求分析 之前的 6 篇文章，我们算是搭建好了整个项目的架子，接下来我们就可以放开手脚开始实现交互需求了.........

1 immutable.js 的使用 打开 header 目录下 store 中的 `reducer.js` 文件.........

1 取得并显示“数据” 对于一个正经的实战项目而言，Redux 这种“数据层”的框架是肯定要用的。 而一旦用了 Redux，那我们最好是把所有“数据”都放在它里边去管理。 ...

我们注意看下“简书”官网的效果：![jianshu_04-01.gif] 在点击“换一批”所在区域的时候，前边的旋转 icon 是会转动的.........

❗️CSS 声明顺序（在正式开始编写项目的 CSS 之前，啰嗦几句——请尽量养成好的习惯，相关的属性声明应当归为一组，以后的工作定能左右逢源）.........

大家知道，“简书”这个 PC 端项目，“前端一万小时”并不是第一次接触到。如果你和我一样，把“🚀HTML+CSS 实战：PC 端“简书”静态首页开发”那 3 篇文章认认真...

根据之前的“React.js 基础语法学习”中的内容，我们先自行对照文章：🔗《React 初识——① React 简介和“环境搭建”》.........

紧接上一篇代码，本篇我们用 React 动画的**第三方模块** [react-transition-group](https://reactcommunity.org/....

❗️为了便于讲解，请将代码切换至《React 初识——③ React 中的组件和 JSX 初识》的版本！.........

在本篇之前的系列文章中，我们分别用实例详细介绍了 React 和 Redux。用心跟下来的你，肯定已经区分出了它们的不同！.........

❗️注意：为了便于讲解，请将代码恢复至《Redux 进阶——② Redux 中发送异步请求获取数据》中的版本！ 1️⃣在 GitHub 中找到.........