itsOli

前言：上篇文章我们提到了“表达式”，而运算符的作用主要就是用于连接简单表达式，以组成一个复杂表达式。与运算符相关的知识点不算多，结合一些常识，细读本篇，我们会打好这个小基础...

前言： 记得我初次接触 JS 时，真的是完全一片空白，学习的方式方法和之前的 HTML、CSS 一点也不一样。本篇文章行文前也是再三斟酌，也许会过于简单，但怕的就是一来就各...

1 性能优化 项目进行到这里，我们整个项目的代码编写好像完成了。但其实，后续随着项目变得越来越庞大时，还会有一个可优化的“点”。 ❌我们启动服务器，访问项目页面，打开控制台...

1 需求 当点击详情页的 Banner 后，在 Gallery 出现/隐藏时，有基础的过渡动画效果... 2 基础动画组件.........

1 需求 使用 AJAX 动态获取详情页数据，点击不同景点时，获取不同 id 的数据：... 2 AJAX 动态获取数据 🔗前置知识：《详情页开发——① 动态路由和 Ba...

1 需求 就“详情页”剩余部分的布局和逻辑而言，我不会倾注太多精力。大伙儿可以根据自己的需求，结合前面编写“组件”的经验和 “Vue 基础语法”在项目基础上进行拓展。...

1 需求 详情页的头部组件，有两个部分组成： * 当进入详情页时，左上角有一个“返回”按钮； * 当向下滚动查看内容时，逐渐出现一个顶部的导航栏，导航栏左边也有一个“返回”...

1 需求 当点击详情页的海报图时，可查看景点介绍的图片： * 左右滑动可查看每张图片； * 图片下方有分页指示器； * 再次点击可见区域时，退出查看图片状态，返回到详情页。...

1 需求 ❓需求 1：在首页点击“景点”（如故宫），可跳转至“景点详情页”。不同景点，跳转至不同景点的详情页（即，不同路由）.........

1 问题分析 我们的项目开发到这里，“首页”和“城市选择页”好像都已经完成了，整个开发过程中也进行过多次代码的优化、性能的优化，看起来并没有什么问题.........

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

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

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

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

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

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

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

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

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

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