快速知悉

• 小程序渲染框架升级
•  root-portal 组件
• scroll-view 支持配置 passive

1.小程序渲染框架升级

为了进一步优化小程序性能、提供更接近原生的用户体验，微信团队在 WebView 渲染的基础上，优化渲染框架。该框架使用更精简高效的渲染管线，同时在 AppService 中划出一个独立的上下文，运行之前 WebView 承担的 JS 逻辑、DOM 树创建等逻辑，实现更优秀的特点：

• 更高的渲染性能：更精确控制节点渲染，保证更高的渲染性能，首次渲染耗时减少 66%
• 更低的内存占用：仅有 AppService 线程，降低内存占用，实现页面内存占用减少 35% 以上
• 更快的样式计算：通过精简 WXSS 特性大幅简化样式计算的流程，实现更快的样式计算性能
• 更高的组件性能：内置组件的行为更接近原生体验，提供更好的性能和交互体验
• 更丰富的扩展能力：支持 Worklet 动画、手势系统等重要的组件能力，满足交互开发需求

更多渲染框架的内容，请点击  官方文档  查看

2.root-portal 组件

使整个子树从页面中脱离出来，类似于在 CSS 中使用 fixed position 的效果。主要用于制作弹窗、弹出层等。

示例：

<view class="intro">
  <button bindtap="toggle">显示 root-portal</button>
  <root-portal wx:if="{{ show }}">
    <view class="portal-content">
      root-portal 内容
    </view>
  </root-portal>
</view>

3.scroll-view 支持配置 passive

基础库 /低版本兼容

示例：

<scroll-view scroll-y="{{true}}" style="height: 300rpx;" enable-passive="{{true}}">
	<view id="demo1" class="scroll-view-item demo-text-1"></view>
    <view id="demo2"  class="scroll-view-item demo-text-2"></view>
    <view id="demo3" class="scroll-view-item demo-text-3"></view>
</scroll-view>