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


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实现的支持lrc歌词的播放器
May 17 Javascript
js查找父节点的简单方法
Jun 28 Javascript
javascript结合Canvas 实现简易的圆形时钟
Mar 11 Javascript
JavaScript基本语法讲解
Jun 03 Javascript
javascript实现倒计时(精确到秒)
Jun 26 Javascript
Javascript实现鼠标框选操作  不是点击选取
Apr 14 Javascript
AngularJS基础 ng-keypress 指令简单示例
Aug 02 Javascript
Vue.js Ajax动态参数与列表显示实现方法
Oct 20 Javascript
Kindeditor单独调用多图上传实例
Jul 31 Javascript
node.js 发布订阅模式的实例
Sep 10 Javascript
JS动态插入脚本和插入引用外部链接脚本的方法
May 21 Javascript
Element MessageBox弹框的具体使用
Jul 27 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
require(),include(),require_once()和include_once()区别
2008/03/27 PHP
php 使用post,get的一种简洁方式
2010/04/25 PHP
《PHP编程最快明白》第二讲 数字、浮点、布尔型、字符串和数组
2010/11/01 PHP
PHP中使用sleep造成mysql读取失败的案例和解决方法
2014/08/21 PHP
php中将一个对象保存到Session中的方法
2015/03/13 PHP
PHP实现简单用户登录界面
2019/10/23 PHP
自适应图片大小的弹出窗口
2006/07/27 Javascript
Javascript 获取LI里的内容
2008/12/17 Javascript
QUnit jQuery的TDD框架
2010/11/04 Javascript
js实现翻页后保持checkbox选中状态的实现方法
2012/11/03 Javascript
js抽奖实现随机抽奖代码效果
2013/12/02 Javascript
jQuery 追加元素的方法如append、prepend、before
2014/01/16 Javascript
JavaScript定义变量和变量优先级问题探讨
2014/10/11 Javascript
jQuery插件实现大图全屏图片相册
2015/03/14 Javascript
jQuery实现的超酷苹果风格图标滑出菜单效果代码
2015/09/16 Javascript
js 获取当前web应用的上下文路径实现方法
2016/08/19 Javascript
AngularJS  $modal弹出框实例代码
2016/08/24 Javascript
js基础之DOM中document对象的常用属性方法详解
2016/10/28 Javascript
详解基于angular-cli配置代理解决跨域请求问题
2017/07/05 Javascript
vue-cli webpack模板项目搭建及打包时路径问题的解决方法
2018/02/26 Javascript
微信小程序js文件改变参数并在视图上及时更新【推荐】
2018/06/11 Javascript
微信小程序收藏功能的实现代码
2018/06/12 Javascript
Vue.js结合bootstrap前端实现分页和排序效果
2018/12/29 Javascript
基于webpack4+vue-cli3项目实现换肤功能
2019/07/17 Javascript
使用layui实现树形结构的方法
2019/09/20 Javascript
python中实现k-means聚类算法详解
2017/11/11 Python
利用python实现汉字转拼音的2种方法
2019/08/12 Python
python pprint模块中print()和pprint()两者的区别
2020/02/10 Python
曼联官方网上商店:Manchester United Direct
2017/07/28 全球购物
英国空调、除湿机和通风设备排名第一:Air Con Centre
2019/02/25 全球购物
党日活动总结
2014/05/07 职场文书
个人股份合作协议书
2014/10/24 职场文书
2015年元旦联欢晚会活动总结
2014/11/28 职场文书
我们的节日端午节活动总结
2015/02/11 职场文书
Python连接Postgres/Mysql/Mongo数据库基本操作大全
2021/06/29 Python
Go语言的协程上下文的几个方法和用法
2022/04/11 Golang