1、“微信”小程序开发(一)第一章 开发步骤第 1 节:小程序构成APP.JSONAPP.JSAPP.WXSS调用函数定义娈量引用接口组成页面窗口参数公共样式第 2 节:APP.JSON 结构“pages“:“pages/index/index“,“pages/logs/logs“,“window“:“backgroundTextStyle“:“light“,“navigationBarBackgroundColor“: “#fff“,“navigationBarTitleText“: “WeChat“,“navigationBarTextStyle“:“black“Pages:小程序组成页面;W
2、indows:窗口样式设定.第 3 节:APP.JS 结构:App(onLaunch: function () 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“ typeof cb = “function“ ,globalData:userInfo:null)第 4 节:APP.WXSS
3、 结构.container height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: space-between;padding: 200rpx 0;box-sizing: border-box;第 5 节:页面结构1.页面文件资源结构Page_name.jsonPage_name.wxmlPage_name.jsPage_name.wxss页面配置文件页面主文件页面 JS 文件页面样式文件2.页面配置文件:page_name.json页面的配置文件是非必要的。当有页面的配置文件
4、时，配置项在该页面会覆盖 app.json 的 window 中相同的配置项。如果没有指定的页面配置文件，则在该页面直接使用 app.json 中的默认配置。3.页面主文件:page_name.wxmluserInfo.nickNamemotto4.页面 JS 文件:page_name.jsvar app = getApp()Page(data: motto: Hello World, userInfo: ,bindViewTap: function() wx.navigateTo(url: /logs/logs),onLoad: function () var that = thisapp.getUserInfo(function(userInfo)that.setData(userInfo:userInfo)5.页面样式文件:page_name.wxss.userinfo display: flex;flex-direction: column;align-items: center;.userinfo-avatar width: 128rpx;height: 128rpx;margin: 20rpx;border-radius: 50%;.userinfo-nickname color: #aaa;.usermotto margin-top: 200px;请阅读第二章
