天气预报

使用心知天气API，实现实时和未来三天天气预报

技术栈： HTML5 Geolocation/JavaScript/jQuery/JSONP

功能简介：

1. 首次访问页面，展示当前所在地的实时天气和未来三天天气预报。
2. 输入城市名，展示搜索的城市天气预报。
3. 每次搜索，背景图都会自动更换。

实现思路：

1. 首次访问页面，展示当前所在地的实时天气和未来三天天气预报。

   1. 根据HTML5的Geolocation API，请求用户允许获取所在地的经纬度(结果受VPN等因素影响)，
   2. 根据获取的经纬度，再调用百度地图API,获取用户所在的城市名，
   3. 根据心知天气API使用指南，和获取的城市名，以JSONP方式发起请求，获取用户当前所在地的实时天气和未来三天 天气预报，并展示。数据包括星期几，天气简单描述，天气图标，气温等。

2. 输入城市名，展示搜索的城市天气预报。 根据用户输入的城市名，以JSONP方式发起请求，并更新页面。

3. 每次搜索，背景图都会自动更换。 根据Lorem Picsum API,实现背景图的自动更换。