這周已經熟悉了公司的業務流程，這周的工作側重點還是在上週的項目上。遇到了兩個難題，也算是踩了下坑。
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是點擊，這裏是命令。啓動項目，停止項目，查看錯誤，引入包，安裝包等。 對於組件的封裝，自己還需要看看別人的代碼，怎麼封裝出較優的組件。 |