個人實習週報2019-10-21

週報描述

1. 問卷調查系統

下週計劃

週報筆記

1. CSS :hover選擇器
   :hover 選擇器用於選擇鼠標指針浮動在其上的元素，並設置其樣式。:hover 選擇器可用於所有元素，不只是鏈接。

   .question-item:hover {
   	background: rgba(238, 238, 238, 0.47);
   }
   

2. 使用localStorage存儲信息
   https://www.cnblogs.com/houzheng/p/9067110.html

   要保存的內容：const info = { name: 'hou', age: 24, id: '001' };
   保存：localStorage.setItem('savedinfo', JSON.stringify(info));
   獲取：var data1 = JSON.parse(localStorage.getItem('savedinfo'));
   刪除：localStorage.removeItem('savedinfo');
   

3. 無法監聽表單值的變化
   問題：答卷的用戶輸入值與對象answers綁定，監聽answers發現無反應。
   原因：Vue 不能檢測到對象屬性的添加或刪除，如果要監聽對象的屬性的變化，需要使用深度監聽。

   watch: {
       answers:{
           deep:true,
           handler:function() {
               console.log("changed")
               localStorage.setItem("answers", JSON.stringify(this.answers))
           }
       },
   },
   

4. service.js中使用axios
   config/test.proxy.js中，baseUri改爲後端地址，arrProxyPathConfig添加axios要訪問的地址即後端RequestMapping的地址，如“/test/**”。後端的controller不用加@CrossOrigin

5. 待解決：
   清除localstorage後第一次刷新頁面時，單選題、多選題、下拉題無法選擇選項。
   執行順序：getdata(),localstorage.length<=0，mounted全部執行完以後再執行watch()。