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


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 相关文章推荐
javascript与CSS复习(三)
Jun 29 Javascript
onsubmit阻止form表单提交与onclick的相关操作
Sep 03 Javascript
IE6已终止操作问题的2种情况及解决
Apr 23 Javascript
jQuery+jRange实现滑动选取数值范围特效
Mar 14 Javascript
浅谈JavaScript中的作用域和闭包问题
Jul 07 Javascript
javascript基本算法汇总
Mar 09 Javascript
CKEditor无法验证的解决方案(js验证+jQuery Validate验证)
May 09 Javascript
JavaScript中Number对象的toFixed() 方法详解
Sep 02 Javascript
详细介绍RxJS在Angular中的应用
Sep 23 Javascript
JS常用的几种数组遍历方式以及性能分析对比实例详解
Apr 11 Javascript
jquery无缝图片轮播组件封装
Nov 25 jQuery
Vue 实现从文件中获取文本信息的方法详解
Oct 16 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与XML、XSLT、Mysql的结合运用实现代码
2009/11/19 PHP
PHP验证码函数代码(简单实用)
2013/09/29 PHP
php版微信公众平台接口参数调试实现判断用户行为的方法
2016/09/23 PHP
用JavaScript将从数据库中读取出来的日期型格式化为想要的类型。
2009/08/15 Javascript
jquery插件之easing使用
2010/08/19 Javascript
jquery获取tr中控件值并操作tr实现思路
2013/03/27 Javascript
JS数组的遍历方式for循环与for...in
2014/07/31 Javascript
js实现对ajax请求面向对象的封装
2016/01/08 Javascript
javascript返回顶部的按钮实现方法
2016/01/09 Javascript
JavaScript 闭包机制详解及实例代码
2016/10/10 Javascript
Vue.js学习之过滤器详解
2017/01/22 Javascript
jQuery实现IE输入框完成placeholder标签功能的方法
2017/09/20 jQuery
实现一个完整的Node.js RESTful API的示例
2017/09/29 Javascript
JS简单实现数组去重的方法分析
2017/10/14 Javascript
ES6入门教程之Array.from()方法
2019/03/23 Javascript
细说Vue组件的服务器端渲染的过程
2019/05/30 Javascript
js简单的分页器插件代码实例
2019/09/11 Javascript
JavaScript实现滑动门效果
2020/01/18 Javascript
vue-列表下详情的展开与折叠案例
2020/07/28 Javascript
vue实现简易的双向数据绑定
2020/12/29 Vue.js
[05:46]2018完美盛典-《同梦共竞》
2018/12/17 DOTA
[01:04:49]KG vs LGD 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
浅谈python str.format与制表符\t关于中文对齐的细节问题
2019/01/14 Python
浅谈python常用程序算法
2019/03/22 Python
Django外键(ForeignKey)操作以及related_name的作用详解
2019/07/29 Python
python 提取文件指定列的方法示例
2019/08/07 Python
django配置app中的静态文件步骤
2020/03/27 Python
python中sort sorted reverse reversed函数的区别说明
2020/05/11 Python
Django-Scrapy生成后端json接口的方法示例
2020/10/06 Python
你所在的项目是如何确定版本号的
2015/12/28 面试题
建筑文秘专业个人求职信范文
2013/12/28 职场文书
节约粮食标语
2014/06/18 职场文书
公司委托书怎么写
2014/08/02 职场文书
党的群众路线教育实践活动心得体会(教师)
2014/10/31 职场文书
2015年“七七卢沟桥事变”纪念活动总结
2015/03/24 职场文书
商场圣诞节活动总结
2015/05/06 职场文书