小程序nut-datapicker卡顿问题

最新推荐文章于 2024-05-20 22:23:58 发布
最新推荐文章于 2024-05-20 22:23:58 发布
阅读量392 收藏
点赞数
分类专栏： 个人学习 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_61570458/article/details/128247353
版权

我在写一个小程序的时候发现筛选栏弹出速度很慢，差不多有2秒左右了，

 通过筛检代码发现第一项使用的弹出层Popup没有问题，第三项的nut-picker也没有问题，

但是一旦开启第二项的nut-datepicker就会导致所有的弹出层包括内嵌的弹出层速度都会变慢，

解决：因为这里已经写的差不多了，也不想再自己另起组件，所以就试了很多方法，最后通过吧初始的配置项，比如mintime等全部删掉，可以提升1s左右，勉强达到使用的程度。

原因：这个时间选择的官方组件在官方提供的二维码小程序展示里面也是比较慢的，所以应该是组件自身的优化问题

前端小葛
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Go-nut-VendorGo依赖管理
08-14
nut - Vendor Go 依赖管理
vue踩过的坑
Marshall_Ma的博客
06-03 4363
记录vue使用过程中的坑
小程序setData变量值太大导致卡顿
weixin_33690963的博客
09-11 3240
接手公司小程序时，发现加载特别慢，进入首页到可以操作居然要等15秒左右，调试了两天发现了是首页请求了一个json，然后将json通过setData的方式赋值，但是这个json有近600k,赋值的过程导致小程序渲染很慢，最终用以下方法解决了问题 for (var i = 0; i < res.data.data.length; i++) { that.setData...
小程序setData数据量大时，导致卡顿怎么解决
xxs18326183038的博客
11-14 1万+
比如一个商品列表页，用户不断上滑加载数据，而每次加载数据时通常都是将获取的新数据和旧数据通过concat进行合并在一个数组内， this.setData({ list: this.data.list.concat(newlist) }) 这导致数组越来越大，setData渲染时也会越来越慢。 改善方法： this.setData({...
setData数据量传输限制，导致小程序卡顿
weixin_48180838的博客
03-25 1489
2021 / 3 / 25 setData修改变量 setData设置数据量是有限的，单次设置的数据大小不得超过1024kb，否则就会出现卡顿。 比如: 当触底加载的时候，每次数据都是老数据加上新获取的数据，然后一起通过setData提交并重新渲染页面。因为是所有数据重新渲染，当数据过大的时候就会出现卡顿情况。 解决方案 每次setData数据，只存放新的数据 eg: data: { nowPage: 0, list: [] } getListData() { let newList = [...];
微信小程序解决页面数据处理多时页面卡顿的问题
热门推荐
a_靖的博客
03-12 2万+
微信小程序开发交流qq群 173683895 承接微信小程序开发。扫码加微信。 解决思路： 第一步。默认整个页面都不显示。等数据加载出来了再显示 第二部。分段显示，每一个段落都默认不显示，使用 setTimeout 延时显示（根据段落递增延时的时间，中间间隔0.05秒） 示例图： demo代码 <view class='page_show' wx:if='{{p...
NutUI拾取器Picker
熙冰
06-23 2104
<template> <div> <nut-cell @click-cell="clickEvent('isVisible')" title="选择" :desc="selectValue?selectValue:'请选择'" :show-icon="true"></nut-cell> <nut-picker :is-visible="isVisible" :list-data="listValueData".
nut-开源
07-11
nut - C++ 的单元测试框架
nut-influxdb-exporter:可用于将数据从NUT导出到Docker上的InfluxDB的脚本-Unraid
05-22
nut-influxdb-exporter 如果您使用Grafana + Unraid，请确保签出Unraid System Dashboard New-1577093376607.json 。 尽管某些图形可能需要针对您的特定设置进行一些调整，但总比没有好。 您可以在此处找到Docker...
Windows NUT client-开源
05-03
这是一个NUT Windows客户端，用于监视连接到您最喜欢的linux服务器的ups。 现在，您无需在框中输入vnc或ssh即可查看ups的运行情况！
NUT-628新对讲机写频软件
12-03
NUT-628新对讲机写频软件
【前段开发】【菜鸟请看，大佬绕道～】nuxt项目界面加载速度很慢，网页打开有一段空白时间怎么办
qq_17335549的博客
12-03 3157
在nuxt 项目中，按照常规的vue项目搞出来一个网页，会发现加载时间有点长 解决办法，使用asyncData 官方文档 https://zh.nuxtjs.org/docs/2.x/features/data-fetching#async-data asyncData 中不能使用this, 但是可以将所需要的字段return， 在asyncData中初始化一些变量，然后应用到模版中，就会补充，页面打开到mounted之后的那段空白时间。 ...
基于云开发快速搭建智能名片小程序
最新发布
mon_star°的博客
05-20 346
熏风徐来，麦穗摇曳；麦类等夏熟作物生长旺盛，籽粒灌浆渐趋饱满，但尚未完全成熟，故称“小满”。今日小满，基于云开发快速搭建智能名片小程序，发文以记录输入和输出过程。
原生小程序项目总结--时尚妈咪
yc1425869600的博客
05-17 319
OK，先记录这些，记录的意义在于有些功能点是从网上翻阅的，那如果以后在遇到且别人的文章被删除，可以打开自己的csdn快速解决当前问题。这里用到的是wx.navigateToMiniProgram。1、首先第一步要去微信公众平台去申请使用api资格。2、申请成功后要现在app.json声明。创建公共request.js。在页面js引入并使用。
Vue小程序项目知识积累（一）
吃蛋糕的居居
05-17 672
小程序加Vue项目问题汇总，加油！
洗衣洗鞋店做小程序有什么优势？
zhuainiukeji888的博客
05-14 274
如今，众多商家纷纷推出预约上门洗鞋服务，💁‍♀️并倾力打造洗鞋小程序，旨在拓展线上销售渠道。🌟那么，这款洗鞋小程序究竟有哪些吸睛之处呢？1、线上线下完美融合，轻松吸引更多线上顾客，将线下消费者转化为小程序忠实会员，实现业务双增长。2、功能板块设计清晰，业务内容一目了然，让用户轻松上手，享受便捷服务。3、线上营销活动玩法多样，增强用户粘性，让顾客乐在其中，欲罢不能！互联网洗衣洗鞋小程序闪亮登场，想知道这款小程序有何魅力吗？
从融媒到智媒，小程序框架可助力传媒企业在AI实践下的服务变现
speedoooo的博客
05-15 619
融媒体时代，小程序框架已经成为传媒企业不可或缺的工具。它不仅能够帮助企业快速构建移动应用，还能助力企业在AI实践下实现服务变现。通过小程序框架，传媒企业可以将传统媒体内容转化为可交互、可分享的数字化内容，并提供更加个性化的用户体验。同时，小程序框架还可以帮助企业打通数据壁垒，实现用户数据的深度挖掘和分析，从而为用户提供更加精准的营销服务。
【全开源】Java同城信息付费系统家政服务房屋租赁房屋买卖房屋装修信息发布平台小程序APP公众号源码
2401_84413944的博客
05-15 351
为了解决这个问题，我们结合了同城信息的精准性和付费系统的筛选机制，推出了这款同城信息付费系统家政服务。该系统不仅提供了丰富的家政服务信息，还通过付费机制筛选出优质的服务提供商，让家庭可以更加放心地选择。为了解决这一难题，我们推出了全新的“同城信息付费系统家政服务”，旨在为广大家庭提供高效、便捷的家政服务体验。同城信息付费系统家政服务是一个集信息丰富、筛选机制、同城定位、用户评价于一体的家政服务平台。我们相信，在未来的日子里，同城信息付费系统家政服务将成为越来越多家庭的首选家政服务平台。
家政预约小程序01用户注册
低代码布道师的博客
05-19 835
我们本篇带着大家实现了一下用户注册以及首页加载时判断用户是否是注册用户的功能，涉及到数据源的搭建，应用的创建，页面的搭建以及业务逻辑的编制过程。低代码搭建既涉及到可视化开发也涉及到代码编写，所以需要熟悉工具和开发语言才可以按照需要编制出自己想要的应用来。
nut-searchbar
05-05
nut-searchbar是一个开源的Vue.js组件，用于在Web用程序中实现搜索栏功能。它提供了一个可自定义的搜索输入框，用户可以在其中输入关键字进行搜索。nut-searchbar还支持自动完成和搜索建议功能，可以根据用户输入的关键字实时展示相关的搜索建议。 nut-searchbar的主要特点包括： 1. 简单易用：nut-searchbar提供了简洁的API和丰富的配置选项，使开发者能够轻松地集成和定制搜索栏。 2. 自定义样式：开发者可以通过自定义CSS样式来美化搜索栏的外观，以适应不同的应用场景和设计需求。 3. 智能提示：nut-searchbar支持根据用户输入的关键字实时展示相关的搜索建议，提高用户体验和搜索效率。 4. 异步搜索：nut-searchbar可以与后端API进行交互，实现异步搜索功能，从而能够处理大量数据和复杂的搜索逻辑。 如果你对nut-searchbar有更具体的问题或者想了解更多相关信息，请告诉我。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值