微信小程序开发简介
小程序开发
浏览：1296 次
作者也是小程序开发的新手。请纠正任何缺陷。
目录
首先，查看项目目录。文件夹索引、日志、我的和钱包可以作为页面查看。每个文件夹（页面）中有四个文件：js.json.wxml.wxss
这个js文件是JavaScript，编写逻辑相关代码
为执行一些固定配置。json文件
.wxml类似于html写入控件
.wxss类似于css写入控件的样式
明确地
创建小程序项目将默认为app。js，app。json和app wxss的三个文件作为整个applet起作用，每个页面中这些文件的范围是当前页面。
首先，让我们看看默认创建的官方代码
//app.js
app({
onLaunch:函数（）{
//演示本地存储功能
var logs=wx。getStorageSync（“日志”）||[]
logs.unshift（日期.now（））
wx。setStorageSync（“日志”，日志）
//登录
wx.登录({
成功：res=>{
//将res.code发送到后台以交换openId、sessionKey、unionId
console.log（'code'，res）
}
})
//获取用户信息
wx.get设置({
成功：res=>{
console.log（'setting'，res.authSetting）
if（res.authSetting['scope.userInfo']）{
//它已获得授权。你可以直接调用getUserInfo获取头像的昵称，框架不会弹出
wx.获取用户信息({
成功：res=>{
//您可以向后台发送res以解码unionId
this.global数据。userInfo=资源用户信息
//因为getUserInfo是一个网络请求，它可能只在onLoad之后出现在页面上
//所以在这里添加回调以防止这种情况
if（this.userInfoReadyCallbacks）{
this.userInfoReadyCallbacks（res）
}
}
})
}
}
})
},
全局数据：{
用户信息：空
}
})
onLaunch函数是一个小程序生命周期函数，用于侦听小程序初始化。也就是小程序条目。您可以通过参考官方文档来查看此功能的说明。
2019年7月16日截图3.42.44.png
让我们分析var logs=wx GetStorageSync（'logs'）| |[]，wx。乍一看，getStorageSync是官方微信API。这行代码用于同步获取键为“logs”的缓存，而logs变量类型为数组。您可以通过参考官方API来查看此函数的定义。同步缓存获取意味着当前线程将被阻止，也就是说，代码将仅在获取数组后继续执行。
美国石油学会
什么是日志。unshift（Date.now（））的意思是？查询官方微信API，我们发现unshift方法符合ES5标准，这意味着在数组的前面插入一个元素。此处插入当前时间戳。
wx。SetStorageSync（'logs'，logs）字面意思是将修改后的阵列同步保存到缓存中。
//登录
wx.登录({
成功：res=>{
//将res.code发送到后台以交换openId、sessionKey、unionId
console.log（'code'，res）
}
})
2019年7月16日截图3.47.09.png
这是什么。login意味着，wx开头是微信提供的API，这意味着调用登录界面来获取登录凭证（代码）。如果调用成功，成功将返回代码，然后我们将请求自己的服务器交换登录操作的openId、sessionKey和unionId信息。
//获取用户信息
wx.get设置({
成功：res=>{
console.log（'setting'，res.authSetting）
if（res.authSetting['scope.userInfo']）{
//它已获得授权。你可以直接调用getUserInfo获取头像的昵称，框架不会弹出
wx.获取用户信息({
成功：res=>{
//您可以向后台发送res以解码unionId
this.global数据。userInfo=资源用户信息
//因为getUserInfo是一个网络请求，它可能只在onLoad之后出现在页面上
//所以在这里添加回调以防止这种情况
if（this.userInfoReadyCallbacks）{
this.userInfoReadyCallbacks（res）
}
}
})
}
}
})
wx。GetSetting用于获取小程序向用户请求的权限。返回形式是一个字典（键：值），其中“scope”。userInfo’是获取用户信息的关键。如果此项为true，则表示获取用户信息。
截图：2019年7月16日3.52.14.png
Wx。getUserInfo用于获取用户信息，成功后将返回用户信息
this.global数据。用户信息=资源。userInfo，这类似于iOS开发中的自我。GlobalData是一个用户定义的全局变量，内部数据结构有一个userInfo，用于全局保存用户信息。
这什么是userInfoReadyCallbacks？它类似于iOS开发中的块（闭包）。如果你选择任何函数名，我会
