itsOli

JavaScript 伪全栈 | 前端一万小时 | 巨人肩上

我写了一本电子书，名字叫《你的人生，缺块拼图》。

赞

8

|

搜索文章

（17）城市选择页开发——⑦ localStorage 的使用及 Vuex 的高级使用 | Vue.js 项目实战：移动端“旅游网站”开发

1 需求在切换了城市后，当刷新页面时，首页的城市保持为最后一次选择的城市... 2 localStorage 的使用 🔗前置知识......

1年前
341
1
评论

（17）城市选择页开发——⑦ localStorage 的使用及 Vuex 的高级使用 | Vue.js 项目实战：移动端“旅游网站”开发

（16）城市选择页开发——⑥ Vuex 实现组件数据共享 | Vue.js 项目实战：移动端“旅游网站”开发

1 需求在城市选择页点击任意城市名后，首页头部的城市名跟着发生改变；当选择了城市后，跳转回首页......

1年前
265
2
评论

（16）城市选择页开发——⑥ Vuex 实现组件数据共享 | Vue.js 项目实战：移动端“旅游网站”开发

（15）城市选择页开发——⑤ “搜索框”逻辑实现 | Vue.js 项目实战：移动端“旅游网站”开发

1 需求在城市选择页的搜索框中，无论输入的是“拼音”还是“文字”，搜索框下方都会显示筛选出的包含对应“关键字”的城市。当没有对应城市时，则显示“没有找到匹配数据”......

1年前
313
1
评论

（15）城市选择页开发——⑤ “搜索框”逻辑实现 | Vue.js 项目实战：移动端“旅游网站”开发

（14）城市选择页开发——④ “列表”与“字母表”联动 | Vue.js 项目实战：移动端“旅游网站”开发

1 需求实现“列表”与“字母表”之间的联动：点击“字母表”的任意字母，“列表”会自动显示对应字母区域的内容；在“字母表”区域滑动时，“列表”自动显示停止滑动时所对应字母区域的......

1年前
305
1
评论

（14）城市选择页开发——④ “列表”与“字母表”联动 | Vue.js 项目实战：移动端“旅游网站”开发

（13）城市选择页开发——③ AJAX 获取城市选择页数据 | Vue.js 项目实战：移动端“旅游网站”开发

1 需求使用 Axios 发送 AJAX 请求，完成页面数据的动态渲染... 2 mock 数据 ⚠️城市列表选择页所需的本地模拟数据文件 `city.json` ，由于内容过多，这边......

1年前
172
2
评论

（13）城市选择页开发——③ AJAX 获取城市选择页数据 | Vue.js 项目实战：移动端“旅游网站”开发

（12）城市选择页开发——② “搜索框”、“列表”和“字母表”布局 | Vue.js 项目实战：移动端“旅游网站”开发

1 需求本篇，我们要完成城市选择页剩余部分页面的布局，包括搜索输入框、城市选择（包含“当前城市”、“热门城市”和根据城市名称拼音首字母而进行排列的城市名）和右侧的字母表三部分......

1年前
367
3
评论

（12）城市选择页开发——② “搜索框”、“列表”和“字母表”布局 | Vue.js 项目实战：移动端“旅游网站”开发

（11）城市选择页开发——① Header 组件 | Vue.js 项目实战：移动端“旅游网站”开发

1 需求点击首页的城市区域“北京”，跳转至“城市选择页”。点击城市选择页的“返回”图标，可回到首页......

1年前
276
1
评论

（11）城市选择页开发——① Header 组件 | Vue.js 项目实战：移动端“旅游网站”开发

（10）首页开发——⑤ AJAX 获取首页数据 | Vue.js 项目实战：移动端“旅游网站”开发

1 mock 数据 🔗前置知识：《JavaScript 基础——JS 提供的对象：⑤ JSON》《Vue 实战准备——② 项目框架源码解析》......

1年前
121
1
评论

（10）首页开发——⑤ AJAX 获取首页数据 | Vue.js 项目实战：移动端“旅游网站”开发

（09）首页开发——④ “热销推荐”和“周末去哪儿”组件 | Vue.js 项目实战：移动端“旅游网站”开发

1 需求首页剩余两个简单的小组件：“热销推荐”组件和“周末去哪儿”组件，完成组件的布局和样式，然后渲染数据即可......

1年前
224
1
评论

（09）首页开发——④ “热销推荐”和“周末去哪儿”组件 | Vue.js 项目实战：移动端“旅游网站”开发

（08）首页开发——③ 图标区域组件 | Vue.js 项目实战：移动端“旅游网站”开发

1 需求首页的“图标分类区域”一页展示 8 个图标，超过 8 个切换至第二页展示。 2 图标区域布局 1️⃣在 home 下的 components 文件夹中，新建“图标区域组件......

1年前
252
2
评论

（08）首页开发——③ 图标区域组件 | Vue.js 项目实战：移动端“旅游网站”开发

个人成就

优秀创作者

文章被点赞 2,997

文章被阅读 995,401

掘力值 20,809

加入于

2019-03-05