实习日志02

一、了解开发微信小程序

先阶段首先了解如何开发普通小程序

                

二、安装普通小程序开发工具

创建项目

 

三、小程序运行环境

小程序的运行环境分成渲染层和逻辑层。

运行环境

其中 WXML 模板和 WXSS 样式工作在渲染层，JS 脚本工作在逻辑层。

四、各文件类型的功能及说明

1、 app.json

• app.json 是当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。
• pages字段： 用于描述当前小程序所有页面路径，这是为了让微信客户端知道当前你的小程序页面定义在哪个目录。 

2、project.config.json

• 个性化配置

3、page.json

• page.json 其实用来表示 pages/logs 目录下的 logs.json 这类和小程序页面相关的配置。
• 主要用于渲染不同的模块
• 注意事项 ：json语法-SON文件都是被包裹在一个大括号中 {}，通过key-value的方式来表达数据。
• 数据类型

 ①数字，包含浮点数和整数

 ②字符串，需要包裹在双引号中

 ③Bool值，true 或者 false

 ④数组，需要包裹在方括号中 []

 ⑤对象，需要包裹在大括号中 {}

 ⑥Null

4、.wxml

•  充当的就是类似 HTML 的角色
• 区别

（1）标签名字有点不一样， WXML 用的标签是 view, button, text 等等

（2）往往写 HTML 的时候，经常会用到的标签是 div, p, span，开发者在写一个页面的时候可以根据这些基础的标签组合出不一样的组件。

 

5、wxss样式

• WXSS 具有 CSS 大部分的特性，小程序在 WXSS 也做了一些扩充和修改。

6、js 逻辑交互

• 处理用户的操作

五、小程序的页面的设置

• window：用于设置小程序的状态栏、导航条、标题、窗口背景色。
• tabBar：如果小程序是一个多 tab 应用（客户端窗口的底部或顶部有 tab 栏可以切换页面），可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。

练习：骰子游戏