https://github.com/misterbooo/travel

慕课网实战项目练习：Vue2.5开发去哪儿网App，从零基础入门到实战项目
https://github.com/misterbooo/travel

Last synced: 8 months ago
JSON representation

慕课网实战项目练习：Vue2.5开发去哪儿网App，从零基础入门到实战项目

• Host: GitHub
• URL: https://github.com/misterbooo/travel
• Owner: MisterBooo
• Created: 2018-05-30T01:56:50.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-06-05T06:26:29.000Z (over 7 years ago)
• Last Synced: 2025-01-11T13:47:54.061Z (9 months ago)
• Language: Vue
• Homepage:
• Size: 729 KB
• Stars: 16
• Watchers: 3
• Forks: 10
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Vue2.5开发去哪儿网App

> 从基础到项目，从零开发去哪儿网App

## 在开发过程中遇到的一些困难及解决方案

### 1.Vue项目中使用iconfontcss，无法显示正确图标

1).文件存放路径为

  

![](http://oriq21dog.bkt.clouddn.com/bloc/2018-05-30-QQ20180530-153237.png)  

2).iconfont.css里面的路径设置

![](http://oriq21dog.bkt.clouddn.com/bloc/2018-05-30-QQ20180530-153358.png)

3).iconfont的使用:class为iconfont,内容为16进制  

![](http://oriq21dog.bkt.clouddn.com/bloc/2018-05-30-QQ20180530-153547.png)

### 2.轮播图padding-bottom的值 200/750 = 26.67

![](http://oriq21dog.bkt.clouddn.com/bloc/2018-05-30-QQ20180530-163433.png)

### 3.轮播图索引点的颜色设置 

 

```

.wrapper >>> .swiper-pagination-bullet-active

    background : #fff

```

### 4.一像素边框问题解决

引入border.css,在用到的地方使用 `class="border-bottom"`

### 5.端口号被占用或者非正常退出时端口号改变的问题

```

我配置的端口号为 8089

1. lsof -i tcp:端口号

2. kill -9 被占用的pid

3. npm run start

```

![](http://oriq21dog.bkt.clouddn.com/bloc/2018-06-01-QQ20180601-093059.png)

### 6.click突然失效或click点击区域范围变化

```

1. 检查代码  

2. 切换几次浏览器中模拟器的大小

```

![](http://oriq21dog.bkt.clouddn.com/bloc/2018-06-03-QQ20180604-071041%402x.png)

### 7.Detail页面网络数据只请求一次

![](http://oriq21dog.bkt.clouddn.com/bloc/2018-06-05-QQ20180605-114315%402x.png)

```

在App.vue的keep-alive中添加exclude="Detail"

```

![](http://oriq21dog.bkt.clouddn.com/bloc/2018-06-05-QQ20180605-114522.png)