小程序的学习--轮播图.模板及一些设置

1. app.json下面page[0]的项: 代表第一个进入的页
   

2. 每个wxml会默认将同名.js和.css文件直接引入，不用手动引入

3. 导航 wx.navigateTo //跳到

4. 导航 wx.redirectTo //重定向

5. navigationTextStyle：各个界面可分别设置各自的项

6. 轮播图 swiper

<swiper indicator-dots indicator-color="yellowgreen" indicator-active-class>
	<swiper-item>
		<images>
	</swiper-item>
</swiper>

6. template 模板的使用

• 模板的定义：（name=“模板名字”）

<template name="listTmp"></template>

• 模板的使用：(在list.wxml中引入对应的.wxml文件,list.wxss中引入对应的.wxss文件)
  is: 引用的模板名字

<template is="listTmp"/>

<import src='/pages/template/list-tmp.wxml'/> //引入.wxml
@import '/pages/template/list-tmp.wxss';//引入.wxss

• 结合列表渲染 指令 wx:for
  解释: 在组件上使用 wx:for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。
  默认数组的当前项的下标变量名默认为 index，数组当前项的变量名默认为 item

<block wx:for="{{listArr}}" wx:key="index"> 
    <view>
      <template is="listTmp" data="{{...item}}"></template>
    </view>
  </block>

• 将模板所需要的data传入,data为listArr的每一项,template内部可直接引用listArr中每一项的属性名

template内部: {{avatar}}对应下方的avatar

<template name="listTmp">
  <view class="listTmp-container">
    <view class="self-info">
      <image class="avatar-img" src="{{avatar}}"></image> 
      <text class="time">{{date}}</text>
    </view>
  </view>
</template>

listArr中的一项:

{
    date: 'sep 19 2016',
    avatar: '/images/avatar/4.png',
  }

---

补充：
1.进程和线程

• 进程: 程序一次完整执行的过程。
  例子： 浏览器多进程多线程，cpu处理程序的时候每次把时间片分给一个程序执行，cpu最关键的内核（2个，4个小的cpu）。
  进程归谁管理： 操作系统
• 线程：单线程，多线程的好处。同时进行，但是线程间互不影响。

2.created时候放了很多回调，但是其实并没有执行，只有在onReady上面才进行回调，数据其实已经有了

3.onShow是执行多次的

4.更上一层楼： 设计代码，排错能力