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


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 相关文章推荐
如何实现浏览器上的右键菜单
Jul 10 Javascript
利用XMLHTTP传递参数在另一页面执行并刷新本页
Oct 26 Javascript
javascript 类定义的4种方法
Sep 12 Javascript
简单的两种Extjs formpanel加载数据的方式
Nov 09 Javascript
Jquery选择器中使用变量实现动态选择例子
Jul 25 Javascript
jQuery中closest()函数用法实例
Jan 07 Javascript
Jquery Easyui搜索框组件SearchBox使用详解(19)
Dec 17 Javascript
利用VUE框架,实现列表分页功能示例代码
Jan 12 Javascript
原生javascript AJAX 三级联动的实现代码
May 04 Javascript
前端防止用户重复提交js实现代码示例
Sep 07 Javascript
JS监听事件的叠加和移除功能
Nov 19 Javascript
微信h5静默和非静默授权获取用户openId的方法和步骤
Jun 08 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/06/13 PHP
采用thinkphp自带方法生成静态html文件详解
2014/06/13 PHP
php中current、next与reset函数用法实例
2014/11/17 PHP
PHP微信开发之查询微信精选文章
2016/06/23 PHP
PHPCrawl爬虫库实现抓取酷狗歌单的方法示例
2017/12/21 PHP
一些相见恨晚的 JavaScript 技巧
2010/04/25 Javascript
利用了jquery的ajax实现二级联互动菜单
2013/12/02 Javascript
Javascript排序算法之合并排序(归并排序)的2个例子
2014/04/04 Javascript
Jquery插件分享之气泡形提示控件grumble.js
2014/05/20 Javascript
Javascript模块化编程详解
2014/12/01 Javascript
JavaScript获取网页、浏览器、屏幕高度和宽度汇总
2014/12/18 Javascript
ros::spin() 和 ros::spinOnce()函数的区别及详解
2016/10/01 Javascript
js实现彩色条纹滚动条效果
2017/03/15 Javascript
详解利用 Vue.js 实现前后端分离的RBAC角色权限管理
2017/09/15 Javascript
vue语法之拼接字符串的示例代码
2017/10/25 Javascript
浅谈vue单一组件下动态修改数据时的全部重渲染
2018/03/01 Javascript
Vue配置marked链接添加target=&quot;_blank&quot;的方法
2019/07/19 Javascript
Python Tkinter简单布局实例教程
2014/09/03 Python
python itchat实现微信自动回复的示例代码
2017/08/14 Python
Python实现将数据框数据写入mongodb及mysql数据库的方法
2018/04/02 Python
windows下python安装pip图文教程
2018/05/25 Python
Python对切片命名的实现方法
2018/10/16 Python
python连接mysql有哪些方法
2020/06/24 Python
HTML 5 input placeholder 属性如何完美兼任ie
2014/05/12 HTML / CSS
澳洲女装时尚在线:Blue Bungalow
2018/05/05 全球购物
The North Face北面法国官网:美国著名户外品牌
2019/11/01 全球购物
屈臣氏菲律宾官网:Watsons菲律宾
2020/06/30 全球购物
介绍一下Linux文件的记录形式
2012/04/18 面试题
迟到检讨书1000字
2014/01/15 职场文书
小学生家长评语集锦
2014/01/30 职场文书
幼儿园门卫岗位职责
2014/02/14 职场文书
舞蹈专业大学生职业规划范文
2014/03/12 职场文书
银行职员自我鉴定
2014/04/20 职场文书
美术课外活动总结
2014/07/08 职场文书
课外小组活动总结
2014/08/27 职场文书
前端JS获取URL参数的4种方法总结
2022/04/05 Javascript