Show the Local Weather


  1. 当你看不到右边的视频时,说明你还身处防火墙中,赶紧翻墙去体验自由无阻碍的互联网
  2. 如果你还不明白翻墙对个人成长的重要性,请去看电影《肖申克的救赎》
  3. 目标: 设计一个功能类似于: http://codepen.io/huluoyang/full/bedeBR/的应用。
  4. 规则#1: 代码是开源的,你可以借鉴,但请不要抄袭。
  5. 规则#2: 用你喜爱的任何库来定制属于你自己的风格,实现下面的功能
  6. 实现路径: 页面结构->样式->功能->接口->展示。
  7. 第一步: 用你熟悉的HTML快速构建出页面的结构。
  8. 第二步: 用CSS给页面添加样式,让页面变得漂亮起来。
  9. 第三步: 用JavaScript给页面添加功能,让页面能动起来。
  10. 第四步: 通过Ajax获取到JSON数据,来动态更新页面。
  11. 第五步: 把本地编辑器的代码放在CodePen或RunJS上,让大家都可以来观赏。
  12. API:我们推荐使用聚合数据天气预报接口,它需要你创建一个免费的APPKey,通过Ajax获取天气数据。
  13. 当你遇到困难的时候,记得查看错误提示、阅读文档、搜索、提问。
  14. 当你完成了这个项目,请点击 "我已经完成了这个挑战" 按钮,输入你的项目在CodePen上的链接。
  15. 你可以分享这个项目给huluoyang聊天室来获得反馈。

进入下一个挑战 (ctrl + enter)
Help
Bug