• 1.使用百度開發者工具調試，開發者可以完成智能小程序的 API 和頁面的開發調試、智能小程序預覽和發布等功能。
• 全局配置 app.json 設置界面、路徑、多tab
• pages 數組第一項代表 SWAN 初始頁面。配置項中不需要加文件后綴名， SWAN 會自動解析。
• window 用于設置 SWAN 的狀態欄、導航條、標題、窗口背景色。
  • enablePullDownRefresh （開啟后 才能看到 backgroundTextStyle 的效果 ）（設置之后沒看到應有的效果，重啟試試）
  • onReachBottomDistance(??? 不知道是干什么的？？？)
  • navigationStyle： custom(自定義導航欄) 全局配置 和子頁面配置 appb版本有兼容性
• tabBar客戶端底部的tab欄，可通過tabBar設置tab的顏色、個數、位置、背景色等內容。
  • list 要設置 iconPath selectedIconPath 都要設置否則會看不到圖片
    • "position": "top"(??? 不知道是干什么的？？？ 設置了沒起作用)
• prefetches ： 用于設置預請求的所有url的列表，該部分URL，會在進入小程序后自動發起請求(優于開發者代碼加載)
• 3.頁面開發
  • .swan (類似html ) 標簽只能用內置的標簽（SWAN 組件規定的標簽）
    • s-for 循環
    • s-if true 時候會展示 否則不展示， 元素不存在
    • 事件： bind+事件名（或者bind:+事件名） touchstart touchmove touchend touchcancel tap
  • .css
  • .js 邏輯層將數據進行更新后，會觸發視圖更新；框架中不可使用 window, document, location, navigator, localStorage, history等Web、瀏覽器 API。
    +.json 比app.json 多兩個配置項
    • disableSwipeBack 禁止頁面右滑手勢返回, 默認false
    • disableScroll 設置為 true 則頁面整體不能上下滾動。默認false
• 頁面路由
  • 頁面棧：框架以棧的形式維護了當前的所有頁面
  • getCurrentPages()： 函數用于獲取當前頁面棧的實例，數組：第一個元素為首頁，最后一個元素為當前頁面。
  • 路由方式
    • swan.navigateTo 或 < navigator open-type="navigateTo"/ > ----打開新頁面
    • swan.redirectTo 或使用組件 < navigator open-type="redirectTo"/ > ---- 頁面重定向
    • swan.switchTab 或使用組件 < navigator open-type="switchTab"/ > 或用戶切換 Tab ---- Tab 切換
    • API swan.navigateBack 或使用組件 < navigator open-type="navigateBack"/ > 或用戶按左上角返回按鈕 ---- 頁面返回
    • swan.reLaunch 或使用組件 < navigator open-type="reLaunch"/ > ---- 重啟動
    • navigateTo, redirectTo 只能打開非 tabBar 頁面。
    • switchTab 只能打開 tabBar 頁面。
    • reLaunch 可以打開任意頁面。
    • 調用頁面路由帶的參數可以在目標頁面的 onLoad 中獲取。
    • app.json , tabBar 中 定義的 則對應的頁面有tabBar
• Page() 函數用來注冊一個頁面。接受一個 object 參數，其指定頁面的初始數據、生命周期函數、事件處理函數等。

轉載于:https://www.cnblogs.com/Running00/p/11225255.html

總結

以上是生活随笔為你收集整理的百度智能小程序学习的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。