前端考核,仿照腾讯天气写一个天气预报 H5(移动端)
| 完成功能 | 完成情况 |
|---|---|
| 首页基础样式 | ✅ |
| 搜索页样式 | ✅ |
| 渲染首页数据 | ✅ |
| 搜索功能 | ✅ |
| 热门城市推荐 | ✅ |
| 搜索记录 | ✅ |
| 生活指数提示 | ✅ |
| 空气质量 | ✅ |
| 天气预警 | ✅ |
| 7 日天气曲线图表 | ✅ |
| 昨日天气 | ❌ |
| 首次打开用户地址渲染所在地天气 | ✅ |
昨日天气由于没有接口,获取不到。天气时光机是付费 api,穷逼买不起
有时候可能突然获取不到数据了,看看 f12 是不是网络请求失败,大概率是免费 api 额度用完了,要么等第二天刷新,要么自己换个 key 用,和风天气的 key
- api: 和风天气 API、腾讯位置服务 API
- 原生 js 完成
- 图表使用 Echarts 库完成
- 功能由类封装功能,然后监听 hash 变化,传入新数据
- 上传至 github page 页面,https://wishao.fun/FakeTencentTianqi/ 因为用了 module,所以在本地运行的话需要用 live server 插件打开