最近涉及到uniapp 开发小程序和h5 做的一个长列表，遇到有几个需要注意的地方，在此写个记录提醒健忘的自己避免踩坑。原始实现方式：首先一个正常的列表都是有一个 tab 来做头部选项卡和一个内部区域，通过手指的滑动可以切换选项卡。然后传统都是采用swiper 加 scroll-view实现（tab 因为没什么性能上的问题就不说了）。但是有时候程序并不能如你所愿，通过这两个组件实现的列
我早上在XXXXXXXXXXXXX之后，就合上XXXXX，等XXXXXXX完毕，就带走XXXXXX，风火轮转啊转，等了大半天没反映，就合上屏幕等XXXXXXXX完成再打开，现象一样，多次反复，都一样，心想不管了，重新启动非常不愿意，就这样重新启动会不知道如何继续XXXXXXXXXXXXX 你还记得你的Mac是全新的？它速度快，是吧？ 随着时间的Mac可能有变得有点呆滞，
Uniapp是一款基于Vue.js框架开发的跨平台开发框架，支持同时发布到微信小程序、H5、iOS、Android四个平台。 Uniapp的优点 1.开发效率高：Uniapp采用一份代码多端发布的方式，开发者只需要编写一份代码，就可以同时发布到多个平台上，大大提高了开发效率。 2.跨平台兼容性好：Uniapp使用的是Webview技术，对于渲染效果和性能处理优化方面，
转载
2024-09-20 14:16:27
82阅读
<template>
<view>
<view class="wrap">
<view class="u-tabs-box">
<view class="trade">
<view class="texts" :class="curr==0?'active':''" data-index="0" @ta
# iOS 页面滚动卡顿监控
随着移动应用的普及，用户对性能的要求越来越高，页面滚动的流畅度直接影响到用户体验。在iOS应用中，页面滚动卡顿是一个常见问题。为了提高用户体验，我们需要对影响滚动流畅度的因素进行监控和分析。本文将介绍如何实现iOS页面滚动卡顿监控，提供代码示例，帮助开发者识别和解决这一问题。
## 理解滚动卡顿
滚动卡顿通常是由于以下几个原因导致的：
1. **主线程阻塞**
原创
2024-10-13 03:53:15
77阅读
一、click one for uniapp置顶： 全部免费开源二、写在之前距离上一篇更新已经大约4个月了，公司的事情，自己的一些琐事一直没时间来更新。好消息是：最近闲下来一两周基础的框架已经完善的差不多了。剩
转载
2024-06-19 08:29:16
170阅读
1、class操作jQuery对象.addClass('class名'); 添加，一次可以添加多个jQuery对象.removeClass('class名'); 删除，一次可以删除多个jQuery对象.toggleClass('class名'); 切换，如果有这个class名，则删除；没有则添加jQuery对象.hasClass('class名'); 查找，是否有这个class名，返回布尔
转载
2024-09-18 19:04:38
66阅读
前言对于iOS卡顿优化的重要性不必多言，不仅影响着用户体验，更关系到用户留存、DAU等重要产品数据。卡顿的概念卡顿，即应用使用过程中出现了一段时间的阻塞，屏幕内容没有任何的变化，也无法进行任何操作。根据这个阻塞时间的长短，可以将卡顿问题划分为丢帧、卡顿、卡死三个不同的等级。丢帧：画面更新不流畅，阻塞时间为几十毫秒。卡顿：应用短时间内无法进行任何操作，恢复后能继续使用，阻塞时间从几百毫秒至几秒。卡死
转载
2023-09-13 15:58:57
363阅读
在移动应用开发中，无限滚动加载是一个常见的功能，用户可以通过滑动屏幕来加载更多的内容，从而提高应用的用户体验。本文将介绍如何使用Uniapp实现无限滚动加载的功能。概述我们需要实现的无限滚动加载功能的具体效果如下：当用户滑动到底部时，自动加载更多的数据。在加载数据时，显示一个加载动画，防止用户误以为应用已经崩溃。当所有数据都已经加载完毕时，提示用户“没有更多数据了”。方案我们可以通过以下步骤来实现
转载
2024-05-15 13:48:39
620阅读
uniapp学习使用总结使用uniApp 进行小程序开发的时候是觉得很没有头绪的，一步一步跟着老师上课教授的东西后，使用vue语法的uniApp开发灵活度有很大的提升。当然开发过程中也遇到不少坑点，有些搞定了，有些放弃了。vue的特性导致了它在小程序开发中极大的减少了开发难度主要提到两点store和vue.mixin:store: 刚开始使用全局变量，全局方法的使用的是小程序的getAp
转载
2024-08-08 08:48:38
141阅读
两种分页方式普通的分页效果会在页面底部提供点击下一页和上一页的按钮，在点击了按钮之后才会触发调取数据的接口，这种方式的用户体验一般另一种分页效果不需要用户点击按钮，只要浏览到当前页面的后几条数据时，系统会自动发送请求获取后一页的数据，并展示到页面上，这样就可以实现类似无限滚动的效果以csdn为例，当滚动条到达这个地方时，会自动调用请求下一页数据的接口，然后累加到加载完成的数据列表中实现思路滚动分页
转载
2024-02-02 18:25:11
94阅读
uniapp APP端视频轮播问题（黑屏，变形）今天接到一个需求：需要在商品详情轮播展示视频，本以为很简单，但是发现好多坑，在app端出现黑屏，卡顿，变形，视频只展示半屏的情况。 完整代码放底下了问题1：有声音但是黑屏（所有端都出现）原因：没有传入poster（封面图）参数，前提 controls 必须为true问题2：APP端 视频轮播出现变形，走移，卡顿，展示半屏问题原因：video属于原生标
转载
2024-09-13 20:44:12
325阅读
# CSS 解决 iOS 滚动卡顿的办法
在网页开发过程中，iOS 设备的滚动体验常常出现卡顿，这对用户体验影响很大。本文将为你提供解决这一问题的方法，并通过详细的步骤说明和代码示例帮助你更好地理解。
## 整体流程
首先，让我们明确解决 iOS 滚动卡顿的整体流程。以下是流程表：
| 步骤 | 描述 | 代码示例
原创
2024-10-02 05:51:03
236阅读
最近开发的一个小程序是用mpvue写的，UI框架用的是Vant。以下是总结：静态文件放在static文件夹下面是不会打包压缩的，所以在这个文件夹下面放的文件不宜太大，代码大小超过2M就必须分包了；mpvue的分包packageA不能建在和pages同级，同级的话vue文件编译不了wxml等文件，所以要建多个分包的时候，packageA等等都应该放在pages文件里面（父子文件夹）；Vant中的复选
下拉刷新功能下拉刷新功能是指在当前页面重新刷新页面，调取数据的过程。 uniapp 官网中，关于下拉刷新是有API的。此API有3个函数。分别如下介绍：页面级的下拉刷新事件onPullDownRefresh——监听用户下拉刷新事件如果你的页面中，下拉刷新是需要用户手动执行，则可以通过这个函数进行下拉刷新。这个也是我这边经常用到的。使用此API有两个满足条件。需要在Page.json中，相应页面中的
转载
2024-07-22 13:17:31
296阅读
iOS界面优化 ——卡顿检测和优化方案1. 卡顿原理2. 卡顿检测3. 界面优化 1. 卡顿原理卡顿，也就是掉帧。当UIView被绘制时，cpu执行drawrect，通过context将数据写入backingstore。 当backingstore 写完后，通过 render server 交给gpu去渲染,渲染的东西放到framebuffer里面，然后通过Video Controller交给m
转载
2023-07-13 07:03:50
459阅读
iPhone入手一段时间后，不少朋友都出现了iPhone卡顿的现象。那么如何解决iPhone卡顿，进一步优化提升iPhone的运行速度呢？想要进一步优化提升iPhone手机的运行速度，只要做好以下这几步操作就够了，下面我们就一起来看看吧。一、关闭苹果后台应用刷新苹果"后台应用刷新"这一设置经常开启的话，会增加苹果手机的负担，降低苹果手机的运行速度。所以想要进一步提升优化苹果手机的运行，最好关闭苹果
转载
2023-09-12 22:35:08
285阅读
前言本人是一枚并不安分守己的后端程序猿，一直对前端开发“垂涎三尺”，所以，一有机会就会“不务正业”一番。最近，发现了一个非常好的学习资料，于是乎，我的老毛病又犯了，经过一段时间的研究，终于，把这些技能“收入囊中”。但是，本人觉得，这么好的前端学习资料，如果被我“中饱私囊”了，实在是太可惜了。所以呢，我就花了一点时间，为大家解析一下这些炫酷的技能。这篇文章，解析的是一个loading
转载
2024-02-04 13:20:05
768阅读
2021 友盟+ 移动应用性能挑战赛 之 Unity开发游戏启动慢问题解决方案一，项目背景1.1 开发环境：二，所遇到的挑战2.1 难在于发现问题2.2 更难于定位问题2.3 获取到解决方案三，解决问题的步骤3.1 接入U-AMP3.2 定位问题3.3 解决问题四，项目总结 一，项目背景在手游时代，消除游戏成为休闲游戏领域中的一个重要类型。《恶魔消除》是一款可以在手机上三消类益智游戏。游戏除了横
转载
2024-02-20 11:58:14
203阅读
本文讲一下本人在使用jPlayer插件时的整个过程、出现的BUG已经解决办法。 最近在做bootstrap项目，项目中需要一个响应式、兼容IE7的视频播放插件，经过上网查找，找到了所谓可以兼容到IE6的响应式视频播放插件——jPlayer。注：本代码的功能是打开自动循环播放，如果不需要，可以修改个别属性。一、下载插件包。官网下载插件包：点击打开链
