如何导入字节程序示例

网友投稿 54 2024-07-02

字节小程序

#字节示例小程序

#创建方式

  1. 打开字节的抖音开发者工具

  2. 新建小程序

  3. 选择小程序能力展示模版

#兼容情况

  1. node_modules 中的库需要先使用 构建 npm

  2. 其他兼容情况查看下方详细列表

#已知问题

#部分 API 未实现

  • 解决方案:可以使用 canIUse 来判断兼容性,不兼容的 API 建议避免使用或者查询文档使用 FinClip 小程序提供的 API

#不支持 slot-scope

  • 解决方案:暂不支持,待适配

#生命周期执行时机不一致

注意

  • 字节小程序生命周期触发顺序:Page onLoad -> Component created -> Component attached -> Page onShow

  • FinClip 小程序生命周期触发顺序:Component created -> Component attached -> Page onLoad -> Page onShow

#组件嵌套生命周期执行会不一致

示例代码

  <comp-a>
    <comp-b/>
  </comp-a>
        已复制代码

注意

  • 像 page 中的这种结构,FinClip 的方案是 comp-b 属于 page 的,所以不管 comp-a 中是否有 slot 节点,都会去创建 comp-b,只是不会渲染到页面上(这样会触发 created、attached,不会触发 ready)。

  • 字节的方案是需要渲染才创建,相当于 comp-b 是属于 comp-a 的,当 comp-a 没有 slot 节点的时候就不会执行 comp-b 的生命周期。

#ttml 属性格式不一样

 <!-- 错误 -->
 <video id="myVideo" src={{src}}></video>

 <!-- 正确 -->
 <!-- 必须使用引号 -->
 <video id="myVideo" src="{{src}}"></video>
        已复制代码

#setData 保存 canvas 或者 canvasContext 会报错

  • canvas 或者 canvasContext 与渲染无关,可以直接用 this.canvas = canvas 这种方式保存到实例上

#样式文件不支持 id 选择器

  • 解决方案:暂不支持,待适配

#暂不支持字节小程序插件、字节小游戏功能

  • 解决方案:暂不支持,待适配


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:如何导入支付宝小程序示例
下一篇:小程序框架项目配置文件说明
相关文章

 发表评论

暂时没有评论,来抢沙发吧~