浅谈小程序globalData的那些事儿_javascript技巧

来源:脚本之家  责任编辑:小易  

小程序开发可以增加企业的曝光。小程序开发可以让企业更好的服务用户www.zgxue.com防采集请勿采集本网。

我在严冬下掘起结冰的泥土,我在黑暗的战壕里跃动,我用生命守护房屋的石板,我在散发着焦土味的废墟下长眠。

幼儿园班主任既是幼儿的组织者,又是幼儿的领导者和教育者,既担负着教育教学工作,又管理着幼儿日常所有琐碎事务,班主任工作在幼儿园管理中起着举足轻重的作用,班主任的工作态度、工作方法

小程序中,除了每个页面有自己的 data,还有个全局数据存储地方:globalData,获取方式如下:

下面,我结合自己的工作实际谈谈自己的学习体会。科学发展观,第一要义是发展,核心是以人为本,基本要求是全面协调可持续,根本方法是统筹兼顾。编辑工作是一项以文化创意为核心的工作,其目的是创造精品

let globalData = getApp().globalData

试读结束,如需阅读或下载,请点击购买>原发布者:覃晓芳 浅谈如何做好学校管理工作 农村教育工作是一项长期的、艰巨的、复杂的系统工程。农村学校相对来说还是比较薄弱的,无论从生源、师资、还是政府投入

实际业务代码中总会遇到这种情况:写着写着发现需要用全局数据,但是不能直接就在当前函数里直接写上面的一段代码,因为要和别的函数共用,所以返回 js 文件顶部添加一段代码,再返回刚刚断掉的地方继续写,类似这样:

一、2113学法、知法、守法、用法 1、学法、知法,增强法律法制意识 2、遵纪守法,做个文明公民 3、用法护法,维护正当权益,保护消费者的权益,每年的3.15日是消费者权益日。二、遵守单位、行业

// 省略12行let globalData = getApp().globalData// 省略15行Page({ data: { ... } //.. 省略863行 onButtonTap(e) { // ... let myData = globalData.myData // ... }})

经过这么一折腾,可能刚刚的代码思路都没了。那能不能直接在想用的函数里直接方便的获取这个 globalData 呢?比如:

// 省略27行Page({ data: { ... } //.. 省略863行 onButtonTap(e) { // ... let myData = this.globalData.myData // ... }})

或者换种方式获取和设置 myData:

let myData = this.$global('myData')// ...this.$global('myData', 2)

实现 global 方法

function global(name, value) { var globalData = getApp().globalData var data = {} // this.$global() if (arguments.length === 0) { return globalData } // this.$global('myData') if (arguments.length === 1) { if (is.string(name)) { return globalData[name] } // this.$global({ // name: 1 // }) if (is.object(name)) { data = name } } // this.$global('myData', 2) if (arguments.length === 2) { data[name] = value } return extend(data, data)}

其中,is.string 和 is.object 是类型判断函数。简单实现了多种操作 globalData 的方法,详细见注释。

挂载到 this

函数有了,那么怎么挂在到小程序页面的 this 中呢,看过前几篇可能知道,要对小程序原有的 Page 函数进行改造。

有两种方式,一种是直接添加到 config 里:

var originPage = Pagevar global = require('../utils/global')function MyPage(config) { // ... config.$global = global // ... originPage(config)}function page (config) { return new MyPage(config)}

或者在代理后的 onLoad 函数里定义:

var originPage = Pagevar global = require('../utils/global')function MyPage(config) { this.watch = config.watch this.lifetimeBackup = { onLoad: config.onLoad } config.onLoad = function(options) { this.$global = global // 其他代码 this.lifetimeBackup.onLoad.call(this, options) } // ... originPage(config)}

总结

利用这种方式,可以定义很多通用的小程序页面的方法,比如在摩拜小程序内部封装了 this.$util、this.$navigate等适合自身业务的工具方法等。

鼓励分享2113交流,引导幼儿多方式表达发现5261科学活动中的交流既是幼4102儿1653对探究过程和结果的表达,也是幼儿通过与同伴分享经验、倾听同伴意见或进行讨论,从而梳理经验、形成认识的过程。可以说,它也是探究过程中的一个关键步骤。因此,教师要提供机会,创设条件,鼓励幼儿用多种方式表达想法、交流意见。幼儿语言表达能力尚欠缺,语词相对贫乏。因此,每当幼儿有了想法且愿意说给大家听时,教师一定要耐心倾听,可适当用他们能理解的简洁的语言帮助他们梳理想要表达的内容,这样既是引导幼儿学习如何表达,又能巩固他们活动中获得的经验。中班阶段,幼儿语言能力逐渐提升,也能够用图画和符号进行简单的记录了。教师可引导幼儿用绘画、拍照等方法记录他们探究的过程与发现,以丰富幼儿的经验,帮助幼儿建立事物之间的联系,鼓励他们和同伴进行分享交流内容来自www.zgxue.com请勿采集。


  • 本文相关:
  • 微信小程序全局变量globaldata的定义和调用过程解析
  • 微信小程序在其他页面监听globaldata中值的变化
  • 微信小程序如何使用globaldata的方法
  • js获取select的value和text值的简单实例
  • 基于javascript实现移动端tab触屏切换效果
  • layui 数据表格批量删除和多条件搜索的实例
  • event对象获取方法总结在google浏览器下测试
  • canvas实现动态的雪花效果
  • javascript强大的日期函数代码分享
  • js实现消息来时让网页标题闪动效果的方法
  • 深入解析javascript闭包的功能及实现方法
  • bootstrap的popover(弹出框)2秒后定时消失的实现代码
  • js特殊字符转义介绍
  • 浅谈如何组织开展小班科学区区域活动
  • 浅谈小程序开发对企业的发展到底有什么好处
  • 浅谈如何做好管教工作
  • 浅谈如何做好自己的本职工作
  • 浅谈如何做好小班班主任
  • 浅谈如何落实以人为本
  • 浅谈如何做好学生管理工作
  • 浅谈怎样做好一个遵纪守法的好公民
  • 浅谈如何做好“90”后新兵的思想工作
  • 网站首页网页制作脚本下载服务器操作系统网站运营平面设计媒体动画电脑基础硬件教程网络安全基础知识javascript类库表单特效广告代码网页特效黑客性质javascript技巧domnode.jsjs其它首页javascript微信小程序全局变量globaldata的定义和调用过程解析微信小程序在其他页面监听globaldata中值的变化微信小程序如何使用globaldata的方法js获取select的value和text值的简单实例基于javascript实现移动端tab触屏切换效果layui 数据表格批量删除和多条件搜索的实例event对象获取方法总结在google浏览器下测试canvas实现动态的雪花效果javascript强大的日期函数代码分享js实现消息来时让网页标题闪动效果的方法深入解析javascript闭包的功能及实现方法bootstrap的popover(弹出框)2秒后定时消失的实现代码js特殊字符转义介绍js刷新页面方法大全js中settimeout()的用法详解js截取字符串常用方法详细整理js页面跳转常用的几种方式js打开新窗口的2种方式js数组与字符串的相互转换方法js设置cookie、读取cookie、删除js删除数组里的某个元素方法js 将json字符串转换为json对象的javascript深入理解js闭包javascript writable特性介绍javascript触发onscroll事件的函数节流详js中原始值和引用值的储存方式示例详解javascript父子页面通讯实例详解socket在egg中的使用实例代码详解javascript打印网页指定区域的例子javascript关键字加亮加连接直接在js里创建json数据然后遍历使用基于bootstrapvalidator的form表单验证(2你可能不知道的cors跨域资源共享
    免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved