百度智能小程序学习

• 1.使用百度开发者工具调试，开发者可以完成智能小程序的 API 和页面的开发调试、智能小程序预览和发布等功能。
• 1. 全局配置 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