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


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 MD4
Dec 20 Javascript
js左侧三级菜单导航实例代码
Sep 13 Javascript
Javascript执行效率全面总结
Nov 04 Javascript
js简单的表格添加行和删除行操作示例
Mar 31 Javascript
javascript中sort()的用法实例分析
Jan 30 Javascript
深入解析JavaScript的闭包机制
Oct 20 Javascript
AngularJS实现动态编译添加到dom中的方法
Nov 04 Javascript
基于vue.js实现侧边菜单栏
Mar 20 Javascript
更强大的vue ssr实现预取数据的方式
Jul 19 Javascript
vue 框架下自定义滚动条(easyscroll)实现方法
Aug 29 Javascript
浅谈小程序globalData的那些事儿
Nov 01 Javascript
javascript实现一款好看的秒表计时器
Sep 05 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 实现进制转换(二进制、八进制、十六进制)互相转换实现代码
2010/10/22 PHP
php文件上传的简单实例
2013/10/19 PHP
PHP5各个版本的新功能和新特性总结
2014/03/16 PHP
php读取qqwry.dat ip地址定位文件的类实例代码
2016/11/15 PHP
仅IE不支持setTimeout/setInterval函数的第三个以上参数
2011/05/25 Javascript
autoPlay 基于jquery的图片自动播放效果
2011/12/07 Javascript
jquery实现的带缩略图的焦点图片切换(自动播放/响应鼠标动作)
2013/01/23 Javascript
jQuery中removeProp()方法用法实例
2015/01/05 Javascript
JS实现横向拉伸动感伸缩菜单效果代码
2015/09/04 Javascript
深入理解JavaScript中的对象复制(Object Clone)
2016/05/18 Javascript
简单好用的nodejs 爬虫框架分享
2017/03/26 NodeJs
Google 爬虫如何抓取 JavaScript 的内容
2017/04/07 Javascript
Windows下Node.js安装及环境配置方法
2017/09/18 Javascript
vue使用v-if v-show页面闪烁,div闪现的解决方法
2018/10/12 Javascript
JS与SQL方式随机生成高强度密码示例
2018/12/29 Javascript
微信小程序整合使用富文本编辑器的方法详解
2019/04/25 Javascript
VUE组件中的 Drawer 抽屉实现代码
2019/08/06 Javascript
JS实现音量控制拖动
2020/01/15 Javascript
JS实现数据动态渲染的竖向步骤条
2020/06/24 Javascript
js实现前端界面导航栏下拉列表
2020/08/27 Javascript
[00:47]TI7不朽珍藏III——沙王不朽展示
2017/07/15 DOTA
Python之py2exe打包工具详解
2017/06/14 Python
Python Socket实现简单TCP Server/client功能示例
2017/08/05 Python
Python使用pyh生成HTML文档的方法示例
2018/03/10 Python
python 读文件,然后转化为矩阵的实例
2018/04/23 Python
Python使用selenium实现网页用户名 密码 验证码自动登录功能
2018/05/16 Python
Python FtpLib模块应用操作详解
2019/12/12 Python
波兰汽车配件网上商店:iParts.pl
2020/09/08 全球购物
C#如何调用Windows程序打开一个文档
2014/12/26 面试题
计算机毕业生自荐信范文
2014/03/23 职场文书
派出所所长先进事迹
2014/05/19 职场文书
公益广告标语
2014/06/19 职场文书
创优争先心得体会
2014/09/11 职场文书
公司委托书格式范文
2014/10/09 职场文书
社区务虚会发言材料
2014/10/20 职场文书
如何在python中实现ECDSA你知道吗
2021/11/23 Python