2017年最新微信小程序语法基础讲解(Mustache)

  

2017年最新微信小程序语法基础讲解(Mustache)

 

  最新消息,科汛微信小程序开发教程中比较重要的一个环节就是对于小程序语法的了解,下面就从Mustache语法详解一些基本的语法内容和代码来详细讲讲小程序语法。7月小程序又更新新的功能,微信小程序运维中心,也是为了让开发者更好的维护小程序。

  微信小程序 Mustache语法详解

  最近微信小程序非常火,对于前端开发的程序员是个利好的消息,这里主要记录下微信小程序 Mustache语法。

  小程序开发的wxml里,用到了Mustache语法。所以,非常有必要把Mustache研究下。

  什么是Mustache?Mustache是一个logic-less(轻逻辑)模板解析引擎,它是为了使用户界面与业务数据(内容)分离而产生的,它可以生成特定格式的文档,通常是标准的HTML文档。比如小程序的wxml中的代码:

  {{userInfo.nickName}},这里的{{ }}就是Mustache的语法。

  1、Mustache的模板语法很简单,就那么几个:

  1、{{keyName}}

2017年最新微信小程序语法基础讲解(Mustache)

  返回:

  weChat

  is excellent.

  去掉"&"的返回是转义为:

  weChat

  is excellent.

  另外,你也可以用{{{ }}}代替{{&}}。

  ⑶ 若是对象,还能声明其属性

2017年最新微信小程序语法基础讲解(Mustache)

  返回:name:Chen Jackson,age:18

  2、{{#keyName}} {{/keyName}}

  以#开始、以/结束表示区块,它会根据当前上下文中的键值来对区块进行一次或多次渲染。它的功能很强大,有类似if、foreach的功能。

2017年最新微信小程序语法基础讲解(Mustache)

  3、{{^keyName}} {{/keyName}}

  该语法与{{#keyName}} {{/keyName}}类似,不同在于它是当keyName值为null, undefined, false时才渲染输出该区块内容。比如:

2017年最新微信小程序语法基础讲解(Mustache)

  返回:没找到 nothing 键名就会渲染这段

  4、{{.}}

  {{.}}表示枚举,可以循环输出整个数组,例如:

2017年最新微信小程序语法基础讲解(Mustache)

  5、{{! }}表示注释

  6、{{>partials}}

  以>开始表示子模块,当结构比较复杂时,我们可以使用该语法将复杂的结构拆分成几个小的子模块。

  更多内容可以关注hishop微信小程序开发教程。


【本站声明】
  1、本站文章中所选用的图片及文字来源于网络以及用户投稿,由于未联系到知识产权人或未发现有关知识产权的登记,如有知识产权人并不愿意我们使用,如果有侵权请立即联系。
  2、本网站不对文章中所涉及的内容真实性、准确性、可靠性负责,仅系客观性描述,如您需要了解该类商品/服务详细的资讯,请您直接与该类商品/服务的提供者联系。


KESION 科汛软件

KESION 科汛软件是国内领先的在线教育软件及私域社交电商软件服务提供商,长期专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。
公司核心产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化独立部署品牌网校和在线教育咨询等。

KESION 不断通过技术创新,提供产品和服务,助力企业向数字化转型,通过科技驱动商业革新,让商业变得更智慧!



▼点击进入科汛官网了解更多



上/下篇
  • 2017最新微信小程序零基础开发(难度、成本及基

  • 微信小程序示例讲解:多列模式和省市区类型代

换一换相关推荐
精选内容
热点精选