微信小程序 定义全局数据、函数复用、模版等详细介绍


Posted in Javascript onOctober 27, 2016

微信小程序 定义全局数据、函数复用、模版等问题总结:

1.如何定义全局数据

在app.js的App({})中定义的数据或函数都是全局的,在页面中可以通过var app = getApp();  app.function/key的方式调用,不过我们没有必要再app.js中定义全局函数。

2.如何实现代码的复用

函数的复用:

test.js
test: function(){
}
module.exports={
 test:test 
}

other.js
var common = require('test.js');
page({
common.test()
})

模板:

<template name="odd">
 <view> odd </view>
</template>
<template name="even">
 <view> even </view>
</template>

<block wx:for="{{[1, 2, 3, 4, 5]}}">
  <template is="{{item % 2 == 0 ? 'even' : 'odd'}}"/>
</block>
//我们页可以把模板定义在其他文件中,以<import src="url"/>的形式引入,但是import有作用域的概念,即只会import目标文件中定义的template,
而不会import目标文件import的template
//include可以将目标文件除了<template/>的整个代码引入,相当于是拷贝到include位置。

 3.对于组件中值为boolean类型的属性,比如progress组件的active属性,checkbox的checked属性等等。无论设置成true还是false该属性都生效,测试发现html中也有这种情况,但通过checked={{}}的方式可以渲染成功。

 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
关于Mozilla浏览器不支持innerText的解决办法
Jan 01 Javascript
分享27款非常棒的jQuery 表单插件
Mar 28 Javascript
javascript权威指南 学习笔记之变量作用域分享
Sep 28 Javascript
JS 对输入框进行限制(常用的都有)
Jul 30 Javascript
为指定的元素添加遮罩层的示例代码
Jan 15 Javascript
Javascript验证用户输入URL地址是否为空及格式是否正确
Oct 09 Javascript
jQuery中offsetParent()方法用法实例
Jan 19 Javascript
真正好用的js验证上传文件大小的简单方法
Oct 27 Javascript
使用Angular缓存父页面数据的方法
Jan 03 Javascript
Vue动态组件与异步组件实例详解
Feb 23 Javascript
jQuery中实现text()的方法
Apr 04 jQuery
使用Vue-cli 中为单独页面设置背景图片铺满全屏
Jul 17 Javascript
vue插件tab选项卡使用小结
Oct 27 #Javascript
JS实现用户注册时获取短信验证码和倒计时功能
Oct 27 #Javascript
微信小程序 action-sheet底部菜单详解
Oct 27 #Javascript
JS短信验证码倒计时功能的实现(没有验证码,只有倒计时)
Oct 27 #Javascript
微信小程序  modal弹框组件详解
Oct 27 #Javascript
从0开始学Vue
Oct 27 #Javascript
微信小程序  Mustache语法详细介绍
Oct 27 #Javascript
You might like
Win2000+Apache+MySql+PHP4+PERL安装使用小结
2006/10/09 PHP
坏狼的PHP学习教程之第1天
2008/06/15 PHP
php 数组的指针操作实现代码
2011/02/08 PHP
php常用字符串比较函数实例汇总
2014/11/24 PHP
基于PHP实现的事件机制实例分析
2015/06/18 PHP
IE中直接运行显示当前网页中的图片 推荐
2006/08/31 Javascript
javascript实现动态增加删除表格行(兼容IE/FF)
2007/04/02 Javascript
IE中radio 或checkbox的checked属性初始状态下不能选中显示问题
2009/07/25 Javascript
JavaScript经典效果集锦
2010/07/06 Javascript
js 通用订单代码
2013/12/23 Javascript
JS检测输入字符是否包含非法字符的示例代码
2014/02/11 Javascript
JavaScript实现鼠标点击后层展开效果的方法
2015/05/13 Javascript
jquery如何获取元素的滚动条高度等实现代码
2015/10/19 Javascript
JavaScript中的this到底是什么(一)
2015/12/09 Javascript
微信小程序  网络请求API详解
2016/10/25 Javascript
关于Jquery中的bind(),on()绑定事件方式总结
2016/10/26 Javascript
discuz表情的JS提取方法分析
2017/03/22 Javascript
JavaScript闭包和回调详解
2017/08/09 Javascript
jQuery菜单实例(全选,反选,取消)
2017/08/28 jQuery
js运算符的一些特殊用法
2018/07/29 Javascript
Python输出汉字字库及将文字转换为图片的方法
2016/06/04 Python
python的numpy模块安装不成功简单解决方法总结
2017/12/23 Python
pandas修改DataFrame列名的实现方法
2019/02/22 Python
对YOLOv3模型调用时候的python接口详解
2019/08/26 Python
前台接待员岗位职责
2014/01/02 职场文书
手工社团活动方案
2014/02/17 职场文书
《植物妈妈有办法》教学反思
2014/02/25 职场文书
个人安全承诺书
2014/05/22 职场文书
航海技术专业毕业生推荐信
2014/07/09 职场文书
小学学校门卫岗位职责
2014/08/03 职场文书
医学检验专业自荐信
2014/09/18 职场文书
党员个人总结自评
2015/02/14 职场文书
自主招生推荐信格式模板
2015/03/24 职场文书
食堂采购员岗位职责
2015/04/03 职场文书
css实现文章分割线样式的多种方法总结
2021/04/21 HTML / CSS
Oracle中DBLink的详细介绍
2022/04/29 Oracle