1.project.config.json配置项目的环境
2.app.wxss配置整个项目的样式,可以被所有页面使用
3.app.json:配置整个项目的配置信息,如路径,标题(
- 必须满足json格式的,并且使用双引号
- 在json里面不能写注释的
- )
4.app.js:控制整个项目的逻辑处理,还有一些生命周期的方法
5.页面的配置,在page文件夹下面
index :配置所有的index相关的
5.index.wxml:类型HTML
6.indesc.wxss:针对首页的样式类似css
全局配置:
pages:设置页面路径
window:设置导航条颜色,字体等
7.iconFont下载icon
8.tabbar的设置,以及icon
9.debug:
页面配置:类似全局配置,
10.小程序布局:wxml写法定义类似html
11.WXMl的数据绑定:数据来源与js文件,js中的数据,
onload在页面加载的时候做一些初始化工作
wxml的数据会从js的data中读取,只会在data{}里面读取数据
wxml使用{{}}读取,也可以获取对象的值{{xxx.xx}},也可以获取数组下标
{{}}可以做运算,
12.wxml的条件渲染:
注意,他们中间不能出现其他的标签,如果有其他的标签会报错
13.block一次渲染多个组件,中间可以有其他标签
13.列表渲染:wx:for={{ }}
14.wx:key swtich组件
15.wxml模板技术
把重复的代码抽取出来,在多个地方引用
16.模板信息也可在页面指定动态的参数
17.模板快捷传参
18.wxml的include标签
19.事件绑定,以及参数传递
20.跳转页面
21.事件的冒泡和阻止
事件冒泡类似事件传递,如点击里面的view,事件传递到外面的view了,我们可以使用catch
22.js的even对象,里面的属性
23.wxml,新增的尺寸单位,rpx,自适应尺寸
24.wxss@import导入用法
25.flex布局体验
26.flex布局常用术语
flex布局修改主侧轴的方向
flex布局换行 flex-wrap: wrap
flex多行排列align-content
flex布局,支付宝案例