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


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 相关文章推荐
兼容IE与firefox火狐的回车事件(js与jquery)
Oct 20 Javascript
详解强大的jQuery选择器之基本选择器、层次选择器
Feb 07 Javascript
jQuery中:file选择器用法实例
Jan 04 Javascript
基于Jquery实现表单验证
Jul 20 Javascript
百度地图JavascriptApi Marker平滑移动及车头指向行径方向
Mar 13 Javascript
Vue报错:Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#‘的解决方法
Jun 17 Javascript
JS使用贪心算法解决找零问题示例
Nov 27 Javascript
swiper移动端轮播插件(触碰图片之后停止轮播)
Dec 28 Javascript
javascript性能优化之分时函数的介绍
Mar 28 Javascript
Vue2.0实现组件之间数据交互和通信操作示例
May 16 Javascript
JS异步宏队列与微队列原理区别详解
Jul 02 Javascript
如何构建一个Vue插件并生成npm包
Oct 26 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 智能404跳转代码,适合换域名没改变目录的网站
2010/06/04 PHP
采用PHP函数memory_get_usage获取PHP内存清耗量的方法
2011/12/06 PHP
基于PHP开发中的安全防范知识详解
2013/06/06 PHP
PHP检测用户语言的方法
2015/06/15 PHP
PHP cookie与session会话基本用法实例分析
2019/11/18 PHP
如何实现iframe(嵌入式帧)的自适应高度
2006/07/26 Javascript
你真的了解JavaScript吗?
2007/02/24 Javascript
通过修改referer下载文件的方法
2008/05/11 Javascript
jQuery对象和DOM对象相互转化
2009/04/24 Javascript
MooTools 页面滚动浮动层智能定位实现代码
2011/08/23 Javascript
跨浏览器通用、可重用的选项卡tab切换js代码
2011/09/20 Javascript
Jquery 例外被抛出且未被接住原因介绍
2013/09/04 Javascript
js编写trim()函数及正则表达式的运用
2013/10/24 Javascript
Jquery 实现checkbox全选方法
2015/01/28 Javascript
jQuery使用hide方法隐藏指定元素class样式用法实例
2015/03/30 Javascript
详解JavaScript UTC时间转换方法
2016/01/07 Javascript
解析Node.js基于模块和包的代码部署方式
2016/02/16 Javascript
Bootstrap导航条鼠标悬停下拉菜单
2017/01/04 Javascript
关于webpack代码拆分的解析
2017/07/20 Javascript
layer.open关闭父窗口 以及调用父页面的方法
2018/08/17 Javascript
axios全局注册,设置token,以及全局设置url请求网段的方法
2018/09/25 Javascript
Vue 第三方字体图标引入 Font Awesome的方法
2018/09/28 Javascript
基于javascript实现贪吃蛇经典小游戏
2020/04/10 Javascript
JavaScript计算出两个数的差值
2020/03/19 Javascript
Python编程使用*解包和itertools.product()求笛卡尔积的方法
2017/12/18 Python
python定时复制远程文件夹中所有文件
2019/04/30 Python
python中for循环变量作用域及用法详解
2019/11/05 Python
sklearn+python:线性回归案例
2020/02/24 Python
详解CSS3 rem(设置字体大小) 教程
2017/11/21 HTML / CSS
Needle & Thread官网:英国仙女品牌
2018/01/13 全球购物
工程招投标邀请书
2014/01/30 职场文书
教师节主持词开场白
2015/05/29 职场文书
毕业论文指导老师意见
2015/06/04 职场文书
活动简报范文
2015/07/22 职场文书
MySQL 逻辑备份与恢复测试的相关总结
2021/05/14 MySQL
关于的python五子棋的算法
2022/05/02 Python