itsOli

1 需求 轮播显示海报，有分页指示器（白色圆点），可自动切换，可手动切换，可无限循环。 2 vue-awesome-swiper 构建轮播 在实际业务中，为了更高效的完成开...

1 首页 Header 组件的“结构”与“样式” 🔗前置知识：《CSS——CSS 值和单位》 在我们的项目中，将利用 Stylus.........

❗️说明： 1. 本篇前 4 点总结出当下业内对待“移动端”项目的一个普遍做法； 2. 文中的代码可以在实际工作中复用，所以建议将代码文件分别存储至本地.........

1 多页应用 ❓什么是多页应用？ 1️⃣随便打开一个网页（如“[去哪儿网](http://piao.qunar.com/touch/)”）进入检查，切换至.........

1 单文件组件 打开项目，进入 src 目录，这里面放的是整个项目的源代码。 打开 main.js ，它是整个项目的“入口文件”.........

1 结构解析 在编辑器中打开项目 `qdywxs-travel` ： 1.1 外层“文件”说明 `.babelrc` ——这是针对 babel 编译的规范说明，不用管。 …...

1 说明 在真实项目开发过程中，我们常常会借助 Webpack 这种打包工具去构建大型项目的开发目录。并在开发完成后，进行打包的操作，以帮助我们把代码打包生成一个线上可运行...

1 PureComponent 由于我们项目的每个组件都调用了“connect 方法”和 store 作“连接”。 ❌这会无形中产生一个问题：只要 store 中的任意“数...

1 “路由”跳转 就“写文章页”的布局而言，我依然不会倾注太多精力，重点依然在——拿到一个新组件，我们该如何一步步思考，以及后边的整个“逻辑”该如何编码.........

1 “登录”功能需求分析 ❓需求 1：点击“登录”后，跳转至“登录页”； ❓需求 2：实现“登录”和“登录验证”的逻辑；.........

1 “路由”跳转 就“登录页”的布局而言，我也不会倾注太多精力，大伙儿可以根据自己的需求，在本篇和“前置知识”的基础上进行拓展。 .........

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  项.........