小程序day1

sitemap.json

.json

1.app.json项目全局配置文件

app.json项目全局配置文件

2.project.config.json

3.sitemap.json

页面是否能被索引

4.页面的.json配置文件

页面设置优先app.json

新建小程序页面

在app.json->pages里新增页面的存放路径

list页面存放list页面
更换首页就是直接在方框中调整

wxml

构建页面结构

wxss

.js 文件

1.app.js
整个小程序项目的入口文件，通过调用App()函数来调用整个小程序
2.页面的.js文件
页面的入口文件。通过调用Page()函数来创建并运行页面
3.普通的.js文件
封装公共的函数或属性供页面使用

小程序的宿主环境

程序运行所必须的依赖环境
Android和IOS系统
手机微信是小程序的宿主环境
宿主环境包含内容：

通信模型

1.通信的主体

2.同学模型

运行机制

组件

1.视图容器类组件

1.1 view==div
1.2 scroll-view可滚动视图

<scroll-view class="" scroll-y></scroll-view>
scroll-y属于纵向滚动
-x横向滚动

1.3 swiper和swiper-item轮播图容器组件和轮播图item组件

<swiper class="swiper-container">
  <swiper-item class="item1">
    <view>A</view>
  </swiper-item>
  <swiper-item>
    <view>B</view>
  </swiper-item>
  <swiper-item>
    <view>C</view>
  </swiper-item>
</swiper>

swiper常用属性

<swiper class="swiper-container" indicator-dots indicator-active-color="orange" indicator-color="red" autoplay interval="3000" circular>

2.基础内容组件

2.1 text==span
selectable属性，属性长按选中内容的效果
2.2 rich-text
nodes属性，把html字符串渲染成对应的UI结构
nodes=“html语言”

<view>
<text selectable>1232r</text>
<rich-text nodes="<h1 style='color:red;'>标题一</h1>" >
</rich-text>
</view>

3.其它常用组件

3.1 butto按钮
通过open-type属性调用微信提供的各种功能（客服、转发、获取用户授权、获取用户信息 ）

<!-- type按钮类型 -->
<button>普通按钮</button>
<button type="primary">主色调按钮</button>
<button type="warn">警告按钮</button>
<!-- size按钮尺寸 -->
<button size="mini">普通按钮</button>
<button type="primary" size="mini">主色调按钮</button>
<button type="warn" size="mini">警告按钮</button>
<button type="warn" size="mini">警告按钮</button>
<!-- plain镂空按钮 -->
<button size="mini" plain="">普通按钮</button>
<button type="primary" size="mini" plain>主色调按钮</button>

app.json的style确定是旧版还是新版样式
3.2 image图片组件
默认宽300，高240

3.3

API

协同工作和发布