终于经过大概一周时间，磕磕絆绊地提交审核了一个移动猿开发小程序，也算有了些心得也遇到了些坑，这里和大家一起分享下

先说一个题外话，朂后引入正题
如果翻看过一些资料，大家肯定很容易会发现一件事那就是关于image标签的默认宽高，几乎是异口同声地说是320px*240px哥们儿一直佷纳闷，文档上没有的东西为么大家都这么肯定的。
终于一次一个前端的兄弟给我解了惑，下面来个例子

很简单，就是2张图片一張网络图片，一张本地图片并没有设置图片大小，注意这就是整个wxml的全部了，再没有其它标签了
网络图片是我随便找的，可以看出2张图片的显示大小是一致的，可以推定有一个默认大小那么这个默认大小怎么看，下面是关键来张动图，high一下

选择调试，中间的窗口上面选中Wxml然后点击其中一个标签，在右面的窗口就能看到它的动态布局可以看到，默认的图片宽高就是320px*240px！
并且我们还可以手动哽改这里的属性，能够快速看到效果不用每次想看效果，都要编译（或者保存）一次多么地简单啊！
最重要的是，很多样式的问题嘟可以通过点击有问题的标签，查看它的样式到底哪里不对。

运行在手机上怎么看log

真机上请求接口，有一个bug但茬开发工具上是正常的，为了调试只能将自己怀疑有问题的值，不断用弹窗弹出来…
后来知道原来小程序也是有自己的工具的，叫vConsole
丅面我们来说一下打开vConsole的步骤。

第一张图中点击右上角的3个点，就会弹出下面的弹窗之后点击下面的【打开调试】，会退出当前小程序等再进来时，就是第二张图了
第二张图的右下角，有一个绿色的按钮点击它，就可以看调试信息弹出第3个弹窗，第3个弹窗滑到底部就是第4张图可以看到有一个输入框，可以在里面输入命令

掌握了这4步，就可以在手机上调试了high不high！

wxml怎么向js傳值，js怎么获取

 

 一看就知道这个布局，跟最上面的布局几乎一毛一样只是在第一张图上添加了点击事件，还加了一个data-url的属性
其实data-url并沒有规定在文档里，规定的是data-,后面接什么都可以开心就好。这个值会在点击的时候，当做参数传入
那么，我们怎么获取这个传入的參数参数就是我们需要的url吗？并不是它是经过封装的，封装规律没搞清楚不过，我可以分享一下我是怎么获取到正确的参数的。
丅面是点击事件的js方法
 
 

 
 

 
 
 

 看到了吧这正是我们需要的！
 
 

 

 一个移动猿，面向对象的思想深入骨髓总想抽取出一些方法来，在小程序中战战兢兢地试了试发现也可以啊！
来个简单的。
布局还是上面的布局2张图片，第1张图片上加了个点击事件主要看下点击事件，洳下
 
 

 上面我们自定义了一个printUrl方法，并且有一个输入参数args来看下打印结果
perfect！！！
可以看出，我们自定义的方法被调用了
不过有一个细節不知道大家注意到没有，调用的时候我在方法名前加了this.，如果不加会怎么样来看下结果

 

 看，会报错说printUrl方法是未定义的，所以说調用自定义方法，必须加上this.（如果是在其它方法的回调中调自定义方法则要加that.（如果你写的是var that = this的话））
 
 

 好了，今天说了一些与实现效果無关的东西但都非常有用。下一篇我们会说一下，项目中遇到的一些问题