校内实习第二天

校内实习第二天：

作业详情链接：https://pan.baidu.com/s/1VAao4AP8pwGdrKiAi_onkw 
提取码：iefo 

今日我们开始接触微信小程序，首先在微信公众平台里面下载微信开发工具，然后新建项目，了解项目内文件夹的作用

文件：

app.js：主要就是注册微信小程序应用
app.json：一些微信小程序的全局配置，例如网络请求的超时时间，窗口的表现，各个页面的注册路径等等
app.wxss：微信小程序整个的全局样式
project.config.json：微信开发者工具的配置信息
文件夹：

pages
存放小程序的所有页面，每个页面主要就是由四个文件组成
js文件：存放微信小程序页面的逻辑和一些数据交互
json文件：配置微信小程序页面的配置信息
wxml文件：展示微信小程序页面的一些元素和内容
wxss文件：存放页面样式
utils
utils.js：存放工具的函数，主要就是为了达到代码复用的目的

紧接着，学习了微信小程序的全局变量（具体的一下实现功能在微信官方文档）

利用app.json文件来配置微信小程序的默认窗口样式以及利用tabBar属性来配置底部导航栏。

如果小程序是一个多 tab 应用（客户端窗口的底部或顶部有 tab 栏可以切换页面），可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。

其中 list 接受一个数组，只能配置最少 2 个、最多 5 个 tab。tab 按数组的顺序排序，每个项都是一个对象，其属性值如下：

此外，我们还学习了骰子布局，即flex布局：

基本概念

采用Flex布局的元素，称为Flex容器（flex container），简称”容器”。它的所有子元素自动成为容器成员，称为Flex项目（flex item），简称”项目”。

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

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

容器的属性

以下6个属性设置在容器上。

• flex-direction     属性决定主轴的方向（即项目的排列方向）。
• flex-wrap   默认情况下，项目都排在一条线（又称”轴线”）上。flex-wrap属性定义，如果一条轴线排不下，如何换行。
• flex-flow    flex-flow属性是flex-direction属性和flex-wrap属性的简写形式，默认值为row nowrap。
• justify-content    属性定义了项目在主轴上的对齐方式。
• align-items    align-items属性定义项目在交叉轴上如何对齐。
• align-content   align-content属性定义了多根轴线的对齐方式。如果项目只有一根轴线，该属性不起作用。

flex布局详情请参考：https://www.runoob.com/w3cnote/flex-grammar.html