最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

微信小程序(五)頁面生命周期詳細(xì)介紹

 更新時間:2016年09月27日 10:54:21   作者:順子_RTFSC  
這篇文章主要介紹了 微信小程序頁面生命周期的相關(guān)資料,需要的朋友可以參考下


這里只要熟悉頁面的基本生命周期即可,業(yè)務(wù)在指定生命周期函數(shù)內(nèi)書寫。

以下是官網(wǎng)給出的生命周期函數(shù)方法和狀態(tài)圖

上面的生周期函數(shù)圖對于做Android 或者IOS的來書理解起來應(yīng)該不是難事,具體怎么掌握只有慢慢嘗試和摸索

代碼處理:

這里的代碼主需要對使用創(chuàng)建項(xiàng)目時index目錄下文件處理下就行,至于跳轉(zhuǎn)后的頁面用的還是logs不需要更改!下面貼下代碼注釋也比較詳細(xì)

index.wxml

<!--index.wxml-->
<view class="container">
<!--綁定點(diǎn)擊事件-->
 <view bindtap="bindViewTap" class="userinfo">
 </view>
 <view class="usermotto">
 <!--數(shù)據(jù)綁定-->
 <text class="user-motto">{{motto}}</text>
 </view>
</view>

index.wxss

/**index.wxss**/

.container {
 width: 800;
 height: 800;
}
.userinfo {
 width: 120rpx;
 height: 120rpx;
 background: red;
}

index.js

//index.js
//獲取應(yīng)用實(shí)例
var app = getApp()
Page({
 /**
 * 通過data初始化數(shù)據(jù)
 */
 data: {
 motto: '點(diǎn)擊上面View跳轉(zhuǎn)',
 // userInfo: {}
 },
 //事件處理函數(shù)
 bindViewTap: function() {
 //通過調(diào)用API進(jìn)行跳轉(zhuǎn)
 wx.navigateTo({
 url: '../logs/logs'
 })
 },
 /**
 * 監(jiān)聽頁面開在加載的狀態(tài)
 * 頁面加載完成之后就不會在執(zhí)行
 */
 onLoad: function () {
 console.log('index---------onLoad()')
 // //this指的就是本頁面對象
 // var that = this
 // //調(diào)用應(yīng)用實(shí)例的方法獲取全局?jǐn)?shù)據(jù)
 // app.getUserInfo(function(userInfo){
 // //更新數(shù)據(jù)
 // that.setData({
 // userInfo:userInfo
 // })
 // //更新本頁面
 // that.update()
 // })
 },
 /**
 * 監(jiān)聽頁面顯示,
 * 當(dāng)從當(dāng)前頁面調(diào)轉(zhuǎn)到另一個頁面
 * 另一個頁面銷毀時會再次執(zhí)行
 */
 onShow: function() {
 console.log('index---------onShow()')
 },
 /**
 * 監(jiān)聽頁面渲染完成
 * 完成之后不會在執(zhí)行
 */
 onReady: function() {
 console.log('index---------onReaday()');
 },
 /**
 * 監(jiān)聽頁面隱藏
 * 當(dāng)前頁面調(diào)到另一個頁面時會執(zhí)行
 */
 onHide: function() {
 console.log('index---------onHide()')
 },
 /**
 * 當(dāng)頁面銷毀時調(diào)用
 */
 onUnload: function() {
 console.log('index---------onUnload')
 }

})

相關(guān)文章:

hello WeApp                      icon組件
Window 
                            text組件                                switch組件
tabBar底部導(dǎo)航                 progress組件                        action-sheet
應(yīng)用生命周期                    button組件                            modal組件
頁面生命周期
                    checkbox組件                       toast組件
模塊化詳                           form組件詳                            loading 組件
數(shù)據(jù)綁定
                           input 組件                             navigator 組件
