小程序 筆記

一、 表單處理

　　a、form標籤： bindsubmit屬性用於設置方法來監聽表單的提交事件,對應的表單提交按鈕的form-type屬性設置爲submit。 bindreset用於設置方法來監聽表單的重置事件，對應的表單提交按鈕的form-type屬性設置爲reset

　　bindsubmit => form-type="submit"

　　bindreset=> form-type="reset"

　　b、監聽輸入事件須要用bindinput

　　c、表單元素須要設置name屬性，name是json數據的key，能夠根據key取到對應值，e.detail.value拿到表單提交數據；value綁定值，e.detail.value取值；能夠設置id，經過e.target.id拿到值，進行一些操做。

　　d、button：form-type設置按鈕的類型，有submit、reset，submit提交進行數據交互處理，reset進行表單數據重置。open-type設置是否須要進行受權，打開會話等一些微信開放能力，包括share（打開分享），contact（打開會話），getPhoneNumber（調起受權手機號），getUserInfo（獲取用戶信息），launchApp（打開app），openSetting（打開設置權限頁），feedback（打開反饋頁面）。經過bindgetphonenumber=「xxx」，設置方法，拿到回調，進行數據處理。

 

二、全部的屬性綁定都要用{{}}，{{}} 內部能夠進行簡單運算；沒有wx:show。背景圖須要用線上圖片或者二進制數據流才能解析。不少html標籤是不能按預期顯示的，好比table，strong ，能夠寫而後本身定義樣式。

三、this.setData({})設置data中定義的屬性

四、自定義組件

　　a、新建組件

　　b、而後在須要用到組件的page中配置xx.json頁面的useingComponent對象，key爲組件的標籤名，value填寫組件的目標路徑。

　　c、在xx.wxml中寫入組件名做爲標籤即引入了組件

　　d、組件之間的數據傳輸：

　　　父組件->子組件：父組件中將須要傳輸的數據直接以自定屬性的樣子寫在組件tag上，屬性名是子組件接收數據的數據名，值用{{}}包裹，是父組件中data中定義的須要傳輸給子組件的變量，或者直接值。

　　　　　　　　　　　子組件在properties對象內接收，數據以對象的形式設置數據類型，數據默認值。而後子組件能夠使用。

　　子組件->父組件：在子組件中以triggerEvent對外廣播事件xxx，params是數據參數=>this.triggerEvent('xxx', params);

　　　　　　　　　　在父組件中的組件tag上監聽xxx事件，以getxxx處理事件監聽，拿到數據，bindxxx=「getxxx」；

五、自定義的組件內不能使用css屬性選擇器。組件的dom流是直接向下排列的，因此好比彈窗類的組件須要css設置定位到top：0；