微信小程序代码编写到上线简单易上手

微信小程序代码编写到上线简单易上手
小程序的很多知识点都是和html,css,js相通的，也参考了一些框架的思想：数据绑定，组件化开发，生命周期等等，不是很难，有一定的html, css, js基础再熟悉一下小程序开发文档就可以开发。这次开发的小程序项目相对简单，功能不是很复杂，主要上就是对html,css,js知识结合小程序的使用巩固，也运用了一些函数复用，全局数据，由于比较简单自定义组件也没有必要使用。小程序比较好的地方之一就是不用去操心兼容移动设备尺寸不同的问题，一个单位rpx，就可以帮你搞定所有移动设备上布局一致。

  在新建项目时自动生成的app.js, app.json, app.wxss 是对所有页面的一些设置。app.js是可以用来保存一些很多页面都会使用到的数据，如后台接口中相同的url地址，如接口地址改变了我们只需要再app.js中改一处就可以了这样很方便也不容易遗漏出错，还有小程序一加载就获取到的一些数据（通过其生命周期）等等。在其他页面通过 var app = getApp( http://www.aivtp.com/ )  app.你需要使用的数据名，获得数据。app.json是用到最多的，用来进行一些全局性的配置，如你毎新建一个页面就需要到该文件的pages选项中注册，也可以通过先在pages选项注册，这样可以快速创建4个页面模板，还有如window,tabBar等选项。app.wxss是用来设置全局样式的，对所有页面都有效。    

  很多小程序都需要获取用户的信息。刚写这块的时候折腾了好一会，很多博客上写的内容有点旧了，不一定适用。目前用来获取用户信息的组件主要是button组件，<button open-type="getUserInfo" lang="zh_CN" bindgetuserinfo="onGotUserInfo" >登录</button>，在getuserinfo事件处理程序的事件对象中包含用户信息，如onGotUserInfo（e）{}，e.detail.userInfo保存的就是用户信息。首次获取会弹出授权框需要用户授权，即使客户拒绝授权后期点击还是会弹出授权框。有时候后台可能会用到用户信息，还会需要用户的code, code可以通过API中的sucess回调方法中的参数获取，如sucess: fucntion(res){},res.code就可以获得用户的code，和用户信息一起传给后台就可以了。