页面中使用了iscroll进行滚动，但是出现了滚动卡顿的问题。一拖很明显的卡顿 在初始化iscroll的时候，加入以下几个参数。 var is = new IScroll("#wrapper", { scrollX: false, scrollY: true, click: true, key...

序 在以往的日常前端开发中，使用最原始的html元素来拼凑整个页面，随着页面慢慢的复杂起来，如果还是用这种方式，就会出现以下问题： 页面使用了大量的html元素，导致页面卡顿； 维护页面困难，大量的html元素需要手动去更改； 大量的业务代码和渲染代码混杂，业务更改导致页面显示不正常，调试会浪...

MDN 是这样说的： 使用 jquery.marquee.js 替代 地址：https://github.com/aamirafridi/jQuery.Marquee

背景：多个实时视频的介入 技术：hls.js的流媒体，支持格式已m3u8为主 解决了什么：多个实时视频长时间播放会有卡顿的情况 具体代码实现： import Hls from "hls.js" 　　playVideo(id) { let hls = new Hls(); const _this...

快速反馈对于任何 UI 的实现都是至关重要的。研究表明，100ms 是界面让用户感到即时的最大延迟。尽管如此，移动网络仍然受到一个巨大的反馈问题的困扰：触摸任何元素后，延迟 300 毫秒。这种延迟是许多用户认为基于 HTML 的 Web 应用程序“卡顿”的最重要原因之一。在本文中，本文将带你了...

首先，我们来说一下vue-lazyload解决了什么问题： 如果一个网页有成千上万张图片需要加载，页面滚动就会变得非常卡顿。此时很多人都会想到懒加载的概念，即只加载可视区域的图片，其他的图片暂时有一个占位图，等它们滚动到可视区域时再去请求真实图片并替换。这里，我们需要一个检查图片dom元素是否...

防抖 你是否在日常开发中遇到一个问题，在滚动事件中需要做个复杂计算或者实现一个按钮的防二次点击操作。 这些需求都可以通过函数防抖动来实现。尤其是第一个需求，如果在频繁的事件回调中做复杂计算，很有可能导致页面卡顿，不如将多次计算合并为一次计算，只在一个精确点做操作。 防抖和节流的作用都是防止函数...

背景 在实际工作中，会遇到一种场景，多个容器需要同步滚动--也就是滚动其中一个，另外几个容器也会同步的滚动以保证这几个容器所显示的内容都是相关的。 例如： markdown编辑器--左边编辑，右边预览 同一个月的多个报表(每一天为一行)--把其中一个报表滚动到20日，另外几个报表也会滚动到20...

把拖动div功能用react封装成class，在页面直接引入该class即可使用。 title为可拖动区域。panel为要实现拖动的容器。 优化了拖动框超出页面范围的情况，也优化了拖动太快时鼠标超出可拖动区域的情况，优化了拖动会卡顿的情况。   页面中添加引入方法： <Draggable pa...

MUI - 封装localStorage与plus.storage 2.0版本 在使用plus.storage频繁地存取数据时，可以感觉到明显的卡顿，而且很耗内存， 在切换到localstorage时虽然效率很高，页面渲染速度明显变快了，且手机发热不明显，不过又遇到了存储瓶颈（一般<=5M）,...