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


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 相关文章推荐
HTML5附件拖拽上传drop &amp; google.gears实现代码
Apr 28 Javascript
JavaScript中instanceof运算符的用法总结
Nov 19 Javascript
jquery代码实现简单的随机图片瀑布流效果
Apr 20 Javascript
深入浅出讲解ES6的解构
Aug 03 Javascript
canvas绘制万花筒效果(代码分享)
Jan 20 Javascript
loading动画特效小结
Jan 22 Javascript
js实现九宫格拼图小游戏
Feb 13 Javascript
jquery中绑定事件的异同
Feb 28 Javascript
ionic+html5+API实现双击返回键退出应用
Sep 17 Javascript
layUI使用layer.open,在content打开数据表格,获取值并返回的方法
Sep 26 Javascript
vue prop属性传值与传引用示例
Nov 13 Javascript
JS面向对象编程基础篇(二) 封装操作实例详解
Mar 03 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学习笔记(二) 了解PHP的基本语法以及目录结构
2014/08/04 PHP
ThinkPHP实现递归无级分类――代码少
2015/07/29 PHP
反射调用private方法实践(php、java)
2015/12/21 PHP
Windows下PHP开发环境搭建教程(Apache+PHP+MySQL)
2016/06/13 PHP
使用Laravel中的查询构造器实现增删改查功能
2019/09/03 PHP
php实例化一个类的具体方法
2019/09/19 PHP
PHP实用小技巧之调用录像的方法
2019/12/05 PHP
原型方法的不同写法居然会影响调试的解决方法
2007/03/08 Javascript
不安全的常用的js写法
2009/09/15 Javascript
javascript Array 数组常用方法
2015/04/05 Javascript
vue-router传递参数的几种方式实例详解
2018/11/13 Javascript
微信小程序实现时间预约功能
2018/11/27 Javascript
jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析
2020/04/30 jQuery
react的hooks的用法详解
2020/10/12 Javascript
vant-ui组件调用Dialog弹窗异步关闭操作
2020/11/04 Javascript
python re正则表达式模块(Regular Expression)
2014/07/16 Python
Python访问纯真IP数据库脚本分享
2015/06/29 Python
python简单实现获取当前时间
2016/08/27 Python
python引入导入自定义模块和外部文件的实例
2017/07/24 Python
Python贪心算法实例小结
2018/04/22 Python
Python考拉兹猜想输出序列代码实践
2019/07/05 Python
tensorflow图像裁剪进行数据增强操作
2020/06/30 Python
Python headers请求头如何实现快速添加
2020/11/03 Python
细说NumPy数组的四种乘法的使用
2020/12/18 Python
python爬取代理ip的示例
2020/12/18 Python
IE10 Error.stack 让脚本调试更加方便快捷
2013/04/22 HTML / CSS
悦木之源美国官网:Origins美国
2016/08/01 全球购物
销售所有的狗狗产品:Dog.com
2016/10/13 全球购物
什么是唯一索引
2015/07/05 面试题
八年级生物教学反思
2014/01/22 职场文书
市场调查策划方案
2014/06/10 职场文书
工作作风整顿个人剖析材料
2014/10/11 职场文书
2019年描写人生经典诗句大全
2019/07/08 职场文书
Python中json.load()和json.loads()有哪些区别
2021/06/07 Python
Vue h函数的使用详解
2022/02/18 Vue.js
clear 万能清除浮动(clearfix:after)
2023/05/21 HTML / CSS