这周已经熟悉了公司的业务流程，这周的工作侧重点还是在上周的项目上。遇到了两个难题，也算是踩了下坑。
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是点击，这里是命令。启动项目，停止项目，查看错误，引入包，安装包等。 对于组件的封装，自己还需要看看别人的代码，怎么封装出较优的组件。 |