微信小程序入門實戰

一、零碎知識

• 小程序文件類型與目錄結構
  目錄結構
  其中，應用程序的三個文件app.js、app.json、app.wxss在整個小程序中是唯一的、全局的；頁面級別的會覆蓋全局的樣式、json（配置），即就近原則
• Flex彈性盒子模型（小程序常用）
• 移動端分辨率及小程序自適應單位rpx
  rpx
  一般設備選用iphone6，因爲在此設備下1px=2rpx
• 絕對路徑和相對路徑
  …/表示上一級目錄開始
  ./表示當前同級目錄開始
  /表示根目錄開始

二、歡迎頁面

• <button>可以用<view>+<text>來模擬
• Flex彈性盒子佈局

.container{
  display: flex;
  flex-direction: column;//方向：縱向
  align-items: center;//居中
}

• 冒泡事件和非冒泡事件
  1冒泡事件：當一個組件上的事件被觸發後，該事件會向父節點傳遞。
  2非冒泡事件：當一個組件上的事件被觸發後，該事件不會向父節點傳遞。
  3綁定事件：bind與catch，與 bind 不同，其中，catch 會阻止事件向上冒泡。
• 頁面跳轉（路由）
  路由
  1navigateTo, redirectTo 只能打開非 tabBar 頁面。
  2switchTab 只能打開 tabBar 頁面。
  3navigateTo, redirectTo 區別在於.navigateTo頂部有返回箭頭，redirectTo頂部沒有返回箭頭，原因是navigateTo執行了頁面週期的onHide事件隱藏頁面所以還可以返回，redirectTo執行了頁面的onUnload事件，卸載了頁面，所以不會有返回。
  4跳轉分兩步：先要在wxml中綁定事件，再在js文件中創建函數調用上述三種API實現跳轉