小程序初识

1、什么是小程序？

小程序是一种新的开发能力，相较于软件开发更加的简单。并且小程序有着无需下载的优点，使用的也越来越广泛。

2、小程序的优缺点。

小程序具有容易推广、使用便捷、成本低和体验良好等优点。

同时小程序也对单个包的大小进行了限制，单个包最大不能超过2M，若超过则需进行分包，而总包不能超过20M（这个数字一直在变化）；小程序的上线需要像APP一样进行审核。

3、小程序的使用

首次使用小程序需要进行注册：小程序

注册完成后下载微信开发者工具：稳定版 Stable Build | 微信开放文档

注册完成后可在开发设置中找到自己的AppID。

4、小程序的项目目录

首次创建小程序建议不使用云服务，模板采用JavaScript模板。

目录结构及功能如下：

• pages:
  1. wxml: 编写小程序界面结构的地方
  2. wxss: 编写小程序样式的地方
  3. json：编写界面配置的地方
  4. js：编写界面逻辑的地方
• utils: 编写工具类的地方
• app.js：创建程序实例的位置
• app.json: 编写全局配置地方
• app.wxss: 编写全局样式的地方
• project.config.json: 项目的配置文件
• sitemap.json：配置哪些网站可以被检索到

 5、简单的配置

通过查看微信开发文档我们可以进行一些基本的配置：全局配置 | 微信开放文档

（1）在app.json中可以进行全局配置，例如底部导航栏tabBar。

        list：tab的列表，规定列表数量不少于两个，不多于5个。

        color：tab的默认颜色，仅支持十六进制。

        selectedColor：tab的选中颜色，同样仅支持十六进制

        iconPath：图片路径，icon 大小限制为 40kb，建议尺寸为 81px * 81px，不支持网络图片。
        selectedIconPath：选中时的图片路径，icon 大小限制为 40kb，建议尺寸为 81px * 81px，不支持网络图片。

color与selectedColor需写在list外，否则可能无法识别。

6、标签的使用

小程序有自己的语法规范：WXML 全称是 WeiXin Markup Language

view标签是我们开发过程中最常用的标签了，这个就相当于Html中的div。

text标签也是我们开发中常用的，这个相当于Html中的span

image标签相当于我们Html中的img。（image中图片的比例不会随宽高改变需要设置mode，不然可能会失真）

具体变更可根据开发文档自行查看：视图容器 | 微信开放文档