字节跳动小程序官方开发文档
字节跳动小程序官方开发文档
  1. 介绍
    1. 了解字节跳动小程序
      1. 字节跳动小程序 整体介绍
      2. 字节跳动小程序 优质案例
      3. 字节跳动小程序 流量入口
        1. 字节跳动小程序 今日头条
          1. 字节跳动小程序 信息流推荐
            1. 字节跳动小程序今日头条信息流推荐卡片入口概述
            2. 字节跳动小程序今日头条信息流卡片运营规范
            3. 字节跳动小程序今日头条常见违规场景
            4. 字节跳动小程序今日头条信息流卡片标题优化
          2. 字节跳动小程序搜索直达
          3. 头条号文章挂载小程序
            1. 头条号文章挂载小程序入口
            2. 头条号文章挂载小程序规范
        2. 字节跳动小程序 分享
          1. 字节跳动小程序 微头条
        3. 字节跳动小程序中心化入口
        4. 字节跳动小程序 留存入口
          1. 字节跳动小程序消息通知入口
        5. 字节跳动小程序 抖音
          1. 今日头条小程序抖音小视频挂载
          2. 字节跳动小程序抖音企业号主页
          3. 字节跳动小程序抖音搜索展示
          4. 字节跳动小程序抖音留存入口
        6. 字节跳动小程序头条极速版
          1. 字节跳动小程序头条极速版信息流推荐
          2. 字节跳动小程序头条极速版搜索直达
      4. 字节跳动小程序小程序官方示例
    2. 字节跳动小程序 接入流程
      1. 注册字节跳动小程序账号
      2. 创建字节跳动小程序
      3. 字节跳动小程序主体认证
      4. 字节跳动小程序开发前准备
      5. 字节跳动小程序开发与调试
      6. 字节跳动小程序审核流程
      7. 发布字节跳动小程序
    3. 字节跳动小程序 功能接入指南
      1. 字节跳动小程序接入搜索
        1. 字节跳动小程序接入搜索指南
        2. 字节跳动小程序 URL 规则映射规范
        3. 字节跳动小程序 sitemap 文档规范
        4. 字节跳动小程序 open 字节如意接入规范
      2. 字节跳动小程序接入消息通知指南
      3. 字节跳动小程序引导关注头条号
      4. 字节跳动小程序接入分享指南
      5. 字节跳动小程序流量主开通指南
      6. 字节跳动小程序客服消息能力
        1. 字节跳动小程序客服消息能力介绍
        2. 字节跳动小程序官方客服
        3. 字节跳动小程序消息推送客服
  2. 开发
    1. 框架
      1. 基础说明
        1. 介绍
        2. 目录结构
        3. 全局配置
      2. 基础功能
        1. tt.env
      3. 逻辑层
        1. 启动程序
        2. 启动页面
        3. 页面路由
        4. 文件作用域
        5. API
      4. 视图层
        1. TTML
        2. TTML-数据绑定
        3. TTML-列表渲染
        4. TTML-条件渲染
        5. TTML-模板
        6. TTML-事件
        7. TTML-引用
        8. TTSS
        9. 组件
      5. 自定义组件
        1. 自定义组件
        2. 组件模版和样式
        3. Component 构造器
        4. 组件间通信与事件
        5. 组件行为 behaviors
        6. 组件间关系
        7. 抽象节点
        8. 组件扩展
      6. 场景值
      7. 流加载
        1. 流加载是什么
        2. 流加载与分包加载的区别
      8. 小程序运行时
        1. JavaScript支持情况
    2. 组件
      1. 介绍
        1. 基础组件
      2. 基础内容
        1. text
        2. rich-text
        3. progress
        4. icon
      3. 视图容器
        1. view
        2. scroll-view
        3. swiper
        4. swiper-item
      4. 表单
        1. button
        2. checkbox
        3. checkbox-group
        4. form
        5. input
        6. label
        7. picker
        8. picker-view
        9. picker-view-column
        10. radio
        11. radio-group
        12. slider
        13. switch
        14. textarea
      5. 导航
        1. navigator
      6. 媒体组件
        1. image
        2. video
        3. live-player
      7. 画布
        1. canvas
      8. web-view
      9. 广告组件
      10. 获取手机号
      11. 消息推送客服
    3. API
      1. 基础
        1. tt.canIUse
        2. 生命周期
          1. tt.getLaunchOptionsSync
          2. tt.exitMiniProgram
        3. 更新
          1. tt.getUpdateManager
          2. UpdateManager
        4. tt.env
        5. 应用级事件
          1. tt.onAppShow
          2. tt.offAppShow
          3. tt.onAppHide
          4. tt.offAppHide
          5. tt.onError
          6. tt.offError
        6. tt.base64ToArrayBuffer
        7. tt.arrayBufferToBase64
      2. 网络
        1. HTTP
          1. tt.request
          2. tt.uploadFile
          3. tt.downloadFile
          4. RequestTask
          5. UploadTask
          6. DownloadTask
        2. WebSocket
          1. tt.connectSocket
          2. SocketTask
      3. 媒体
        1. 图片
          1. tt.chooseImage
          2. tt.saveImageToPhotosAlbum
          3. tt.previewImage
          4. tt.getImageInfo
          5. tt.compressImage
        2. 录音
          1. tt.getRecorderManager
          2. RecorderManager
        3. 音频
          1. tt.createInnerAudioContext
          2. InnerAudioContext
          3. tt.getBackgroundAudioManager
          4. BackgroundAudioManager
        4. 视频
          1. tt.chooseVideo
          2. tt.saveVideoToPhotosAlbum
          3. tt.createVideoContext
          4. VideoContext
          5. tt.createLivePlayerContext
          6. LivePlayerContext
      4. 文件
        1. tt.saveFile
        2. tt.getFileInfo
        3. tt.getSavedFileList
        4. tt.removeSavedFile
        5. tt.getFileSystemManager
        6. FileSystemManager
          1. FileSystemManager.access
          2. FileSystemManager.saveFile
          3. FileSystemManager.getSavedFileList
          4. FileSystemManager.removeSavedFile
          5. FileSystemManager.copyFile
          6. FileSystemManager.getFileInfo
          7. FileSystemManager.mkdir
          8. FileSystemManager.readdir
          9. FileSystemManager.readFile
          10. FileSystemManager.rename
          11. FileSystemManager.rmdir
          12. FileSystemManager.stat
          13. FileSystemManager.unlink
          14. FileSystemManager.unzip
          15. FileSystemManager.writeFile
        7. Stat
          1. Stats
          2. Stats.isDirectory
          3. Stats.isFile
      5. 数据缓存
        1. tt.getStorage
        2. tt.getStorageSync
        3. tt.setStorage
        4. tt.setStorageSync
        5. tt.removeStorage
        6. tt.removeStorageSync
        7. tt.clearStorage
        8. tt.clearStorageSync
        9. tt.getStorageInfo
        10. tt.getStorageInfoSync
      6. 地理位置
        1. tt.getLocation
        2. tt.openLocation
      7. 设备
        1. 系统信息
          1. tt.getSystemInfo
          2. tt.getSystemInfoSync
        2. 网络状态
          1. tt.getNetworkType
          2. tt.onNetworkStatusChange
        3. Wi-Fi
          1. tt.getConnectedWifi
        4. 加速度计
          1. tt.startAccelerometer
          2. tt.stopAccelerometer
          3. tt.onAccelerometerChange
        5. 罗盘
          1. tt.startCompass
          2. tt.stopCompass
          3. tt.onCompassChange
        6. 拨打电话
          1. tt.makePhoneCall
        7. 扫码
          1. tt.scanCode
        8. 剪贴板
          1. tt.getClipboardData
          2. tt.setClipboardData
        9. 屏幕
          1. tt.setKeepScreenOn
          2. tt.onUserCaptureScreen
          3. tt.offUserCaptureScreen
        10. 振动
          1. tt.vibrateShort
          2. tt.vibrateLong
        11. 性能
          1. tt.onMemoryWarning
      8. 界面
        1. 交互反馈
          1. tt.showToast
          2. tt.hideToast
          3. tt.showLoading
          4. tt.hideLoading
          5. tt.showModal
          6. tt.showActionSheet
          7. tt.showFavoriteGuide
        2. 导航栏
          1. tt.showNavigationBarLoading
          2. tt.hideNavigationBarLoading
          3. tt.hideHomeButton
          4. tt.setNavigationBarTitle
          5. tt.setNavigationBarColor
        3. 菜单
          1. tt.getMenuButtonLayout
          2. tt.getMenuButtonBoundingClientRect
        4. 动画
          1. tt.createAnimation
        5. 页面位置
          1. tt.pageScrollTo
        6. Canvas绘图
          1. tt.createCanvasContext
        7. 下拉刷新
          1. Page.onPullDownRefresh
          2. tt.startPullDownRefresh
          3. tt.stopPullDownRefresh
        8. TabBar
          1. tt.showTabBarRedDot
          2. tt.showTabBar
          3. tt.setTabBarStyle
          4. tt.setTabBarItem
          5. tt.setTabBarBadge
          6. tt.removeTabBarBadge
          7. tt.hideTabBarRedDot
          8. tt.hideTabBar
        9. 窗口
          1. tt.onWindowResize(function callback)
          2. tt.offWindowResize(function callback)
      9. 导航
        1. tt.navigateTo
        2. tt.redirectTo
        3. tt.switchTab
        4. tt.navigateBack
        5. tt.reLaunch
      10. 转发
        1. tt.showShareMenu
        2. tt.hideShareMenu
        3. tt.navigateToVideoView
      11. 第三方平台
        1. tt.getExtConfig
        2. tt.getExtConfigSync
      12. TTML
        1. tt.createSelectorQuery
        2. Selector
      13. 其它
        1. 标准对象输入
        2. 用户授权
        3. 网络请求使用说明
        4. 本地数据缓存
    4. 服务端
      1. 服务端API介绍
      2. 接口调用凭证
        1. getAccessToken
      3. 登录
        1. code2Session
      4. 数据缓存
        1. tt.setUserStorage
        2. removeUserStorage
      5. 二维码
        1. createQRCode
      6. 模板消息
        1. send
      7. 其它
        1. 用户登录态签名
    5. 开放能力
      1. 登录
        1. tt.login
        2. tt.checkSession
      2. 用户信息
        1. tt.getUserInfo
        2. 敏感数据处理
      3. 支付
        1. 小程序收银台(pay)接入指南
          1. 小程序收银台简介
          2. 申请开通支付
          3. 接入流程
          4. 服务端签名
          5. 常见问题
        2. tt.pay
      4. 小程序跳转
        1. tt.navigateToMiniProgram
        2. tt.navigateBackMiniProgram
      5. 分享
        1. 转发
      6. 收获地址
        1. tt.chooseAddress
      7. 设置
        1. tt.getSetting
        2. tt.openSetting
        3. AuthSetting
      8. 授权
        1. tt.authorize
      9. 内容安全
        1. 内容安全检测
        2. 图片检测
      10. 数据分析
        1. tt.reportAnalytics
        2. tt.interactionAnalysis
      11. 视频拍摄器
        1. 调起方法
      12. 关注
        1. tt.followOfficialAccount
        2. tt.checkFollowState
    6. 多端支持
      1. 各App使用限制
    7. 开发者工具
      1. 开发辅助
        1. 开发者工具介绍
        2. 小程序开发工具
        3. 小程序 vscode 插件
        4. IDE 命令行工具
        5. 代码片段
        6. 真机调试
        7. 一键搬家工具
        8. 代码检测工具
      2. 开发者工具更新及下载
    8. 基础库
      1. 更新日志
      2. 版本分布及各APP对应关系
      3. 兼容性说明
    9. 体验优化
      1. 数据预取
      2. tt.performance
        1. tt.performance.mark
  3. 设计
    1. 设计准则
    2. 基础组件
      1. Titlebar
      2. Tab
      3. Picker
      4. Dialog
      5. Action Sheet
      6. Loading
      7. Toast
    3. 通用组件
      1. 网格
      2. 文字
      3. 按钮
  4. 数据
    1. 数据说明
      1. 功能概述
      2. 常规分析
        1. 概况 & 使用分析
        2. 留存分析
        3. 实时分析
        4. 来源分析
      3. 高级分析
        1. 简介
        2. 事件分析
        3. 漏斗分析（事件转化漏斗）
  5. 运营
    1. 字节跳动小程序运营规范
      1. 一、字节跳动小程序原则及说明
      2. 二、字节跳动小程序运营规范
      3. 三、字节跳动小程序处罚规则
      4. 四、字节跳动小程序遵守当地法律监管
      5. 五、字节跳动小程序免责声明
      6. 六、字节跳动小程序规则修改
    2. 字节跳动小程序功能使用规范
      1. 字节跳动小程序文章详情页插入小程序卡片规范
      2. 字节跳动小程序流量主广告规范及约束协议
        1. 字节跳动小程序流量主接入规范
        2. 字节跳动小程序流量主违规处罚
        3. 字节跳动小程序广告结算指南
      3. 字节跳动小程序信息流卡片运营规范
        1. 字节跳动小程序信息流卡片运营规范
        2. 字节跳动小程序常见违规场景
        3. 字节跳动小程序信息流卡片标题优化
    3. 字节跳动小程序平台公告
      1. 字节跳动小程序名称抢注处理
      2. 字节跳动小程序加盟行业整改
    4. 字节跳动小程序 服务协议
      1. 字节跳动小程序开发者平台服务协议
      2. 字节跳动小程序数据推广结算规则
    5. 字节跳动小程序 开放的服务类目
      1. 字节跳动小程序企业主体开放服务类目
      2. 字节跳动小程序个人主体开放服务类目
阅读(1.7k) 书签 赞(0) 我要纠错

网格

2020-02-12 19:08 更新

目前「小程序」中使用以 4pt 为单位的网格系统：UI 元素的宽和高需要是 4 的倍数，UI 元素之间的间距也同样是 4 的倍数

图片名称

图片名称


边距

屏幕的左右会留出 16 的间距，UI 元素之间会依照情况不同，通常留出 1/14 的间距

以上内容是否对您有帮助：
← Toast
文字 →
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号