README.md · clover99/vue-travel - Gitee.com

加入 Gitee

与超过 1200万开发者一起发现、参与优秀开源项目，私有仓库也完全免费：）

克隆/下载

README.md 1.34 KB

一键复制编辑原始数据按行查看历史

提交于 2022-05-30 08:55 . update README.md.

# vue-travel

> A Vue.js project

## Build Setup

``` bash
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report
```

For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).


学习笔记：
1. 解决移动端的 1px 边框
解决方案：border.css、reset.css (为了统一不同手机浏览器默认样式)

2. 300ms 点击延迟的问题
某些机型上、某些浏览器上，当你使用 click 事件时， click 事件会延迟 300ms 再执行
解决方案：fastclick

3. 移动端比较流行：iconfont
选取：iconfont.woff、iconfont.ttf、iconfont.eot、iconfont.svg、iconfont.css

4. 首页轮播图
使用：vue-awesome-swiper

5. 实现 list 滑动
解决方案：better-scroll

6. 列表性能优化
节流

7. 搜索逻辑实现及优化
防抖

8. 使用 keep-alive 优化路由页面性能
解决：逻辑上变换城市时切换到首页则请求ajax （activated）,没有变换城市切换首页就是用内存中的缓存

9. 动态路由配置


10. 递归组件


11. 画廊动画封装


12. 按需加载

13. LocalStorage 实现页面数据持久存储

马建仓 AI 助手

尝试更多

代码解读

代码找茬

代码优化

1

https://gitee.com/clover99/vue-travel.git

git@gitee.com:clover99/vue-travel.git

clover99

vue-travel

vue-travel

master