七星舞月

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

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

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

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

基于tinypng-lib的图片压缩工具，支持图片压缩功能。 使用客户端压缩图片，无需上传到服务器，直接在客户端进行压缩。 支持WebWork...

背景简介 这几天代码评审，领导无意中看到了我本地代码的控制台，被我花里胡哨的console打印内容吸引了！ 老板看见后，说我这东西有意思，花里胡哨的，他喜欢！...

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

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

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

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

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

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

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

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

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

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

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