實習第二週總結
這周已經熟悉了公司的業務流程，這周的工作側重點還是在上週的專案上。遇到了兩個難題，也算是踩了下坑。
1.地理位置介面的使用
2.圖片獲取介面和圖片資料獲取介面。
具體遇到了什麼問題呢？
地理位置中，應用wx.getLocation()的介面，獲取到的經緯度用騰訊位置服務的JavaScript API來進行地址解析時，在手機端無法獲取到精確到街道巷號的地址。
圖片獲取與上傳資料中，因為後臺要求上傳base64碼。這裡就遇到了問題：微信jssdk中提供了上傳圖片的介面，把圖片上傳到微信伺服器，後臺再向他下載圖片，這種方案在此專案中不可用。於是就搞死前端了！！！
sdk中還是提供了獲取圖片資料的介面，問題來了，這個介面還是有一定的相容性問題的，以及在安卓上獲取到的資料是base64碼，但這個base64碼裡包含了些換行符的。這裡真是的大坑了！！！一開始不知道，只能不停的除錯alert資料。
具體的解決方法在下篇文章中詳細描述。這裡有個下篇文章的連結
本週的學習報告：
|
學習的時間 |
學習的內容 |
遇到的問題 |
解決方案/心得體會 |
|
07/16 |
1.**專案中與對方進行了介面聯調測試，針註冊頁面跳轉提示，點選進入頁面不斷重新整理，圖片介面完善，地理位置資訊介面等內容 2.input元件作業寫了個簡陋版的，元件的概念理解了但是具體程式碼實現還需要參考別人的寫法。 |
1.我這邊寫好了上傳選擇圖片的部分，但對方的圖片介面部分還沒寫好。 2.對方測試反饋進入介面不斷重新整理，自己在本地測試也遇到了這個問題 3.地理位置資訊介面手機上獲取不到精確位置 |
1.圖片介面部分與對方後臺溝通了，給她說了我這邊提交的資料是怎樣的什麼型別的，只能等她寫好測試 2.這個問題自己在本機測試中也出現，嘗試去找問題程式碼所在，但還是不知道怎麼去修改。最後問了超哥，是跳轉路徑的時候出問題了。這裡面的原因也不是很懂 3.地理位置資訊介面手機上獲取不到精確位置，這一點我也想不明白出什麼問題，也考慮了是不是手機定位不精確的問題。因為上週也有測試過，自己也根據qq地圖文件上的介面測試了理論上都應該沒問題的，但是手機上卻始終無法解決這個問題。還需要多檢視資料 |
|
學習的時間 |
學習的內容 |
遇到的問題 |
解決方案/心得體會 |
|
07/17 |
1.地理位置介面的完善，查看了webserviceAPI介面文件，並根據其步驟，申請註冊key，進行介面除錯 |
1.地理位置介面呼叫 2.上傳圖片功能的實現 |
這兩個難點都是**帶著去解決 1.地理位置介面，選擇了另一個介面來獲取地理位置，解決過程中遇到的難點主要是這個介面的返回資料格式以及傳參的問題，不斷測試修改程式碼後找到問題所在，傳回來的資料為jsonp，那麼在請求時就需要指定引數output=‘jsonp’。 2.圖片上傳這裡，就出現了ios機與安卓機的差異問題，以及遇到base64轉碼的問題。 3.在上傳圖片那裡，自己寫的邏輯也不清晰不嚴謹，導致後面也出現不少的錯誤，後面自己也亂了，而**在梳理邏輯以及更正程式碼後，思路也清晰了。 |
|
學習的時間 |
學習的內容 |
遇到的問題 |
解決方案/心得體會 |
|
07/18 |
1.完成了圖片上傳的功能 2.微信公眾號開發和jssdk介面呼叫的小結，主要對一下內容是進行了整理：微信授權步驟及流程，地理位置介面與地理位置服務的選擇，獲取本地圖片資料及處理 3.******專案，應對方後臺修改**欄位介面 4.Typescript文件瀏覽 |
1.修改欄位的時候，遇到的問題是彈窗**為空。解決方案是用localStorage來快取。但問題還是不能解決，因為在wx.js裡呼叫請求方法，api.js檔案後於wx.js載入，執行後會報錯該請求方法未定義。這裡的思路有點亂，還需要理清楚再進行修改 |
介面聯調測試的時候之前總是需要對方釋出才能測試，昨天**教了自己本地搭伺服器之後的測試就方便了很多，但是具體用node.js搭伺服器的步驟原理還不是很懂，只知道根據package.json裡的指令碼，簡單地執行，這方面的內容暫時還來不及學習，因為還要去熟悉vue， vue-router，vuex，es6， typescript，eslint，tslint。 大概看了Typescript的部分內容，有了些概念，以及瞭解有些什麼語法。似乎這裡面內容都是對原生javascript的內容在程式碼編寫方面做了修改，然後轉換了寫法，讓開發效率更高且程式碼更簡潔可讀。 |
|
學習的時間 |
學習的內容 |
遇到的問題 |
解決方案/心得體會 |
|
07/19 |
1.本地搭伺服器，掌握了開啟伺服器以及自定義介面的步驟，雖然具體程式碼還不懂，但對這個流程熟悉了，之後的測試中就比較方便了。
******，還有appid及微信公眾號平臺的域名要相應修改 2.資料庫ORM框架的概念簡單瞭解 |
想要自己去除錯介面的時候，不知道如何本地搭建伺服器。 |
1.根據昨天的思路，關於增加某個欄位請求的問題，確實就是把js檔案的載入順序修改一下就可以解決get欄位方法undefine 2.再一次請教**如何去本地搭建伺服器，後面自己在增加*和*兩個欄位的時候也去實踐了幾次，知道了該怎麼在裡面增加介面 |
|
學習的時間 |
學習的內容 |
遇到的問題 |
解決方案/心得體會 |
|
07/20 |
1.vue元件封裝的學習 2.瞭解了***專案結構 3.看了前端專案練習裡的input元件封裝的程式碼 |
自己寫元件的時候遇到了很多小問題，執行後控制檯總是報錯，哪個變數未定義，傳參型別錯誤等。 自己封裝出來的元件比較簡陋。如何封裝出好的元件，這個自己還沒有什麼經驗所以不知道往哪方面去思考。 |
一開始對於專案的結構還不是很熟悉，主要是不理解，雖然能記住哪個檔案是用來幹嘛的，但是沒有理解明白所以就會覺得很模糊。於是，自己開始再來搭一次vue-cli的腳手架然後封裝元件。用那些npm 命令，這次就不再像之前自學的時候不理解幹嘛，只知道複製貼上。理解了npm之後，就知道每個操作對應是幹嘛的，以及在終端報錯了，我也知道是怎麼一回事，之前會覺得很懵的。感覺裡面的一些操作就跟eclipse裡操作差不多，eclipse是點選，這裡是命令。啟動專案，停止專案，檢視錯誤，引入包，安裝包等。 對於元件的封裝，自己還需要看看別人的程式碼，怎麼封裝出較優的元件。 |