微信小程式wx if 和 hidden的區別

2021-08-29 14:14:03 字數 389 閱讀 5037

首先wx:if 和 hidden 都是控制元素是否能被使用者看見的,也就是是否顯示,但是顯示和顯示是有區別的:

1、wx:if 條件為true的時候元素顯示,及此元素被渲染,當wx:if 為 false 的時候元素不渲染,如果是從true->false 的情況下,此元素被銷毀,當false->true的時候此元素被渲染;

2、hidden為false的時候元素顯示,為true的時候元素不顯示,但是無論是true還是false此元素都回被渲染,當為true的時候此元素不會銷毀;

總結:如果平凡的修改元素顯示與隱藏的時候建議使用hidden,用 wx:if 將會消耗更多資源,因為每次呈現的時候他都會渲染,每次隱藏的時候,他都會銷毀。如果切換並不頻繁的話,用 wx:if 相對來說較好些,因為它會避免初始就一下渲染那麼多。

微信小程式canvas與wx if的出現的問題

當使用wx if 去切換canvas 的消失與出現時,第一次渲染會成功 當關閉即設定showstatus為false,然後再次設定showstatus為true,會發現canvas 標籤出現,但是內容為空 1 this.setdata 時,不要立刻執行渲染函式,設定乙個定時器,即 settimeou...

(微信小程式)一 初識微信小程式

需要看的 先是檔案目錄 一 pages 他存放於多個頁面 如 index log頁面。可以把他裡面的每個資料夾看成乙個整體。這個整體存放著 html css 和 資料 1 index資料夾 存放的index頁面的目錄。2 index.js 他可以處理得到 ajax 或自定義定義的資料。把得到的值封裝...

微信小程式

2.單獨設定某一頁面下的頂部欄的背景顏色,在其對應的.json檔案下修改即可 3.this.setdata 注意 onload函式下面執行的是非同步操作,非同步操作裡面this.data.直接賦值,是無效的,必須使用this.setdata this.setdata msg he llo wor l...