码迷,mamicode.com
首页 > 微信 > 详细

如安在微信小法式榜样定义全局变量、全局函数、若何完成 函数复用 模块化开辟等成绩详解

时间:2018-06-10 11:41:24      浏览:11367      评论:0      收藏:0      [点我收藏+]

标签:变量   common   com   模块化   全局   营业   module   感化   style   

 

1.若何定义全局数据

  在app.js的App({})中定义的数据或函数都是全局的,在页面中可以经过过程var app = getApp();  app.function/key的方法调用,不过我们没有须要再app.js中定义全局函数。

定义 全局函数 以下图:技巧分享图片

技巧分享图片

技巧分享图片

2.若何实现代码的复用

  完成函数的复用前我们先复习一个知识点:require 用来加载代码,而 exports 和 module.exports 则用来导出代码。module.exports 对象是由模块体系创建的。在我们本身写模块的时辰,须要在模块最后写好模块接口,声明这个模块对外裸露甚么内容,module.exports 供给了裸露接口的办法。

技巧分享图片

技巧分享图片

 

技巧分享图片

 测试代码如以下:

test.js
function test(){
}
module.exports={
 test:test 
}
 
other.js
var common = require(‘test.js‘);
page({
  common.test()
})

3.微信小法式榜样的组件化开辟

微信小法式榜样曾经供给了很多现成的组件,完成 组件化开辟 异常轻易,可是,在我们实际营业中,还有一些须要本身去开辟的组件,有些组件在很多页面反复出现,假设不封装成公共的组件就会形成代码的反复率较多,大年夜家都知道,微信小法式榜样前端开辟包是有大年夜小限制的,那就是小于2M,所以微信小法式榜样的组件化开辟是很有须要的。

 

<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地位。

 

 技巧分享图片

技巧分享图片

 

如安在微信小法式榜样定义全局变量、全局函数、若何完成 函数复用 模块化开辟等成绩详解

标签:变量   common   com   模块化   全局   营业   module   感化   style   

原文地址:https://www.cnblogs.com/lguow/p/9162246.html

(0)
(0)
   
告发
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权一切 京ICP备13008772号-2
迷上了代码!