微信小程序快速知識點

只是剛看文檔的時候記下里的幾點
  • wx:if   true 渲染  false不渲染
  • hidden 會渲染,控制元素的display
  • "{{boolean}}"  不可以 "boolean"
  • <block> 包裝元素长窄,不會做任何渲染
  • bind+事件類型 會冒泡
    catch+事件類型 不會冒泡
  • Flex布局
    flex-direction 主軸方向
    flex-wrap 換行
    父容器---justify-content 主軸對齊方式(右對齊 flex-end、左對齊 flex-start印叁、居中 center、兩邊固定 space-between、等分 space-around
    父容器---align-items 副軸對齊方式(上對齊 flex-start、下對齊 flex-end孵构、居中 center、基線上baseline烟很、被拉伸以適應(yīng)容器 stretch
    子容器---flex
    子容器---align-self
  • 生命周期函數(shù)(下面是頁面執(zhí)行的順序)
    onLoad 監(jiān)聽頁面加載(只執(zhí)行一次)
    onShow 監(jiān)聽頁面顯示(顯示頁面一次就執(zhí)行一次)
    onReady 監(jiān)聽頁面的初次渲染完成
    onHide 監(jiān)聽頁面隱藏
    onUnload 監(jiān)聽頁面卸載
  • onReachBottom 監(jiān)聽用戶上拉動作(上拉加載)
  • onPullDownRefresh 監(jiān)聽用戶下拉動作(下拉刷新)
以及工作中經(jīng)常用到的幾點
  • 上拉加載更多,下拉刷新
    上拉加載更多:在page的json文件加enablePullDownRefresh:true蜡镶,然后在該page的js文件加上方法onReachBottom
    下拉刷新:在page的js文件加上方法onPullDownRefresh
    在json文件中寫上enablePullDownRefresh:true才可以上拉加載更多雾袱,下拉刷新
  • 返回上一頁且要刷新,重新獲取新的數(shù)據(jù)官还,在onShow函數(shù)調(diào)用onLoad()
  • 做一個活動內(nèi)容切換tab欄的頁面需要用組件swiper芹橡,但當(dāng)內(nèi)容過長,使用組件scroll-view可以在組件內(nèi)任意滑動望伦,但用戶體驗不好林说,使用新的api能獲取元素高度給swiper,可以擺脫scroll-view
  • 計數(shù)器 - input + 用input事件存值屯伞,blur事件取值
  • wxss 不能引用本地文件

2017.12.28 2017年的小尾巴腿箩,重拾小程序,改變了好多啊劣摇,希望不要讓我碰到小程序的bug珠移,很要命!

  • 編寫組件樣式時末融,需要注意以下幾點:
    • 組件和引用組件的頁面不能使用id選擇器(#a)钧惧、屬性選擇器([a])和標簽名選擇器,請改用class選擇器勾习。
    • 組件和引用組件的頁面中使用后代選擇器(.a .b)在一些極端情況下會有非預(yù)期的表現(xiàn)浓瞪,如遇,請避免使用巧婶。
    • 子元素選擇器(.a>.b)只能用于 view 組件與其子節(jié)點之間乾颁,用于其他組件可能導(dǎo)致非預(yù)期的情況涂乌。
    • 繼承樣式,如 font 钮孵、 color 骂倘,會從組件外繼承到組件內(nèi)。
    • 除繼承樣式外巴席, app.wxss 中的樣式历涝、組件所在頁面的的樣式對自定義組件無效。

講了一堆總結(jié)起來其實就是1.用class 2.font漾唉、color還是會繼承的 3.除了繼承樣式外荧库,其他樣式對自定義組件無效

微信小程序腳手架
  • 父組件傳值給子組件 :props.sync=foodata,要加上sync才是動態(tài)的(父變化赵刑,子就變化)分衫,不加的話字就不變化
  • 組件通訊那里也是絕了....完全無語,但是看上去好像挺好用的...
  • 在函數(shù)運行周期之外的函數(shù)里去修改數(shù)據(jù)需要手動調(diào)用$apply方法般此。如:
        setTimeout(() => {
              this.title = 'this is title';
              this.$apply();
        }, 3000);
    

2018.01.08 坑膀秸健!我又來了~
  1. 最近在做小程序铐懊,用wepy做邀桑,需要A頁面中調(diào)用該頁面引入的B組件的方法,需要用到$invoke科乎,去了GitHub看別人的問題才發(fā)現(xiàn)是這樣用的:

    很清晰的答案

    就是說壁畸,this.$invoke('這里寫的是引入組件時,你命名的名稱', '這里就是你在那個組件寫在methods的方法', '這里就是你要傳的值');官方文檔在這方面寫得不太清楚茅茂。

  2. 跳轉(zhuǎn)頁面問題
    this.$navigate('./result'); // 文件的相對路徑捏萍,可忽略擴展名
    如果是組件跳頁,如下:

    來自Github的回答

  3. 綁定事件需要傳值并且用到時間對象是這樣的:
    綁定:@tap="methods({{'參數(shù)'}})"
    注冊:methods(arguments,event){ // 事件對象是放最后的}

  4. 壓縮上傳空闲,掃二維碼在真機測試
    一開始輸入這命令會有warning令杈,警告你沒有安裝一堆插件,然后他自動幫你裝碴倾,第二次輸入npm run build 的時候還是這個警告这揣,這時先把node_modules文件夾刪除,重新運行npm install影斑,然后再輸入npm run build就行了给赞。

    npm run build

5.把基礎(chǔ)庫變成1.9.X的時候,控制到一堆undefined
別人的情況
解決方法:

解決方法

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末矫户,一起剝皮案震驚了整個濱河市片迅,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌皆辽,老刑警劉巖柑蛇,帶你破解...
    沈念sama閱讀 216,496評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件芥挣,死亡現(xiàn)場離奇詭異,居然都是意外死亡耻台,警方通過查閱死者的電腦和手機空免,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,407評論 3 392
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來盆耽,“玉大人蹋砚,你說我怎么就攤上這事∩阍樱” “怎么了坝咐?”我有些...
    開封第一講書人閱讀 162,632評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長析恢。 經(jīng)常有香客問我墨坚,道長,這世上最難降的妖魔是什么映挂? 我笑而不...
    開封第一講書人閱讀 58,180評論 1 292
  • 正文 為了忘掉前任泽篮,我火速辦了婚禮,結(jié)果婚禮上柑船,老公的妹妹穿的比我還像新娘帽撑。我一直安慰自己,他們只是感情好椎组,可當(dāng)我...
    茶點故事閱讀 67,198評論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著历恐,像睡著了一般寸癌。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上弱贼,一...
    開封第一講書人閱讀 51,165評論 1 299
  • 那天蒸苇,我揣著相機與錄音,去河邊找鬼吮旅。 笑死溪烤,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的庇勃。 我是一名探鬼主播檬嘀,決...
    沈念sama閱讀 40,052評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼责嚷!你這毒婦竟也來了鸳兽?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,910評論 0 274
  • 序言:老撾萬榮一對情侶失蹤罕拂,失蹤者是張志新(化名)和其女友劉穎揍异,沒想到半個月后全陨,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,324評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡衷掷,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,542評論 2 332
  • 正文 我和宋清朗相戀三年辱姨,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片戚嗅。...
    茶點故事閱讀 39,711評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡雨涛,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出渡处,到底是詐尸還是另有隱情镜悉,我是刑警寧澤,帶...
    沈念sama閱讀 35,424評論 5 343
  • 正文 年R本政府宣布医瘫,位于F島的核電站侣肄,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏醇份。R本人自食惡果不足惜稼锅,卻給世界環(huán)境...
    茶點故事閱讀 41,017評論 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望僚纷。 院中可真熱鬧矩距,春花似錦、人聲如沸怖竭。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,668評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽痊臭。三九已至哮肚,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間广匙,已是汗流浹背允趟。 一陣腳步聲響...
    開封第一講書人閱讀 32,823評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留鸦致,地道東北人潮剪。 一個月前我還...
    沈念sama閱讀 47,722評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像分唾,于是被迫代替她去往敵國和親抗碰。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,611評論 2 353

推薦閱讀更多精彩內(nèi)容