jdf2e / nutui

京东风格的移动端 Vue 组件库,支持多端小程序(A Vue.js UI Toolkit for Mobile Web)
https://nutui.jd.com
MIT License
6.01k stars 815 forks source link

Calendar 日历组件在小程序端打开延迟较高 #2381

Open jesse-tang-93 opened 1 year ago

jesse-tang-93 commented 1 year ago

NutUI scenes(nutui 场景)

小程序(@nutui/nutui-taro)

NutUI-vue version(nutui-vue 版本)

4.0.12

Vue version(vue 版本)

3.3.4

Operating environment(运行环境)

dev:weapp

Citation method(引用方式)

npm

Node version(node 版本)

18.16.0

Browser and its version(浏览器及其版本)

Chrome

System and its version(系统及其版本)

windows11

Taro environmental information(taro 环境信息)

👽 Taro v3.6.7

Taro CLI 3.6.7 environment info: System: OS: Windows 10 10.0.22621 Binaries: Node: 18.16.0 - C:\Program Files\nodejs\node.EXE Yarn: 1.22.19 - C:\Program Files\nodejs\yarn.CMD npm: 9.5.1 - C:\Program Files\nodejs\npm.CMD npmPackages: @tarojs/cli: 3.6.7 => 3.6.7 @tarojs/components: 3.6.7 => 3.6.7 @tarojs/helper: 3.6.7 => 3.6.7 @tarojs/plugin-framework-vue3: 3.6.7 => 3.6.7 @tarojs/plugin-html: 3.6.7 => 3.6.7 @tarojs/plugin-platform-alipay: 3.6.7 => 3.6.7 @tarojs/plugin-platform-h5: 3.6.7 => 3.6.7 @tarojs/plugin-platform-jd: 3.6.7 => 3.6.7 @tarojs/plugin-platform-qq: 3.6.7 => 3.6.7 @tarojs/plugin-platform-swan: 3.6.7 => 3.6.7 @tarojs/plugin-platform-tt: 3.6.7 => 3.6.7 @tarojs/plugin-platform-weapp: 3.6.7 => 3.6.7 @tarojs/runtime: 3.6.7 => 3.6.7 @tarojs/shared: 3.6.7 => 3.6.7 @tarojs/taro: 3.6.7 => 3.6.7 @tarojs/taro-loader: 3.6.7 => 3.6.7 @tarojs/webpack5-runner: 3.6.7 => 3.6.7 babel-preset-taro: 3.6.7 => 3.6.7 eslint-config-taro: 3.6.7 => 3.6.7

Reproduction link(重现链接)

小程序示例,日历组件 图片

Steps to reproduce(重现步骤)

1、打开官方示例微信小程序, 2、日历组件 选择单个日期点击后,日历组件打开延迟较高

What is expected?(期望的结果是什么?)

小程序端:切换日历组件显隐状态后,日历组件能尽可能低延迟打开。

What is actually happening?(实际的结果是什么?)

小程序端:切换日历组件显隐状态后,日历组件显示延迟较高。

yangjisen commented 1 year ago

+1 同样的感受

W-ambition commented 1 year ago

+1,在一些机型上,甚至会出现5s的延迟

limp0509 commented 8 months ago

我的是oppofindx3这组件打开好卡,滚动也卡

eiinu commented 6 months ago

Taro 的渲染更新机制粒度比较大,同一个页面如果出现多个复杂组件,就比较卡顿。 可以考虑将单个组件用 custom-wrapper 包裹:https://taro-docs.jd.com/docs/components/viewContainer/custom-wrapper