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


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 相关文章推荐
模拟用户点击弹出新页面不会被浏览器拦截
Apr 08 Javascript
jQuery实现带滚动导航效果的全屏滚动相册实例
Jun 19 Javascript
jQuery插件formValidator自定义函数扩展功能实例详解
Nov 25 Javascript
AngularJS中监视Scope变量以及外部调用Scope方法
Jan 23 Javascript
JS之相等操作符详解
Sep 13 Javascript
详细讲解JavaScript中的this绑定
Oct 10 Javascript
JS前端开发判断是否是手机端并跳转操作(小结)
Feb 05 Javascript
微信小程序 两种为对象属性赋值的方式详解
Feb 23 Javascript
判断jQuery是否加载完成,没完成继续判断的解决方法
Dec 06 jQuery
基于js Canvas实现二次贝塞尔曲线
Dec 25 Javascript
react+redux仿微信聊天界面
Jun 21 Javascript
vue.js的状态管理vuex中store的使用详解
Nov 08 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
PHP错误Cannot use object of type stdClass as array in错误的解决办法
2014/06/12 PHP
学习php设计模式 php实现访问者模式(Visitor)
2015/12/07 PHP
解决php扩展安装不生效问题
2019/10/25 PHP
ASP中用Join和Array,可以加快字符连接速度的代码
2007/08/22 Javascript
JavaScript 使用技巧精萃(.net html
2009/04/25 Javascript
IE6下JS动态设置图片src地址问题
2010/01/08 Javascript
js保存当前路径(cookies记录)
2010/12/14 Javascript
基于Jquery实现表格动态分页实现代码
2011/06/21 Javascript
jquery中load方法的用法及注意事项说明
2014/02/22 Javascript
javascript arguments使用示例
2014/12/16 Javascript
JavaScript中的object转换函数toString()与valueOf()介绍
2014/12/31 Javascript
jQuery中insertAfter()方法用法实例
2015/01/08 Javascript
nodejs 整合kindEditor实现图片上传
2015/02/03 NodeJs
png在IE6 下无法透明的解决方法汇总
2015/05/21 Javascript
详解AngularJS Filter(过滤器)用法
2015/12/28 Javascript
基于Bootstrap+jQuery.validate实现表单验证
2016/05/30 Javascript
jQuery Ajax向服务端传递数组参数值的实例代码
2017/09/03 jQuery
Node.js fs模块原理及常见用途
2020/10/22 Javascript
原生js中运算符及流程控制示例详解
2021/01/05 Javascript
python list转dict示例分享
2014/01/28 Python
在Python中使用列表生成式的教程
2015/04/27 Python
Python中防止sql注入的方法详解
2017/02/25 Python
Python编程之微信推送模板消息功能示例
2017/08/21 Python
如何基于Python创建目录文件夹
2019/12/31 Python
Python3通过chmod修改目录或文件权限的方法示例
2020/06/08 Python
Python jieba结巴分词原理及用法解析
2020/11/05 Python
Python爬虫后获取重定向url的两种方法
2021/01/19 Python
利用canvas实现图片压缩的示例代码
2018/07/17 HTML / CSS
GLAMGLOW格莱魅美国官网:美国知名的面膜品牌
2016/12/31 全球购物
荷兰网上买鞋:MooieSchoenen.nl
2017/09/12 全球购物
实习教师自我鉴定
2013/12/09 职场文书
银行门卫岗位职责
2013/12/29 职场文书
十八届三中全会学习方案
2014/02/16 职场文书
社区灵活就业证明
2014/11/03 职场文书
2015年教师业务工作总结
2015/05/26 职场文书
小学中队长竞选稿
2015/11/20 职场文书