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


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中常用的55个经典技巧
Aug 12 Javascript
jQuery实现淡入淡出二级下拉导航菜单的方法
Aug 28 Javascript
javascript图片切换综合实例(循环切换、顺序切换)
Jan 13 Javascript
js实现界面向原生界面发消息并跳转功能
Nov 22 Javascript
微信小程序 HTTPS报错整理常见问题及解决方案
Dec 14 Javascript
angularjs下拉框空白的解决办法
Jun 20 Javascript
js求数组中全部数字可拼接出的最大整数示例代码
Aug 25 Javascript
vue cli 全面解析
Feb 28 Javascript
vue axios请求超时的正确处理方法
Apr 02 Javascript
jQuery ajax仿Google自动提示SearchSuggess功能示例
Mar 28 jQuery
微信小程序分包加载代码实现方法详解
Sep 23 Javascript
vue3中的组件间通信
Mar 31 Vue.js
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将数据导入到Foxmail
2006/10/09 PHP
THINKPHP+JS实现缩放图片式截图的实现
2010/03/07 PHP
php数组函数序列之array_intersect() 返回两个或多个数组的交集数组
2011/11/10 PHP
深入理解PHP之数组(遍历顺序)  Laruence原创
2012/06/13 PHP
PHP常用排序算法实例小结【基本排序,冒泡排序,快速排序,插入排序】
2017/02/07 PHP
不要在cookie中使用特殊字符的原因分析
2010/07/13 Javascript
jquery select(列表)的操作(取值/赋值)
2011/03/16 Javascript
判断window.onload是否多次使用的方法
2014/09/21 Javascript
javascript工厂方式定义对象
2014/12/26 Javascript
javascript属性访问表达式用法分析
2015/04/25 Javascript
js表单提交和submit提交的区别实例分析
2015/12/10 Javascript
Node.js的MongoDB驱动Mongoose基本使用教程
2016/03/01 Javascript
Three.js如何实现雾化效果示例代码
2017/09/27 Javascript
vue 根据数组中某一项的值进行排序的方法
2018/08/30 Javascript
nodejs读取本地中文json文件出现乱码解决方法
2018/10/10 NodeJs
[44:40]KG vs LGD 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
python实现机器人行走效果
2018/01/29 Python
python 列表降维的实例讲解
2018/06/28 Python
Sanic框架应用部署方法详解
2018/07/18 Python
python实现任意位置文件分割的实例
2018/12/14 Python
numpy数组广播的机制
2019/07/12 Python
Flask框架学习笔记之模板操作实例详解
2019/08/15 Python
python使用opencv在Windows下调用摄像头实现解析
2019/11/26 Python
Pycharm中import torch报错的快速解决方法
2020/03/05 Python
Pytorch 使用不同版本的cuda的方法步骤
2020/04/02 Python
Python获取浏览器窗口句柄过程解析
2020/07/25 Python
Pycharm 2020.1 版配置优化的详细教程
2020/08/07 Python
CSS3悬停效果案例应用
2012/11/21 HTML / CSS
一款利用css3的鼠标经过动画显示详情特效的实例教程
2014/12/29 HTML / CSS
HTML5实现签到 功能
2018/10/09 HTML / CSS
乌克兰时尚鞋子和衣服购物网站:Born2be
2018/05/24 全球购物
医学院毕业生自荐信范文
2014/03/06 职场文书
农村结婚典礼司仪主持词
2014/03/14 职场文书
铁路安全事故反思
2014/04/26 职场文书
我爱我家教学反思
2014/05/01 职场文书
研究生毕业登记表的自我鉴定范文
2019/07/15 职场文书