亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

Wepy-小程序踩坑記

tinna / 2388人閱讀

摘要：引言用過(guò)原生開(kāi)發(fā)的小程序也知道除了其他功能性的內(nèi)容并不多對(duì)于需要做大型項(xiàng)目來(lái)說(shuō)是比較難入手的，因此朋友推薦的我就入坑鳥(niǎo)。。。開(kāi)發(fā)還是和部分有出入，因此如下記錄，入手的教程就不發(fā)了只發(fā)踩坑。

引言

用過(guò)原生開(kāi)發(fā)的小程序也知道除了api 其他功能性的內(nèi)容并不多對(duì)于需要做大型項(xiàng)目來(lái)說(shuō)是比較難入手的，因此朋友推薦的wepy我就入坑鳥(niǎo)。。。
這么一個(gè)跟vue的開(kāi)發(fā)方式類似的框架，不過(guò)說(shuō)起來(lái)跟vue類似，但是用起來(lái)還真不是那么簡(jiǎn)單。api開(kāi)發(fā)還是和部分vue有出入，因此如下記錄，入手的教程就不發(fā)了只發(fā)踩坑。

官方文檔

小程序的官方文檔
wepy官方文檔

下面是已經(jīng)踩過(guò)的坑

wepy 問(wèn)題查找

https://github.com/Tencent/we...
比較建議在這里查找下遇到的問(wèn)題之后在提問(wèn)畢竟這里都是收集比較齊全

標(biāo)簽中的指令簡(jiǎn)寫(xiě)

跟Vue類似

對(duì)于動(dòng)態(tài)賦值的屬性可以使用 :attr="value" 的方式

對(duì)于綁定事件可以使用@click="fn"的方式

data使用注意點(diǎn)

對(duì)于視圖中需要用到的數(shù)據(jù)，應(yīng)該事先在data中定義一下，哪怕此時(shí)沒(méi)有數(shù)據(jù)，也應(yīng)該定義一個(gè)空值

WePY中的methods的使用

只能聲明頁(yè)面的bind、catch事件，不能聲明自定義方法

自定義方法應(yīng)該跟methods平級(jí)

this 運(yùn)用

小程序里修改data 里面的屬性或者賦值都需要利用this.setdata()而wepy 基本就是利用this.屬性即可。如果是異步返回或者更新dom需要this.$apply()觸發(fā)臟值檢測(cè)

頁(yè)面跳轉(zhuǎn)

navigateTo() 和 redirectTo() 的差別。

navigateTo()保留當(dāng)前頁(yè)面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁(yè)面(即：顯示頂部導(dǎo)航欄左上角返回按鈕，可以有返回路徑）
redirectTo()關(guān)閉當(dāng)前頁(yè)面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁(yè)面（即：不顯示左上角返回按鈕，如需要返回在頁(yè)面內(nèi)自己添加按鈕寫(xiě)路徑或者利用wx.navigateBack()和 getCurrentPages() 獲取當(dāng)前的頁(yè)面棧，決定需要返回幾層。

簡(jiǎn)單來(lái)說(shuō)如果你需要tabbar有返回就用navigateTo，不需要就用redirectTo

只能用 switchTab() 跳轉(zhuǎn)到 tabbar 頁(yè)面

文件上傳

上傳文件沒(méi)有傳統(tǒng)html中的文件域()，要想上傳文件只能使用API： uploadFile()

更新DOM$apply

如果需要更新DOM，應(yīng)該在隨后調(diào)用組件實(shí)例的$apply方法，才能更新到頁(yè)面中

this.name="abc";
this.$apply()

PS：對(duì)于性能要求較高的應(yīng)用，不要頻繁的調(diào)用$apply()更新DOM，可以根據(jù)實(shí)際情況更新父組件向子組件傳遞數(shù)據(jù)，通過(guò)props的方式傳遞

如果需要傳遞動(dòng)態(tài)數(shù)據(jù)，加上.sync的修飾符就可以解決（:prop.snyc="item"）

如果需要子組件數(shù)據(jù)同步到父組件，需要在定義props的時(shí)候設(shè)置twoWay:true

(所有異步數(shù)據(jù)傳遞必須用$apply，同步的話才能使用.sync)

mixin

wepy的mixin，與vue中的mixin執(zhí)行順序相反

wepy中，會(huì)先執(zhí)行組件自身的，再執(zhí)行mixin中的

vue中對(duì)于鉤子函數(shù)，會(huì)先執(zhí)行mixin中的，再執(zhí)行組件自身的；vue中methods如果和mixin同名，那么只會(huì)執(zhí)行自身的方法

關(guān)于canvas和base64

小程序中可以進(jìn)行canvas相關(guān)操作，但是跟純html中的canvas有所不同（api差異），canvas的使用都應(yīng)該參照：小程序中的canvas

arrayBuffer和base64互轉(zhuǎn)

本段內(nèi)容在文檔中是搜索不到的，但是確實(shí)是支持的，使用如下2種方式：

wx.arrayBufferToBase64(arrayBuffer)
wx.base64ToArrayBuffer(base64)

命名規(guī)范

小程序內(nèi)部定義的實(shí)例API都以$開(kāi)頭，所以我們?cè)诙x實(shí)例屬性、方法的時(shí)候不能以$開(kāi)頭，以便區(qū)分

