博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
百度智能小程序学习
阅读量:5277 次
发布时间:2019-06-14

本文共 1647 字,大约阅读时间需要 5 分钟。

  • 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

你可能感兴趣的文章
51nod1076 (边双连通)
查看>>
Linux pipe函数
查看>>
Zerver是一个C#开发的Nginx+PHP+Mysql+memcached+redis绿色集成开发环境
查看>>
程序的静态链接,动态链接和装载 (补充)
查看>>
关于本博客说明
查看>>
[Kaggle] Sentiment Analysis on Movie Reviews
查看>>
价值观
查看>>
mongodb命令----批量更改文档字段名
查看>>
国外常见互联网盈利创新模式
查看>>
android:scaleType属性
查看>>
shell脚本
查看>>
Upload Image to .NET Core 2.1 API
查看>>
【雷电】源代码分析(二)-- 进入游戏攻击
查看>>
Linux中防火墙centos
查看>>
centos下同时启动多个tomcat
查看>>
Leetcode Balanced Binary Tree
查看>>
[JS]递归对象或数组
查看>>
linux sed命令
查看>>
程序存储问题
查看>>
优雅地书写回调——Promise
查看>>