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


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 相关文章推荐
为数据添加append,remove功能
Oct 03 Javascript
ExtJS 2.0实用简明教程 之ExtJS版的Hello
Apr 29 Javascript
原生JS可拖动弹窗效果实例代码
Nov 09 Javascript
javascript操作数组详解
Dec 17 Javascript
JavaScript中的方法重载实例
Mar 16 Javascript
node.js操作mongodb学习小结
Apr 25 Javascript
详解JavaScript的while循环的使用
Jun 03 Javascript
JS、jQuery中select的用法详解
Apr 21 Javascript
vue中echarts3.0自适应的方法
Feb 26 Javascript
vue实现选项卡及选项卡切换效果
Apr 24 Javascript
vue 遮罩层阻止默认滚动事件操作
Jul 28 Javascript
vue 项目中当访问路由不存在的时候默认访问404页面操作
Aug 31 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图片上传程序
2008/03/27 PHP
PHP入门学习的几个不错的实例代码
2008/07/13 PHP
phpMyAdmin2.11.6安装配置方法
2008/08/24 PHP
php判断正常访问和外部访问的示例
2014/02/10 PHP
PHP处理JSON字符串key缺少双引号的解决方法
2014/09/16 PHP
ThinkPHP通过AJAX返回JSON的两种实现方法
2014/12/18 PHP
盘点PHP和ASP.NET的10大对比!
2015/12/24 PHP
php用户登录之cookie信息安全分析
2016/05/13 PHP
广告显示判断
2006/08/31 Javascript
Extjs Label的 fieldLabel和html属性值对齐的方法
2014/06/15 Javascript
bootstrap滚动监控器使用方法解析
2017/01/13 Javascript
使用JavaScript判断用户输入的是否为正整数(两种方法)
2017/02/05 Javascript
浅谈JavaScript中的apply/call/bind和this的使用
2017/02/26 Javascript
安装vue-cli报错 -4058 的解决方法
2017/10/19 Javascript
Angular4实现图片上传预览路径不安全的问题解决
2017/12/25 Javascript
JS匿名函数和匿名自执行函数概念与用法分析
2018/03/16 Javascript
详解从react转职到vue开发的项目准备
2019/01/14 Javascript
Python求两个文本文件以行为单位的交集、并集与差集的方法
2015/06/17 Python
Python装饰器实现几类验证功能做法实例
2017/05/18 Python
python脚本生成caffe train_list.txt的方法
2018/04/27 Python
使用WingPro 7 设置Python路径的方法
2019/07/24 Python
window环境pip切换国内源(pip安装异常缓慢的问题)
2019/12/31 Python
浅谈Python协程
2020/06/17 Python
python开根号实例讲解
2020/08/30 Python
python自动从arxiv下载paper的示例代码
2020/12/05 Python
Jogun Shop中文官网:韩国知名时尚男装网站
2016/10/12 全球购物
澳大利亚新奇小玩意网站:Yellow Octopus
2017/12/28 全球购物
购买原创艺术品:Zatista
2019/11/09 全球购物
学生出入校管理制度
2014/01/16 职场文书
股东出资证明书范例
2014/10/04 职场文书
2014年节能降耗工作总结
2014/12/11 职场文书
2015年幼师个人工作总结
2015/10/15 职场文书
个人售房合同协议书
2016/03/21 职场文书
详解盒子端CSS动画性能提升
2021/05/24 HTML / CSS
详解CSS不定宽溢出文本适配滚动
2021/05/24 HTML / CSS
根德5570型九灯四波段立体声收音机是电子管收音机的楷模 ? 再论5570
2022/04/05 无线电