如何掌握微信小程序开发技术

　　微信小程序开发是一件很复杂的事情，所以微信小程序开发技术的掌握很重要。归根结底，首先要学会添加微信小程序项目，才能进行相应的开发。

　　Step1.选择调试类型：本地小程序项目→添加项目

　　Step2.由于我们暂时没有AppID，所以选择无AppID(无AppID部分功能会受限)

　　Step3.进入小程序开发者工具界面，默认是选中“调试”面板

　　可以看到，在调试面板中，左侧是页面效果小程序预览窗口，右侧是类似于Chrome的开发者的工具。在预览窗口可以选择一些常见的手机型号和不同的分变率，大家可以看出这简直就是Chrome开发者工具的翻版。

　　3.2 微信小程序结构一览

　　新建了一个小程序之后，开发工具为我们默认生成了一些文件，下面我们来看看这些文件都是看些什么用，以及小程序结构又是什么样子的。

　　(1)项目结构

　　(2)应用程序级文件

　　① app.js

　　//app.js

　　App({

　　onLaunch: function () {

　　//调用API从本地缓存中获取数据

　　var logs = wx.getStorageSync('logs') || []

　　logs.unshift(Date.now())

　　wx.setStorageSync('logs', logs)

　　},

　　getUserInfo:function(cb){

　　var that = this

　　if(this.globalData.userInfo){

　　typeof cb == "function" && cb(this.globalData.userInfo)

　　}else{

　　//调用登录接口

　　wx.login({

　　success: function () {

　　wx.getUserInfo({

　　success: function (res) {

　　that.globalData.userInfo = res.userInfo

　　typeof cb == "function" && cb(that.globalData.userInfo)

　　}

　　})

　　}

　　})

　　}

　　},

　　globalData:{

　　userInfo:null

　　}

　　})

　　app.js定义了全局的一些重要事件，比如程序启动时要做些什么，如何获取微信用户信息等等。App函数是一个全局函数，它的作用就是用来创建一个应用程序实例，每个应用程序都会有它的生命周期，因此一些重要的生命周期事件都会在这里定义。例如，onLaunch事件就是程序在启动时需要干什么。

　　② app.json

　　{

　　"pages":[

　　"pages/index/index",

　　"pages/logs/logs"

　　],

　　"window":{

　　"backgroundTextStyle":"light",

　　"navigationBarBackgroundColor": "#fff",

　　"navigationBarTitleText": "Manulife WeChat Demo",

　　"navigationBarTextStyle":"black"

　　}

　　}

　　app.json 则定义了程序有哪些页面，以及窗口标题及相关样式等。例如，我们再这里将navigationBarTitleText属*值改为了Manulife WeChat Demo，来看看调试窗口会显示什么?

　　掌握了以上步骤，你就掌握了微信小程序开发技术，这样在你开发小程序的时候才更容易获得成功，想要获取更多资料或者小程序码请关注微信小程序素材网。

　　开发微信小程序难吗?微信小程序开发的技术难度

　　微信小程序开发必须掌握的入门知识

　　微信小程序需要后端吗?小程序前后端开发实例