亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

微信小程序頁(yè)面?zhèn)髦祵?shí)例分析

 更新時(shí)間：2017年04月19日 10:58:47   作者：Angeladaddy  
這篇文章主要介紹了微信小程序頁(yè)面?zhèn)髦祵?shí)例分析的相關(guān)資料,需要的朋友可以參考下

微信小程序頁(yè)面?zhèn)髦祵?shí)例分析

最近組里開(kāi)發(fā)小程序，遇到了一個(gè)前端亙古不變的話(huà)題：頁(yè)面?zhèn)髦?br />

剛開(kāi)始使用路徑傳參解決，但是眾所周知：

各瀏覽器HTTP Get請(qǐng)求URL最大長(zhǎng)度并不相同，幾類(lèi)常用瀏覽器最大長(zhǎng)度及超過(guò)最大長(zhǎng)度后提交情況如下：
IE6.0 :url最大長(zhǎng)度2083個(gè)字符，超過(guò)最大長(zhǎng)度后無(wú)法提交。
IE7.0 :url最大長(zhǎng)度2083個(gè)字符，超過(guò)最大長(zhǎng)度后仍然能提交，但是只能傳過(guò)去2083個(gè)字符。
firefox 3.0.3 :url最大長(zhǎng)度7764個(gè)字符，超過(guò)最大長(zhǎng)度后無(wú)法提交。
Opera 9.52 :url最大長(zhǎng)度7648個(gè)字符，超過(guò)最大長(zhǎng)度后無(wú)法提交。
Google Chrome 2.0.168 :url最大長(zhǎng)度7713個(gè)字符，超過(guò)最大長(zhǎng)度后無(wú)法提交。

所以覺(jué)得不靠譜。

研究了一下官網(wǎng)，發(fā)現(xiàn)有兩種方式可以“比較優(yōu)雅”地干這件事，當(dāng)然不能和vuex/flux比。

1.使用全局變量

在項(xiàng)目app.js中定義globalData

App({
 globalData:{
 userInfo:'angeladaddy'
}
});

在需要的地方使用：

getGlobalVar:function(){
 var that=this;
that.setData({
 globalvar_str:JSON.stringify(getApp().globalData)
}) 
}

當(dāng)然也可以隨時(shí)賦值：

onLoad:function(options){
 getApp().globalData.userInfo+=' is an awesome man';
},

效果：


2.使用模板

根據(jù)官方介紹如下：

首先定義模板,使用name屬性

<template name="msgItem">
 <view>
  <text> {{index}}: {{msg}} </text>
  <text> Time: {{time}} </text>
 </view>
</template>

接著，使用模板

使用 is 屬性，聲明需要的使用的模板，然后將模板所需要的 data 傳入，如：

<template is="msgItem" data="{{...item}}"/>

給item賦值以顯示模板數(shù)據(jù)

Page({
data: {
 item: {
  index: 0,
  msg: 'this is a template',
  time: '2016-09-15'
 }
}
})

這樣就一下解決了頁(yè)面?zhèn)髦祮?wèn)題

后記：既然小程序可以使用ES6的所有特性，那么那個(gè)var that=this又是什么鬼？為何不能用箭頭函數(shù)解決作用域問(wèn)題？回頭再試試。

感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！

相關(guān)文章

最新評(píng)論