微信小程序开发

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布局,支付宝案例