实训第三天

实训第三天

一、知识点

  • 知识点

 

1、组件

基础内容,媒体,导航,很多标签在组件里找

 

2、轮播图:

Swiper

1个block代表一个图片

用for循环+脚本js里加个url路径

 

3、Wx:if控制显示和隐藏

Hidden一进去一直显示和存在,只是切换和隐藏,大量切换时用,

If一进去没有渲染就不会出现,切换消耗大,不需要大量切换时使用

 

4、Index是下标

Item是数组的每一项

 

5、Wx:key唯一标识符

 

6、Wx:index 和 wx:item可以换名字

 

7、<template is="model" data="{{obj}}"/>

data是数据来源

 

8、框架

数据从框架里来,

数据绑定,两个花括号{{}}

 

9、判断语句在数据绑定的基础上做

 

10、三目运算

与if else一样的条件判断

易错:两个=,三目运算都在{{}}中

 

11、模块化开发

引用(某个页面很有用,常用)

新开一个wxml(页面之外)

不能直接引入index.js的

 

模板,每个页面都要写一次

 

12、同步,异步(看计算机网络)

同步:

卡死不能运行

异步:

卡死还能运行

 

13、花括号永远是一个对象

 

14、map经度纬度必须有

正值:东经+北纬

 

二、作业

1、在“我的” 页面调用微信小程序里的方法,把用户头像、用户名称做一个列表;

实训第三天_第1张图片

2、调用微信小程序的接口获取手机信息,在“我的” 页面里把手机信息展示出来(包括手机型号、手机系统、分辨率);

实训第三天_第2张图片

3、把整个“地图”页面变成地图(最好有浮标定位到当前位置);作业提交形式:有源代码和两个页面的手机截图。

实训第三天_第3张图片

你可能感兴趣的:(微信小程序)