天氣預報Demo

哈哈 花了一天的時間，總算是完成了天氣預報的這個小Dmo了 – 訪墨跡天氣

• 不過這個功能在我剛上大一的時候班級的一些學霸就已經會做了 想想現在的自己已經大三 。。。哎說多了都是淚~~~

哈哈這個小項目中，我覺得最難的是後端獲取天氣的這個接口最難， 一些繁瑣的前端樣式倒是沒有什麼太大的難點

• 後端使用的是express這個nodejs的框架 另外用到了request–後端發起請求的模塊，以前天真的以外只有前端纔要發起請求，做完這個項目以後，才知道一些大數據的東西都是後端發起的請求 再傳遞給前端接收而已 quertstring’就是能狗很好的格式化字符串的小模塊
• 用來接受前端發的數據的兩行代碼，現在雖然不是很懂原理 但是用上就對了
  
  這裏就是請求部分了 都是在聚合數據那邊copy過來的 ，主要的是聚合數據那邊天氣的接口是免費的，我們需要傳遞的東西就是你要查詢的城市/以及你的key key在聚合數據裏面有

雖然後端的代碼量不多 ，但是我覺得的及其難以消化，需要很多很多時間 -

• 前端的代碼我就不意義展示了 ，蠻簡單的 幾個最重要的點記錄一下

• 發起請i求用到axios 使用方法應該是將axios掛載到VUE原型上 之後要發起數據請求 只需要使用 $http.get或者是$http.get或者是http.post() 因爲是promise對象 所以只要使用.then()接收
  

• Vue提供的動畫 分爲兩場 分別是 v-enter,v-leave-to ----- v-enter-active v-leave-active這兩組動畫

• 要使用Vue提供的動畫 需要使用-transition標籤包裹

• 要使用子組件

• 這是定義私有組件的方式

• 背景視頻能夠全屏播放（以父元素的寬高尺寸進行播放）

• 關鍵的代碼語句的CSS的 object-fit: cover;

下面是這個Demo的最後的效果圖