忙于人工智能女孩，很多知识生疏当做笔记记之，现在回头将知识点简单总结下，方便以后浏览。
app.json中的window配置项
（1）window表示当前窗口导航栏的配置。
（2）属性介绍
navigationBarTextStyle，配置导航栏文字颜色，只支持black/white；
navigationBarTitleText配置导航栏文字内容；
backgroundColor配置窗口颜色；
backgroundTextStyle下拉背景字体，仅支持dark\light
enablePullDownRefersh是否开启下拉刷新功能；
1
2
3
4
5
6
7
8
"window": {
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "black",
"navigationBarTitleText": "小程序",
"backgroundColor": "#eeeeee",
"backgroundTextStyle": "light",
"enablePullDownRefresh": false
}
小程序所支持的CSS选择器
（1）.class，选择拥有class=‘name’的组件；
（2）#id，选择拥有id=‘name’的组件；
（3）element，元素选择器，选择所有view组件；
（4）：：after，view：：after，在view组件后面插入内容；
（5）：：befire,view：：before，在view组件前面插入内容；
需要注意的是：本地资源在wxss样式文件中是无法直接使用的。我们可以使用网络图片来代替本地图片。
子页面调用公共js对象以便调用其方法
子页面想调用共公js的方法，需先在子页面js中先实例化app:具体过程如下
1
2
3
4
5
6
//app.js 中写子页面需要调用的公共方法
App({
commonFunction:function(){
return "公共方法"
}
})
在需要调用的子页面中，
1
2
3
4
5
6
var app = getApp();
Page({
data: {
"label":app.commonFunction()//子页面中调用公共appjs的方法
}
})
Flex布局（弹性布局）
（1）主要作用在容器上，他将页面中的所有元素都包括起来。
（2）使用display：flex，将view变成一个弹性盒子。display-direction表示指定元素内的排列方向。这个属性可以为row(正向排列，沿着X轴方向排列)，row-reverse（反向排列，沿着X轴反方向排列），column（从上到下排列，沿着Y轴反方向进行布局），column-reverse（正向排列，沿着Y轴方向排列）；align-item表示定义元素在交叉轴上该如何对齐。
基础知识点
（1）小程序自适应单位长度rpx，根据不同的模式进行大小的自适应。
（2）全局样式文件app.wsxx文件，如果不想使用全局默认样式，那么只需要在相应的页wsxx文件中重新定义这个样式即可。小程序会优先选择页面的wsxx文件，而不是app.wsxx文件。
（3）要想快速生成一个页面，直接在pages里添加（前提是有pages文件夹，有app.js文件） “pages”: [ “pages/index/index” ］ 保存之后，系统会帮你自动生成对应的文件夹及子目录
（4）每个页面中的xx.js文件对应的是page的生命周期的方法， onLoad方法中的options为传递过来的参数， 在这个方法里，一般会拿着参数进行网络请求，所以最好 首先 var that=this;防止在具体的方法里使用this时对象发生变化。
1
2
3
4
5
Page({
data: {
msg : "888888"
},
}
（5）小程序的底层框架解析 https://www.2cto.com/kf/201902/796397.html
（6）使用taro+云开发快速开发小程序 https://www.2cto.com/kf/201902/796742.html
在模拟器中显示如下
属性绑定
把数据绑定在标签的属性中
1
2
3
4
5
6
Page({
data: {
msg : "888888",
testid: "10000"
}
}
