「2.0」一个人开发一个App,小程序从0到1,文件剖析 (2)

app.wxss文件,为整个应用的样式配置文件。在这里配置的样式,可供所有页面共用,而且不用任何操作。真好,微信产品经理,总算做了一件让程序员省心的事了。

一说到省心,你就开心,一开心,便忘乎所以,忘记还有app.js和app.json未被提及。这两个家伙,可是很重要的角色。

app.js,是一名有着一夫当关万夫莫开本事的土匪。若要进到页面,得先过app.js这一关,此路是他开此树是他栽,要想从此过,脱下裤子来。

就是说,全局的内容,全局变量和全局的业务逻辑,在这里实现。至于全局的配置,请移步到app.json文件中。

//app.js

App({

onLaunch: function () {

// 展示本地存储能力

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

logs.unshift(Date.now())

wx.setStorageSync('logs', logs)

},

globalData: {

userInfo: null

}

})

2.4 app.json文件

app.json文件,对整个应用进行配置的配置文件。在这,可配置统一风格的窗口(window)风格,包括页面的标题栏背景色,标题(这个不太可能),标题颜色;

可配置且必须配置的页面路径(pages);可配置全局切换标签,可配置定位等权限声明和授权提示信息,可引入第3方插件。

可,可,可,渴就喝水去。

{

"pages": [

"pages/index/index",

"pages/logs/logs"

],

"window": {

"backgroundTextStyle": "light",

"navigationBarBackgroundColor": "#fff",

"navigationBarTitleText": "WeChat",

"navigationBarTextStyle": "black"

},

"permission": {

"scope.userLocation": {

"desc": "请授予位置服务权限,以便更好的吃饭"

}

},

"tabBar": {

"borderStyle": "black",

"backgroundColor": "#ffffff",

"color": "#1b1b1b",

"selectedColor": "#2b2b2b",

"list": [

{

"iconPath": "images/about.png",

"selectedIconPath": "images/about_p.png",

"pagePath": "pages/about/index",

"text": "关于"

},

{

"iconPath": "images/my.png",

"selectedIconPath": "images/my_p.png",

"pagePath": "pages/my/index",

"text": "我的"

}

]

},

"sitemapLocation": "sitemap.json"

}

等等,听我讲了大半天,是不是感觉少了点什么,没错,少了给我发红包了。少了讲开发工具生成的源代码了,少了怼微信产品经理了。

好吧,那我就再怼一句,微信的小程序的产品经理,你们生成的代码,我看不懂,也不想看,下一节,我就统统把它们删掉。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zyspyf.html