微信小程序开发之入门总结

终于还是进入到了微信小程序开发的行列，虽然相对很多人来说有些晚了，但是终究还是开始了不是。

首先，不得不说微信小程序的开发文档确实写得不错（\赞）

作为一个微信小程序开发的新手来说，其实入门也就只需要看官方的开发文档就足够了。
中文文档，通俗易懂，有代码片段示例，也可以直接在微信开发者工具上浏览相关示例的完整代码。
这估计也是我为什么在网上没有找到其他微信小程序入门教程的原因了。

其次，微信开发者工具还有巨大的进步空间（\奋斗）

目前最新的微信开发者工具可以编写调试微信小程序的代码，也可以编写调试公众号的代码。

做过公众号的都知道，公众号里最难调试的是微信的授权那一块的东西。
微信开发者工具里面也不能直接调试，除非你自己的微信被授权为该公众号的开发者。
如果公众号没有授权，比较好的做法就是去申请两个公众号主体，专门拿一个公众号来进行测试。

在开发微信小程序的时候，微信开发者工具最大的欠缺是在代码提示上。
目前微信开发者工具对它自己的API的提示是做得很好了，但是对开发者自己写的js代码以及css样式的智能提示就显得比较乏力了。

然后，再来说说微信小程序开发本身

微信小程序的开发语言总的来说和vue很像，和ionic3也很像。
可以通过类比vue和ionic3来学习微信小程序的开发，所以说微信小程序开发入门和上手都是比较容易的。

虽然入门相对比较容易，但是在编写Demo的时候还是遇到了几个相对有价值的问题。

第一，padding引发宽度高度的变化

在标准的HTML开发时，如果给一个div标签加上"width"和""height，然后再添加"padding"，这个时候div的宽度和高度是不会改变的，只会去压缩div内部的空间。

但是在小程序上，如果给一个view标签加上"width"和""height，然后再加上"padding"，这个时候view的宽度会变成"width"+"padding-left"+"padding-right",，高度会变成"height"+"padding-top"+"padding-bottom"。

第二，动态加载样式

在ionic上动态加载样式有两种方式：ngClass和ngStyle。
但是在微信小程序中并没有类似的属性可以动态加载样式，它的做法感觉更加直接。

第三，页面禁止滚动

众所周知，在iOS设备上，滚动的页面都有弹簧（橡皮筋）效果。
但是有时候我们并不想要这种效果，比如类似京东小程序里面的商品分类页面。整个最外层的view不能进行滚动，内部有两个可以滑动的菜单栏，相互之间各不影响。
在仔细阅读了文档之后终于找打了答案：{"disableScroll": true}。
在页面的josn配置文件里把"disableScroll"设置为"true"，即可禁止页面滚动，也就去掉了iOS上页面的弹簧（橡皮筋）效果。