基于vue.js 2.0的百度天气应用。
发布于 5个月前 作者 alanwong 1285 次浏览 最后一次编辑是 4个月前 来自 分享

vue-weather

基于vue.js 2.0的百度天气应用

说明

初学vue,在看完一个简单的视频教程和走两遍完官方文档之后仍然感觉云里雾里。请教了高手之后人家都说学习新东西的最好方法不就是学到了之后就要用么。边学边用,根据项目需要学才是最快上手的,但有没有什么适合新手的项目参考,想了几天打算用vue来仿一个简单的天气应用,于是就出现了这个小应用,巩固所学。项目适合刚学完vue想实践的新手,高手略过吧!

功能

阴历、阳历、天干地支日历

空气质量、当前天气温度风力风级、当前天气提示

未来24小时预报,预报数据API未提供这里为模拟数据

摄氏温度和华氏温度转换。

未来四天天气预报 、SVG贝塞尔曲线绘制

自动IP定位当前城市设置天气,全国县级以上城市检索设置。这里获取的全国城市城市数据为饿了么数据。

看在线demo点我

看仓库源码点我

效果截屏

主界面

homeoperation.gif

城市列表

citylistset.gif

5 回复

指教下 未来四天天气预报 、SVG贝塞尔曲线绘制这个怎么做,能放上demo大家共同学习吗?

@Foreverofh 这个我是看了其他天气的曲线绘制,然后把它的path数据拿过来分析得到的一个规律。以后我整理吧。

@Foreverofh 嘿嘿,项目需要一个服务器来启动,目前不知道该如何部署线上。

@Foreverofh 您好,更新了在线运行的demo

回到顶部