小程序开发笔记：01
小程序简介
小程序与普通网页开发的区别
- 运行环境的不同，网页运行在浏览器环境中，小程序运行在微信环境中；
- API不同，由于运行环境的不同，所以小程序中无法调用DOM和BOM的API,但是小程序可以调用微信环境提供的各种API,例如：地理定位，扫码，支付；
- 开发模式的不同：网页开发模式：浏览器+代码编辑器；
- 小程序有自己的一套标准开发模式：
- 申请小程序开发账号；
- 安装小程序开发工具；
- 创建和配置小程序项目；
注册小程序账号、安装开发者工具
- 使用浏览器打开
http://mp.weixin.qq.com/网址，注册；
小程序开发工具
结构介绍
- pages用来存放所有小程序的页面；
- utils用来存放工具性质的模块；（例如格式化时间的自定义模块）
- app.js小程序项目的入口文件；
- app.json,小程序项目的全局配置文件；
- app.wxss小程序项目的全局样式文件；
- project.config.json项目配置文件；
- sitemap.json用来配置小程序及其页面是否允许被微信索引；
小程序页面的组成部分
- 小程序官方建议把所有小程序的页面，都放在pages目录中，以单独的文件夹存在；
全局的页面样式
- 全局的app.wxss
- 局部的样式是放在局部的文件里；
- 新增的rpx尺寸单位，CSS需要手动进行像素单位换算，例如rem;
- wxss在底层支持新的尺寸单位rpx,在不同大小的屏幕小程序会自动进行换算；
宿主环境
小程序宿主环境--组件
小程序组件的分类
view容器
scroll-view组件的使用
- scroll-y,允许纵向滚动；
- scroll-x,允许横向滚动；
- 使用竖向滚动时，必须给scroll-view一个固定高度；
轮播图的效果swiper和swiper-item
常用的基础内容组件