同名組件共享同一實(shí)例及數(shù)據(jù)

循環(huán)渲染組件時(shí)，容易出現(xiàn)組件數(shù)據(jù)相互污染?？梢杂米钔鈱拥慕M件監(jiān)聽(tīng)事件冒泡以修改數(shù)據(jù)，同時(shí)觸發(fā)事件的組件用setTimeout包裹，保證執(zhí)行順序。

循環(huán)渲染組件：

wepy的循環(huán)渲染組件，必須使用 標(biāo)簽，或者微信官方的標(biāo)簽(這兩個(gè)標(biāo)簽都是不會(huì)渲染到dom的）否則就不會(huì)渲染成功。

組件component 沒(méi)有 onLoad 等頁(yè)面事件

頁(yè)面中設(shè)置好 this.$broadcast("someEvent", option);

組件監(jiān)聽(tīng)事件則可以解決

page

頁(yè)面類，繼承自wepy.component，擁有頁(yè)面所有的屬性與方法。
全部屬性繼承自wepy.component。而wepy.component沒(méi)有onLoad 等方法

未完待續(xù)-----------------

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/93546.html

相關(guān)文章

  • 小程序初踩坑

    摘要：寫(xiě)在前面一直有在關(guān)注小程序，也做過(guò)一些，不過(guò)一直沒(méi)上正式項(xiàng)目，剛好這次公司有小程序的項(xiàng)目就入坑了。是美團(tuán)剛出的小程序框架，也很不錯(cuò)，可以直接用的寫(xiě)法去進(jìn)行開(kāi)發(fā)，學(xué)習(xí)成本較低，缺點(diǎn)是剛推出，雖然美團(tuán)內(nèi)部有在使用，不過(guò)社區(qū)還沒(méi)起來(lái)。 寫(xiě)在前面 一直有在關(guān)注小程序，也做過(guò)一些demo，不過(guò)一直沒(méi)上正式項(xiàng)目，剛好這次公司有小程序的項(xiàng)目就入坑了。項(xiàng)目開(kāi)發(fā)完，記錄一下遇到的一些坑吧。 框架選用 框...

    RyanHoo 評(píng)論0 收藏0

  • 微信小程序 海報(bào)生成踩坑記

    摘要：最近有個(gè)需求是要生成分享海報(bào)，讓用戶可以將圖片保存到本地然后分享到朋友圈。本來(lái)以為是一個(gè)很簡(jiǎn)單的需求，可是萬(wàn)萬(wàn)沒(méi)想到，微信會(huì)這么坑。 最近有個(gè)需求是要生成分享海報(bào)，讓用戶可以將圖片保存到本地然后分享到朋友圈。本來(lái)以為是一個(gè)很簡(jiǎn)單的需求，可是萬(wàn)萬(wàn)沒(méi)想到，微信會(huì)這么坑。剛開(kāi)始的思路是這樣的： 后臺(tái)根據(jù)小程序傳過(guò)來(lái)的參數(shù)獲取對(duì)應(yīng)的小程序碼，然后與背景圖合成之后將base64格式的圖片傳給小程...

    lidashuang 評(píng)論0 收藏0

  • wepy框架開(kāi)發(fā)小程序文檔

    摘要：目錄項(xiàng)目構(gòu)建文件使用優(yōu)化之處組件通信的使用注意事項(xiàng)報(bào)錯(cuò)記錄踩坑記錄項(xiàng)目構(gòu)建官方文檔地址鏈接項(xiàng)目源碼地址鏈接項(xiàng)目資料地址鏈接簡(jiǎn)單介紹是一個(gè)微信小程序框架，支持模塊化開(kāi)發(fā)，開(kāi)發(fā)風(fēng)格類似。使用的方式請(qǐng)求小程序原生都將化。 目錄 wepy項(xiàng)目構(gòu)建 wepy文件使用 wepy優(yōu)化之處 wepy組件通信 wepy的API使用 wepy注意事項(xiàng) wepy報(bào)錯(cuò)記錄 wepy踩坑記錄 1. wep...

    Luosunce 評(píng)論0 收藏0

  • Notadd 2.0 全新 Node.js 版本～ （開(kāi)發(fā)中） [從 PHP 到 node 的踩坑記

    摘要：有著最全的協(xié)議支持，同時(shí)有各種非阻塞拓展，可以說(shuō)是最符合要求的，但是異步需要對(duì)做很大的改動(dòng)。的計(jì)劃將基于開(kāi)發(fā)，同時(shí)也提供一些無(wú)法提供的功能和特性。 一點(diǎn)小遺憾 對(duì)于 Notadd 我們本來(lái)期望它實(shí)現(xiàn)更多... 盡管我們也嘗試做了很多努力，但是由于 PHP 本身的局限，以及考慮到開(kāi)發(fā)環(huán)境配置的復(fù)雜程度，最終使用了折中方案。接下來(lái)，我們談?wù)務(wù)麄€(gè)技術(shù)選型歷程，也供今后相關(guān)開(kāi)發(fā)者做借鑒和參考：...

    Tonny 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<