一个纯前端的天气预报小程序 自动定位到对应城市 显示3天内的天气情况



刚好在学慕课网的《从天气项目入门 Spring Cloud 微服务治理》
当时就感觉这个小程序用纯前端就可以实现了,顺手用jQuery写出来了。
外面再套了一个大神的动态天气特效的模板,提升一下b格。
其实吧,我感觉这个程序目前写的还是比较粗糙的,感觉后期如果可以用vue精雕细琢一下,会比较nice。
现在主要还是时间有限,得干正事要紧。


定位使用新浪API : http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js

天气数据取自etouch :http://wthrcdn.etouch.cn/weather_mini?city=上海

页面使用模板为 :html5带日期和动画场景的天气预报特效




界面截图

非常抱歉,由于全站升级HTTPS原因,天气接口暂时失效,后期会更新一版支持https的版本,目前演示地址暂时不可用



演示地址:http://tczmh.club/weather

github:https://github.com/18121259693/weather