[S20_WebFund] Lab5 资工二乙 杨沐风 407262031

Group content visibility: 
Use group defaults
Groups audience: 

网址:https://doodlebears-app.glitch.me/

1. 截图

 

2. 说明功能

 - 实时显示天气

 - 自定义显示的地区(可增添&删除)

 - 简单的改了些 CSS(Dark Mode)

 - 离线支持

 - 支持将 App 添加至 Desktop

3.心得

  初步认识了 PMW,对 WEB App 的理解从原本的理论,更添了一些实践,响应式的设计对多个平台都很友好。一次开发,多平台通用属实方便。在试图看懂 Source Code 的同时修改了一些力所能及的地方,添加自己的家乡进入可选择地区。

  JS 调用从 API 返回的 JSON 数据生成HTML页面,相比先前所学时,一点一点的写 code,通过接入 API 构造属实高效。然而自己对 JS 理解与功力大概连入门程度都没有。想要试图构建自己的 WEB App 应该还要在钻研,这次的 WEB App 作业让我有机会从整体上快速的认识 WEB App, 辅助用的 Lighthouse extension 对于审视自己的开发问题很有帮助,Chorme 的 developer tools 也相当直观的呈现了网页从加载到最终呈现的多角度细节。对于未来开发又积累了一些有用的信息。

  抱歉迟交了如此之久。(期中考完发现看到作业时间已过,没在实地上课,到现在才从别人的 blog 得知作业延期了,然而赶不及了(苦笑))