微信小程序开发(一)

1、共享知识分享快乐微信”小程序开发（一）第一章开发步骤第1节:小程序构成页眉内容第2节:APPJSON结构pages:pages/in dex/ in dex,pages/logs/logs,win dow:backgrou ndTextStyle:light,n avigatio nBarBackgro un dColor: #fff,n avigatio nBarTitleText: WeChat,n avigatio nBarTextStyle:blackPages小程序组成页面；Windows:窗口样式设定.共享知识分享快乐第3节:APPJS结构：App(onLaunch functio

2、n () var logs = wx.getStorageS yn c(logs) | logs. un shift(Date .no w()wx.setStorageS yn c(logs, logs),getUserlnfo:fu nctio n(cb)var that = this;if(this.globalData.userl nfo)typeof cb = function & cb(this.globalData.userI nfo)elsewx.logi n(success: function () wx.getUserInfo (success: function (res)

3、 that.globalData.userI nfo = res.userI nfo;typeof cb = function & cb(that.globalData.userI nfo) );,globalData:userI nfo:n ull)页眉内容共享知识分享快乐第4节:APPWXSS结构.container height: 100%;display: flex;flex-direction: column;alig n-items: cen ter;justify-c ontent: space-betwee n;paddi ng: 200rpx 0;box-siz ing: b

4、order-box;第5节:页面结构1. 页面文件资源结构2. 页面配置文件 :page_name.json页面的配置文件是非必要的。当有页面的配置文件时，配置项在该页面会覆盖app.jso n 的win dow中相同的配置项。如果没有指定的页面配置文件，则在该页面直接使用app.jso n中的默认配置。3. 页面主文件:page_name.wxml 页眉内容共享知识分享快乐 userInfo.nickName motto 4. 页面 JS文件:page_name.jsvar app = getApp()Page(data: motto: Hello World, userI nfo: ,bi

5、ndViewTap: fu ncti on() wx.n avigateTo(url: ./logs/logs),onLoad: fu nction () var that = thisapp.getUserI nfo(fun cti on( userI nfo)that.setData(userI nfo:userl nfo)5. 页面样式文件 :page_name.wxss.useri nfo display: flex;flex-direction: column; alig n-items: cen ter;.useri nfo-avatar width: 128rpx;height: 128rpx;margi n: 20rpx; border-radiu