
微信小程序
代码搬运工阿新
专注java开发10年经验,微信开发5年经验
展开
-
微信小程序页面生命周期解说
生命周期这个词在程序里面是很常见的一个词。像java web中servlet生命周期,Android中activity生命周期一样,微信小程序也有自己的生命周期。我们开始创建项目时,创建一个.js文件,输入page时,小程序会附带的显示出page的生命周期,如图:1.data属性是用来初始化页面数据的;2.onLoad函数是生命周期函数,也是生命周期的开始;3.onReady函原创 2016-10-09 10:19:29 · 493 阅读 · 0 评论 -
小程序WXML之引用
引用WXML提供两种文件引用方式import和include。importimport可以在该文件中使用目标文件定义的template,如:在item.wxml中定义了一个叫item的template:template name="item"> text>{{text}}text>template>在index.wxml中引用了item.wxml,就可以使用it原创 2016-10-21 14:09:43 · 1949 阅读 · 2 评论 -
小程序WXML之事件
什么是事件事件是视图层到逻辑层的通讯方式。 事件可以将用户的行为反馈到逻辑层进行处理。 事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。 事件对象可以携带额外信息,如id, dataset, touches。原创 2016-10-21 12:02:10 · 1664 阅读 · 1 评论 -
小程序WXML之数据绑定
WXML(WeiXin Markup Language)是MINA设计的一套标签语言,结合基础组件,事件系统,可以构建出页面的结构。简单的说就是微信团队自己设计出来一种xml标签语言,在小程序中扩展名为*.wxml,主要有数据绑定、列表渲染、条件渲染、模板、事件、引用功能。数据绑定语法结构:数据绑定使用"Mustache"语法(双大括号)将变量包起来。例如:{{ message }}下原创 2016-10-13 11:16:41 · 8436 阅读 · 0 评论 -
小程序WXML之条件渲染
wx:if在MINA中,用来判断是否需要渲染该代码块,这个和java、C中if条件判断是一样的,语法格式:wx:if="{{condition}}",双重大括号中是条件表达式除了wx:if还可以用wx:elif和wx:else来添加一个else块,我们来看一个实例:1.test.wxml文件2.test.js文件3.运行结果大家可以去更换条件表达式的原创 2016-10-14 16:55:24 · 21709 阅读 · 0 评论 -
微信小程序环境搭建
微信小程开发工具的下载破解以及使用方法。原创 2016-10-08 10:54:42 · 2067 阅读 · 0 评论 -
微信小程序WXML之列表渲染
这一章节我们来学习一下我们在程序中另一个重要的语法结构循环结构,在java或C中是用for关键字的,在微信小程序中也是for关键字,但是不同的是语法结构有点不同,下面我们介绍一下。wx:for在组件上使用wx:for控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为index,数组当前项的变量名默认为item下面我们来分析一下一个实原创 2016-10-19 11:23:29 · 17625 阅读 · 0 评论 -
小程序WXML之模板
WXML提供一种比较特殊的标签模板(template),可以在模板中定义代码片段,然后在不同的地方调用。这个有点类似C和java里面的函数方法。定义模板我们怎样去定义一个模板呢?模板的标签是,使用name属性,作为模板的名字。然后在内定义代码片段,如:<!-- index: int msg: string time: string-->template na原创 2016-10-19 17:02:53 · 4157 阅读 · 0 评论