实训Day02学习日志

今天学习了骰子分布，以及安装了微信开发者工具，并掌握了一些相关知识

一、骰子分布——Flex布局

Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。

1、基本概念：采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。

容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框的交叉点）叫做main start，结束位置叫做main end；交叉轴的开始位置叫做cross start，结束位置叫做cross end。

项目默认沿主轴排列。单个项目占据的主轴空间叫做main size，占据的交叉轴空间叫做cross size。

2、容器的属性：

• flex-direction
• flex-wrap
• flex-flow
• justify-content
• align-items
• align-content

3、项目的属性：

• order
• flex-grow
• flex-shrink
• flex-basis
• flex
• align-self

有关骰子布局的两个网站http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html

http://www.ruanyifeng.com/blog/2015/07/flex-examples.html?bsh_bid=683103006

二、微信小程序

1.小程序包含一个描述整体程序的 app（全局配置） 和多个描述各自页面的 page（page.json能覆盖app.json的配置）。

2.一个小程序主体部分由三个文件组成（必须放在项目的根目录）：js(脚本)、json（配置）、wxss（样式）

3.一个小程序页面由四个文件组成，分别是：js、json、wxml、wxss