View組件                          picker組件                             audio 組件
scroll-view組件                 radio組件                              video組件
swiper組件                        slider組件                              Image組件

  • 探索JavaScript未來模式匹配的引入分析

    探索JavaScript未來模式匹配的引入分析

    這篇文章主要來帶大家探索JavaScript的未來,關(guān)于模式匹配的引入為編程體驗(yàn)帶來革命性變化分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-10-10
  • 前端對接WebSocket與心跳重連實(shí)現(xiàn)

    前端對接WebSocket與心跳重連實(shí)現(xiàn)

    這篇文章主要為大家介紹了前端對接WebSocket與心跳重連實(shí)現(xiàn)詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-07-07
  • 微信小程序 定義全局?jǐn)?shù)據(jù)、函數(shù)復(fù)用、模版等詳細(xì)介紹

    微信小程序 定義全局?jǐn)?shù)據(jù)、函數(shù)復(fù)用、模版等詳細(xì)介紹

    這篇文章主要介紹了微信小程序 定義全局?jǐn)?shù)據(jù)、函數(shù)復(fù)用、模版等詳細(xì)介紹的相關(guān)資料,需要的朋友可以參考下
    2016-10-10
  • 8個JS的reduce使用實(shí)例和reduce操作方式

    8個JS的reduce使用實(shí)例和reduce操作方式

    reduce方法是JavaScript中一個比較強(qiáng)大的方法,可能在平時開發(fā)中,有人根本沒用過,通過下面的8個例子,學(xué)會reduce的用法以及它的常用場景,需要的朋友可以參考一下
    2021-09-09
  • ESLint規(guī)范TypeScript代碼使用方法

    ESLint規(guī)范TypeScript代碼使用方法

    這篇文章主要為大家介紹了ESLint規(guī)范TypeScript代碼使用方法,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-11-11
  • 動態(tài)引入DynamicImport實(shí)現(xiàn)原理

    動態(tài)引入DynamicImport實(shí)現(xiàn)原理

    這篇文章主要為大家介紹了動態(tài)引入DynamicImport實(shí)現(xiàn)原理詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-01-01
  • electron創(chuàng)建新窗口模態(tài)框并實(shí)現(xiàn)主進(jìn)程傳值給子進(jìn)程

    electron創(chuàng)建新窗口模態(tài)框并實(shí)現(xiàn)主進(jìn)程傳值給子進(jìn)程

    這篇文章主要為大家介紹了electron創(chuàng)建新窗口模態(tài)框并實(shí)現(xiàn)主進(jìn)程傳值給子進(jìn)程示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-02-02
  • JavaScript的八種數(shù)據(jù)類型

    JavaScript的八種數(shù)據(jù)類型

    這篇文章主要分享的是JavaScript的八種數(shù)據(jù)類型,ES5的時候,我們大家認(rèn)知的數(shù)據(jù)類型是?6種的,但是ES6?中新增了一種?Symbol,谷歌67版本中還出現(xiàn)了一種?bigInt,是指安全存儲、操作大整數(shù),像下面文章我可沒就來看看這八種數(shù)據(jù)類型的詳細(xì)介紹吧
    2022-01-01
  • 淺談JavaScript作用域

    淺談JavaScript作用域

    這篇文章主要介紹了JavaScript作用域詳情,作用域的使用提高了程序邏輯的局部性,增強(qiáng)了程序的可靠性,減少了名字沖突,下面文章我們一起來了解更多的詳細(xì)內(nèi)容,需要的小伙伴也可以參考一下
    2021-12-12
  • 最新評論

    大化| 香港| 平顶山市| 龙里县| 依安县| 乡宁县| 江津市| 泸溪县| 沂水县| 永善县| 商城县| 朝阳区| 清镇市| 安徽省| 乌鲁木齐市| 林西县| 江油市| 濉溪县| 福州市| 谢通门县| 惠水县| 常熟市| 望谟县| 南陵县| 昭通市| 舒兰市| 恩施市| 湟中县| 延吉市| 垫江县| 湘西| 紫阳县| 正蓝旗| 正阳县| 开江县| 延吉市| 贡嘎县| 巨鹿县| 黎川县| 都兰县| 肥西县|