从Android开发到微信小程序开发，个人感觉还是轻松加愉快的，项目进程也是稳步进行。怎么说，微信小程序相较于其他开发，其轻量级是无可比拟的，封装的API也使得开发简单了很多。对于商家来说，不用耗费巨资去开发一款App，而且有微信这一平台，入口广泛，推广也更为容易；对于开发者来说，有通俗易懂的小程序开发文档，对于做web开发的兄弟来说，一两天即可入门。
1.微信开发者工具
这款IDE也是在不断完善之中的，相比较于Android Studio、Eclipse、HBuilder等工具来说，它算是相当简洁的了。微信开发者工具开发模块分为模拟器、编辑器和调试器，编译快速，调试方便，效果也很直观。这个工具简化到快捷键不足20个之数，其他设置之类也省去了很多，这也算其一大优点吧。
2.项目结构
小程序pages中每一个页面相对应的是四个文件：
.js（必需）：js就是对应来说就是web中的js，又称逻辑层；
.wxml（必需）：wxml就是对应web中的html，又称视图层；
.wxss（非必需）：wxss就是对应web中的css，页面样式表；
.json（非必需）：json是对页面的状态栏、标题进行背景和字体等设置，页面配置。
app.js：声明一些全局的变量以及需要提前进行的初始化操作，其中的生命周期对于Android开发人员来说就是一个字‘没难度’；
app.json：小程序中要用到的每一个页面都需要在此文件的pages中注册，把其绝对路径写在里面。可以对顶部导航栏进行统一的设置，没有在单独页面的.json中设置的就会按照这个文件中的设置显示。还可以设置首页底部的tabBar，微信建议2-5个；
app.wxss：写一些共用的全局css样式在这里；
project.config.json：项目配置文件，相对应的是开发工具中的详情中的设置。
（自定义模块）
utils文件夹：里面放置一些js工具文件，如网络请求；
images文件夹：里面放置一些图片资源；
template文件夹：里面放置一些模板文件，如项目中多处用到的列表item布局及样式；
3.基本的组件
最常用到的开发组件view、text、image。这个view就像div标签一样，是块元素，一般用来嵌套布局；text就类似span，是行元素，一般用来展示文本；image就是图片，默认宽度300px、高度225px，根据需求自行设置。
swiper是轮播图，内部只可放置swiper-item组件。
swiper.png
scroll-view是列表，类似Android中的ListView和RecycleView。使用竖向滚动时，需要给scroll-view一个固定高度，通过wxss设置height。
scroll-view.png
input输入编辑组件，通过type、placeholder、focus等进行设置，通过bindfocus、bindblur、bindinput等绑定事件。
input.png
picker是滚动选择器，通过mode来区分，常用的是城市选择器，时间选择器，日期选择器（mode="region"，mode="time"，mode="date"），默认是普通选择器mode="selector"。
picker.png
map地图组件
map.png
loading加载进度框
loading.png
当然，这只是一部分最常用的组件，其属性和绑定事件也介绍的不够详细，详情见微信小程序开发文档。
4.基本的API使用
网络请求是每个应用必不可少的。
wx.request.png
文件上传
wx.uploadFile.png
文件下载
wx.downloadFile.png
图片选择
wx.chooseImage.png
图片预览
wx.previewImage.png
数据存储（同步/异步/清除）
wx.setStorage.png
当然还有登录、支付、获取设备信息、位置及音频操作等API不做详情描述，详情见微信小程序开发文档。
5.小程序的自我
小程序其实有很多和其他语言不同的地方，比如说布局单位rpx。rpx是微信小程序新推出的一个单位，按官方的定义，rpx可以根据屏幕宽度进行自适应。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。开发微信小程序时可以用 iPhone6 作为视觉的标准。
再比如页面的声明周期。一个小程序也许并没有像你所看到的那样关闭掉，而是进入了后台，只有当内存较低时会被系统杀掉。
也许现在的小程序相比较一个完整的APP效果来说有稍许逊色，在我看来也是瑕不掩瑜，它的优势也是一款APP无可比拟的，对于小程序我个人还是比较期待的，期待可以有更深入的了解，期待它可以更加成熟。
网友评论