微信小程序新手开发篇-简介

自微信小程序上线以来，使用人数成倍增加，一不小心老板知道了，没办法自学成才。从无到有一步一步走来，学会不少东西。不说了今天主要介绍一下开发需要什么，需要怎么做什么。可以访问：https://developers.weixin.qq.com/miniprogram/dev/index.html?t=18082114   查看详细开发文档

1.账号申请：

    1.1点击前往https://mp.weixin.qq.com/wxopen/waregister?action=step1 填写资料完成注    册（不同的账号需要的东西不同，您可以根据需要选择）

    1.2登录 https://mp.weixin.qq.com  登录，可以查看您的小程序的一些基本信息，以及完善您的小程序资料（appid，服务器域名设置等）

    1.3开发工具的下载安装：https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=18082114，点击链接前往

2.初识小程序：

    2.1代码构成：

            2.1.1 json配置：页面基础配置：背景，上方标题栏颜色，文字

            2.1.2 wxml模板：类似与html，界面开发

            2.1.3wxss样式：类似css，界面布局开发

            2.1.4js逻辑交互：类似与js数据处理，与逻辑处理

    2.2全局app设置

            2.2.1：app.js：全局变量设置或静态量设置：如请求的后端地址等

            2.2.2：app.json： 是当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。

            2.2.3：app.wxss:是全局的主题布局

3.小程序的生命周期：

        Page({

              /**

              * 页面的初始数据

              */

          data: {

            surl:'http://caiku.renaren.org/user/register.html'

          },

          /**

          * 生命周期函数--监听页面加载

      */

      onLoad: function (options) {    

      },

      /**

      * 生命周期函数--监听页面初次渲染完成

      */

      onReady: function () {

      },

      /**

      * 生命周期函数--监听页面显示

      */

      onShow: function () {

      },

      /**

      * 生命周期函数--监听页面隐藏

      */

  onHide: function () {

  },

  /**

  * 生命周期函数--监听页面卸载

  */

      onUnload: function () {

      },

      /**

      * 页面相关事件处理函数--监听用户下拉动作

      */

      onPullDownRefresh: function () {

      },

      /**

      * 页面上拉触底事件的处理函数

      */

      onReachBottom: function () {

      },

      /**

      * 用户点击右上角分享

      */

      onShareAppMessage: function () {

      }

    })

4.组件

小程序提供了丰富的基础组件给开发者，开发者可以像搭积木一样，组合各种组件拼合成自己的小程序。

就像 HTML 的 div, p 等标签一样，在小程序里边，你只需要在 WXML 写上对应的组件标签名字就可以把该组件显示

5.API

为了让开发者可以很方便的调起微信提供的能力，例如获取用户信息、微信支付