資訊專欄INFORMATION COLUMN
摘要：入口文件繼承自組件基類，它同樣擁有組件生命周期，但因?yàn)槿肟谖募奶厥庑?，他的生命周期并不完整，如。支持組件化開(kāi)發(fā)，組件代碼可以放在任意位置，不過(guò)建議放在下的目錄中。
生命周期 componentWillMount
在微信小程序中這一生命周期方法對(duì)應(yīng)頁(yè)面的onLoad或入口文件app中的onLaunch
componentDidMount在微信小程序中這一生命周期方法對(duì)應(yīng)頁(yè)面的onReady或入口文件app中的onLaunch，在 componentWillMount后執(zhí)行
componentDidShow在微信小程序中這一生命周期方法對(duì)應(yīng) onShow
componentDidHide在微信小程序中這一生命周期方法對(duì)應(yīng) onHide
componentDidCatchError錯(cuò)誤監(jiān)聽(tīng)函數(shù)，在微信小程序中這一生命周期方法對(duì)應(yīng) onError
componentDidNotFound頁(yè)面不存在監(jiān)聽(tīng)函數(shù)，在微信小程序中這一生命周期方法對(duì)應(yīng) onPageNotFound
shouldComponentUpdate頁(yè)面是否需要更新
componentWillUpdate頁(yè)面即將更新
componentDidUpdate頁(yè)面更新完畢
componentWillUnmount頁(yè)面退出，在微信小程序中這一生命周期方法對(duì)應(yīng) onUnload
在小程序中 ，頁(yè)面還有一些專屬的方法成員，如下：
1. onPullDownRefresh： 頁(yè)面相關(guān)事件處理函數(shù)--監(jiān)聽(tīng)用戶下拉動(dòng)作
2. onReachBottom： 頁(yè)面上拉觸底事件的處理函數(shù)
3. onShareAppMessage： 用戶點(diǎn)擊右上角轉(zhuǎn)發(fā)
4. onPageScroll： 頁(yè)面滾動(dòng)觸發(fā)事件的處理函數(shù)
5. onTabItemTap： 當(dāng)前是 tab 頁(yè)時(shí)，點(diǎn)擊 tab 時(shí)觸發(fā)
6. componentWillPreload： 預(yù)加載，只在微信小程序中可用
注意1.通常入口文件會(huì)包含一個(gè) config 配置項(xiàng)，這里的配置主要參考微信小程序的全局配置而來(lái)，在編譯成小程序時(shí)，這一部分配置將會(huì)被抽離成 app.json，而編譯成其他端，亦會(huì)有其他作用。
2.入口文件繼承自 Component 組件基類，它同樣擁有組件生命周期，但因?yàn)槿肟谖募奶厥庑?，他的生命周期并不完整，如：componentWillMount、componentDidMount、componentDidShow、componentDidHide、componentDidCatchError、componentDidNotFound。
3.入口文件需要包含一個(gè) render 方法，一般返回程序的第一個(gè)頁(yè)面，但值得注意的是不要在入口文件中的 render 方法里寫(xiě)邏輯及引用其他頁(yè)面、組件，因?yàn)榫幾g時(shí) render 方法的內(nèi)容會(huì)被直接替換掉，你的邏輯代碼不會(huì)起作用。
4.Taro 支持組件化開(kāi)發(fā)，組件代碼可以放在任意位置，不過(guò)建議放在 src 下的 components 目錄中。一個(gè)組件通常包含組件 JS 文件以及組件樣式文件，組織方式與頁(yè)面類似。
taro項(xiàng)目目錄如下:
├── config 配置目錄 | ├── dev.js 開(kāi)發(fā)時(shí)配置 | ├── index.js 默認(rèn)配置 | └── prod.js 打包時(shí)配置 ├── src 源碼目錄 | ├── components 公共組件目錄 | ├── pages 頁(yè)面文件目錄 | | ├── index index 頁(yè)面目錄 | | | ├── banner 頁(yè)面 index 私有組件 | | | ├── index.js index 頁(yè)面邏輯 | | | └── index.css index 頁(yè)面樣式 | ├── utils 公共方法庫(kù) | ├── app.css 項(xiàng)目總通用樣式 | └── app.js 項(xiàng)目入口文件 └── package.json
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/100163.html
摘要：讓人又愛(ài)又恨的微信小程序自微信小程序以下簡(jiǎn)稱小程序誕生以來(lái)，就伴隨著贊譽(yù)與爭(zhēng)議不斷。同時(shí)于開(kāi)發(fā)者來(lái)說(shuō)，小程序的生態(tài)不斷在完善，許多的坑已被踩平，雖然還是存在一些令人詬病的問(wèn)題，但已經(jīng)足見(jiàn)微信的誠(chéng)意了。 Taro 介紹 在互聯(lián)網(wǎng)不斷發(fā)展的今天，前端程序員們也不斷面臨著新的挑戰(zhàn)，在這個(gè)變化多端、不斷革新自己的領(lǐng)域，每一年都有新的美好事物在發(fā)生。從去年微信小程序的誕生，到今年的逐漸火熱，以及...
摘要：中國(guó)互聯(lián)網(wǎng)絡(luò)信息中心發(fā)布的中國(guó)互聯(lián)網(wǎng)絡(luò)發(fā)展?fàn)顩r統(tǒng)計(jì)報(bào)告顯示，截至年月，我國(guó)網(wǎng)民規(guī)模達(dá)億人，微信月活億支付寶月活億百度月活億另一方面，中國(guó)手機(jī)占智能手機(jī)整體的比例超過(guò)，月活約億。在年末正式發(fā)布了面向未來(lái)的跨端的。 開(kāi)源中國(guó)專訪：Chameleon原理首發(fā)，其它跨多端統(tǒng)一框架都是假的？ 原創(chuàng)： 嘉賓-張楠 開(kāi)源中國(guó) 以往我們說(shuō)某一功能跨多端，往往是指在諸如 PC、移動(dòng)等不同類型的設(shè)備之...
摘要：個(gè)人所有文章同步到前言最近公司準(zhǔn)備開(kāi)發(fā)幾款可以在微信小程序端和端同時(shí)運(yùn)行的一套商城，接著就是任務(wù)下發(fā)嘍，但是有一點(diǎn)，時(shí)間緊任務(wù)重，直接說(shuō)其他的不管，反正幾個(gè)星期之內(nèi)必須上線，頭疼。 個(gè)人所有文章同步到：https://github.com/zhengzhuan... 前言 最近公司Boss準(zhǔn)備開(kāi)發(fā)幾款可以在微信小程序端和H5端同時(shí)運(yùn)行的一套商城，接著就是任務(wù)下發(fā)嘍，但是有一點(diǎn)，時(shí)間緊任...
摘要：多端統(tǒng)一開(kāi)發(fā)框架優(yōu)秀學(xué)習(xí)資源匯總官方資源項(xiàng)目倉(cāng)庫(kù)官方文檔項(xiàng)目倉(cāng)庫(kù)官方文檔微信小程序官方文檔百度智能小程序官方文檔支付寶小程序官方文檔字節(jié)跳動(dòng)小程序官方文檔文章教程不敢閱讀包源碼帶你揭秘背后的哲學(xué)從到構(gòu)建適配不同端微信小程序等的應(yīng)用小程序最 Awesome Taro 多端統(tǒng)一開(kāi)發(fā)框架 Taro 優(yōu)秀學(xué)習(xí)資源匯總 showImg(https://segmentfault.com/img/r...
閱讀 2692·2021-11-18 10:02
閱讀 2687·2021-11-15 11:38
閱讀 3791·2021-11-12 10:36
閱讀 765·2021-11-12 10:34
閱讀 2998·2021-10-21 09:38
閱讀 1589·2021-09-29 09:48
閱讀 1704·2021-09-29 09:34
閱讀 1186·2021-09-22 10:02
