下载APP
登录
关闭
讲堂
算法训练营
Python 进阶训练营
企业服务
极客商城
客户端下载
兑换中心
渠道合作
推荐作者
当前播放: 16 | WXML特性之模板及引用
00:00 / 00:00
标清
  • 标清
1.0x
  • 2.0x
  • 1.5x
  • 1.25x
  • 1.0x
  • 0.5x
网页全屏
全屏
00:00
付费课程,可试看

9小时搞定微信小程序开发

共91讲 · 91课时·约600分钟
13116
免费
01 | 小程序的背景
免费
02 | 什么是小程序
免费
03 | 小程序生态及应用前景
免费
04 | 小程序开发前的准备
免费
05 | 安装微信开发者工具
免费
06 | 小程序代码结构简介
07 | 小程序配置文件介绍
08 | 开发者工具详解(一)
09 | 开发者工具详解(二)
10 | 创建第一个小程序
免费
11 | 开发框架组成介绍
免费
12 | WXML之语法
13 | WXML特性之数据绑定
14 | WXML特性之列表渲染
15 | WXML特性之条件渲染
16 | WXML特性之模板及引用
17 | WXSS特性之响应式像素
18 | WXSS特性之样式
19 | WXSS特性之选择器
20 | JavaScript介绍
免费
21 | 小程序JavaScript实现
免费
22 | 小程序宿主环境差异
23 | 学会使用WXS
24 | MINA框架讲解
25 | 小程序运行机制
26 | 小程序加载机制
27 | 生命周期
28 | 页面路由
29 | 小程序事件流
30 | view容器
31 | scroll-view滚动容器
32 | swiper滑块容器
33 | movable-view移动缩放容...
34 | cover-view原生视图容器
35 | 微信小程序基础内容组件之...
36 | 微信小程序基础内容组件之...
37 | 微信小程序基础内容组件之...
38 | 微信小程序基础内容组件之...
39 | 微信小程序表单组件之butt...
40 | 微信小程序表单组件之chec...
41 | 微信小程序表单组件之form
42 | 微信小程序表单组件之inpu...
43 | 微信小程序表单组件之labe...
44 | 微信小程序表单组件之pick...
45 | 微信小程序表单组件之pick...
46 | 微信小程序表单组件之radi...
47 | 信小程序表单组件之slider
48 | 微信小程序表单组件之swit...
49 | 微信小程序表单组件之text...
50 | 微信小程序导航组件naviga...
51 | 微信小程序媒体组件之audi...
52 | 微信小程序媒体组件之imag...
53 | 微信小程序媒体组件之vide...
54 | 微信小程序媒体组件之came...
55 | 微信小程序媒体组件之live...
56 | 微信小程序地图组件map
57 | 微信小程序画布组件canvas
58 | 微信小程序开放能力组件之...
59 | 微信小程序开放能力组件之...
60 | 微信小程序之API概述
61 | 微信小程序API之网络请求
62 | 微信小程序API之上传下载
63 | 微信小程序API之socket请...
64 | 微信小程序API之图片应用
65 | 微信小程序API之音频控制
66 | 微信小程序API之视频控制
67 | 微信小程序API之实时音视...
68 | 微信小程序API之文件应用
69 | 微信小程度API之数据缓存
70 | 微信小程序API之地图控制
71 | 微信小程序API之网络设备...
72 | 微信小程序API之加速度计...
73 | 微信小程序API之其他设备...
74 | 微信小程序API之界面相关...
75 | 微信小程序API之页面路由...
76 | 微信小程序API之操作动画
77 | 微信小程序API之绘图介绍
78 | 微信小程序开放功能之登录...
79 | 微信小程序开放功能之微信...
80 | 微信小程序开放功能之模板...
81 | 微信小程序开放功能之转发...
82 | 微信小程序开放功能之打开...
83 | 小程序实战项目小书架之开...
84 | 小程序实战项目小书架之书...
85 | 小程序实战项目小书架之登...
86 | 小程序实战项目小书架之个...
87 | 小程序实战项目小书架之书...
88 | 小程序实战项目小书架之评...
89 | 小程序实战项目小书架之已...
90 | 小程序之WePY框架介绍
91 | 小程序之性能优化
本节摘要

精选留言(14)

  • 2018-04-02
    两种引用模板的方式:include和template
    区别:include只会引用除template内容外的内容,
    inport只会引用template内的的内容,动态的传入数据,is表示引用的模板名称,data表示传入模板的数据
    24
  • 2018-03-30
    3:54秒,a.wxml中 import的应该是 c.wxml文件还是 b.wxml文件?

    作者回复: b.wxml,这里文件名有误,抱歉

    7
  • {{...item}}中前面那三个点是什么意思?

    作者回复: es6语法,扩展运算符

    2
  • 2018-04-02
    为什么加...item呢?老师解释一下呗,谢谢
    2
  • 2019-07-09
    import、 inlucde
    import 只引入源文件(src属性指向的文件)内自身定义的模板,
         只引入模板:引入的信息,只有模板,其他内容块代码不被引入。
         自身的模板:仅在源文件中定义的模板,不包括源文件中引进的其他模板(嵌套模板)。

    模板的定义跟使用都是通过 template 标签
        定义 通过 name 属性 <template name="aa">...</template>
        使用 通过 is 属性,参数传递通过 data属性 <template is="aa" data="{{...inData}}"/>

    include 引入源文件(src属性指向的文件)除模板以外的代码段。有个特别要注意的地方是,代码段不仅是源文件中的代码段,也包括源文件里通过template is 方式转换出来的代码段

    小结 import 用于模板(自身的模板), include 用于代码段(所有的代码段)
    展开
    1
  • 2018-05-01
    照抄老师的代码
    <!--index.wxml-->
    <import src="a.wxml"></import>
    <template is="a"></template>
    <!--a.wxml-->
    <view>hellow,world</view>
    <template name="a">
    hello,world!
    </template>
    我的app.json输入
    {"pages":[
    "pages/index/index",
    "pages/a/a"
    ]
    }
    页面显示的是view值:hello,world
    没有调用import值的hello,world!
    --

    请指教问题出现在哪?

    展开
    1
  • 2018-04-11
    求教一个问题,像轻芒咋杂志的小程序,顶部导航栏(左右滑动的)是如何实现的?主页面不可以下拉刷新,每个tab对应的页面可以下拉刷新,tab对应的页面是scroll/view吗

    作者回复: 他这个应该是一个页面,然后使用了一个导航栏的组件(非原生),主tab那里通过js控制不开启页面下拉刷新,切换到其他tab时再开启下拉刷新,下拉刷新的那个loading态是他们自己做的

    1
  • 2018-04-07
    为什么变量前面要加...,麻烦老师科普下,谢谢

    作者回复: 这个是es6的一个扩展运算符语法,可以将对象或数组进行解构赋值

    1
  • 2019-12-05
    <import src="../categary/categary.wxml" />
    <template is="A" />

    [引用 | 微信开放文档](https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/import.html)
  • 2018-12-03
    前后调用多次模板后显示出现重叠的问题,这是怎么回事?
  • 2018-11-08
    import作用域问题,压根就不是问题啊,import只会引用模板标签里的内容,您给的例子,b模板的引用是在a模板标签外的啊
  • 2018-10-22
    import和include讲的一点都不清楚,还不如看微信小程序的文档来的清晰明白
  • 2018-04-11
    为什么我的会全部显示出来?import
  • 2018-04-08
    老师你好。
    为什么我输入视频中的代码,a.wxml和b.wxml文件中的内容都会显示出来呢?