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


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 相关文章推荐
js实现DIV的一些简单控制
Jun 04 Javascript
ExtJS的FieldSet的column列布局
Nov 20 Javascript
详解强大的jQuery选择器之基本选择器、层次选择器
Feb 07 Javascript
JQuery实现的购物车功能(可以减少或者添加商品并自动计算价格)
Jan 13 Javascript
手机端转盘抽奖代码分享
Sep 10 Javascript
jQuery实现选中弹出窗口选择框内容后赋值给文本框的方法
Nov 23 Javascript
利用BootStrap弹出二级对话框的简单实现方法
Sep 21 Javascript
记录一篇关于redux-saga的基本使用过程
Aug 18 Javascript
node中的cookie的具体使用
Sep 13 Javascript
vue实现从外部修改组件内部的变量的值
Jul 30 Javascript
three.js着色器材质的内置变量示例详解
Aug 16 Javascript
vue任意关系组件通信与跨组件监听状态vue-communication
Oct 18 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图片的裁剪与缩放生成符合需求的缩略图
2013/01/11 PHP
一个背景云变换js特效 鼠标移动背景云变化
2012/12/28 Javascript
利用js实现在浏览器状态栏显示访问者在本页停留的时间
2013/12/29 Javascript
jQuery中关于ScrollableGridPlugin.js(固定表头)插件的使用逐步解析
2014/07/17 Javascript
JavaScript中的索引数组、关联数组和静态数组、动态数组讲解
2014/11/08 Javascript
APP中javascript+css3实现下拉刷新效果
2016/01/27 Javascript
JS实现控制文本框的内容
2016/07/10 Javascript
BootStrap导航栏问题记录
2017/07/31 Javascript
JS实现问卷星自动填问卷脚本并在两秒自动提交功能
2020/06/17 Javascript
webpack项目调试以及独立打包配置文件的方法
2018/02/28 Javascript
jQuery实现的3D版图片轮播示例【滑动轮播】
2019/01/18 jQuery
axios+Vue实现上传文件显示进度功能
2019/04/14 Javascript
javascript实现对话框功能警告(alert 消息对话框)确认(confirm 消息对话框)
2019/05/07 Javascript
[26:40]DOTA2上海特级锦标赛A组资格赛#1 Secret VS MVP.Phx第一局
2016/02/25 DOTA
Python实现字典去除重复的方法示例
2017/07/31 Python
Python字符编码与函数的基本使用方法
2017/09/30 Python
PyQt QCombobox设置行高的方法
2019/06/20 Python
解决python 虚拟环境删除包无法加载的问题
2020/07/13 Python
CSS3的calc()做响应模式布局的实现方法
2017/09/06 HTML / CSS
Staples美国官方网站:办公用品一站式采购
2016/07/28 全球购物
专门出售各种儿童读物的网站:Put Me In The Story
2016/08/07 全球购物
英国奢侈皮具品牌:Aspinal of London
2018/09/02 全球购物
Famous Footwear加拿大:美国多品牌运动休闲鞋店
2018/12/05 全球购物
施华洛世奇西班牙官网:SWAROVSKI西班牙
2019/06/06 全球购物
澳大利亚Mocha官方网站:包、钱包、珠宝和配饰
2019/07/18 全球购物
介绍java中初始化块的使用
2012/09/11 面试题
.net开发工程师面试题
2014/02/25 面试题
中专三年学习的个人自我评价
2013/12/12 职场文书
会议邀请函范文
2014/01/09 职场文书
水污染治理工程专业求职信
2014/06/14 职场文书
汽车服务工程专业自荐信
2014/09/02 职场文书
三八妇女节慰问信
2015/02/14 职场文书
2015年推广普通话演讲稿
2015/03/20 职场文书
秋收起义观后感
2015/06/11 职场文书
详细谈谈JavaScript中循环之间的差异
2021/08/23 Javascript
app场景下uniapp的扫码记录
2022/07/23 Java/Android