ArkTS 组件传对象还是拆属性?我测了帧率,结果和直觉反着来掘金前端/@TrisighT作者针对鸿蒙ArkTS开发中,组件传参应该选择整体传对象还是拆分为单个属性传递的问题进行了帧率性能测试,得到了和直觉相反的结论,测试显示整体传对象的渲染帧率比拆成单个属性传递高15%左右
AI 帮我写代码,我帮 AI 踩坑:Vue 大数据表格优化全记录掘金前端/@ViavaCos本文记录了作者借助AI编写代码完成Vue大数据表格优化的完整过程,涵盖性能分析、方案设计到踩坑修复各个环节,分享了该优化项目的实践经验与踩坑记录
京东 Taro Native 框架静态布局直渲提速京东技术/@京东零售技术本文介绍了京东自研的跨平台移动应用开发框架Taro Native,该框架支持鸿蒙、iOS、Android三端,可实现一次开发多端部署,本次团队针对鸿蒙端完成了静态布局直渲的性能优化,以提升用户体验
滚动卡顿优化的五层实战进阶掘金前端/@禅思院本文指出页面滚动卡顿的本质是浏览器渲染流水线阻塞,作者结合真实业务场景,按照P5至P7的职级能力模型,系统拆解了滚动优化的五个不同层次,分享滚动卡顿优化的实战进阶方法
【五渣小Tips】拖个预览面板,怎么就把页面拖成 PPT 了?掘金前端/@戈德斯文作者分享了自己在工作台项目开发中,遇到拖动分隔线调整预览面板宽度时页面出现异常卡顿的问题,本文围绕该问题的排查和修复过程展开分享
Node.js SSR 内存治理:为什么 --max-old-space-size 不等于进程内存掘金前端/@Wilson王艺谋/3 天前本文针对线上Node.js SSR服务在K8s环境中频繁被OOM Kill,调大堆上限后问题反而更严重的实际场景,厘清了V8堆与进程内存RSS的区别、两种OOM的不同,最终给出了构建与运行阶段分档设置的堆配置原则
跨端页面秒开,腾讯开源框架Kuikly是怎么做到的?腾讯技术工程/@腾讯程序员/4 天前本文围绕腾讯开源的跨端开发框架Kuikly展开,介绍了该框架实现跨端页面秒开所使用的自研首屏加速方案TurboDisplay
万级数据表格卡死?Web Worker 一招搞定掘金前端/@杨梦馨/4 天前本文针对后端一次性返回数万至十万条数据时,前端直接渲染表格会出现主线程阻塞、页面卡顿卡死、交互无响应等问题,提出使用Web Worker在后台线程处理数据的方案,解决万级数据表格渲染卡死的问题
定高、不定高、瀑布流虚拟列表掘金前端/@小小小小宇/4 天前这是一篇前端虚拟列表技术详解文章,规划内容包含:介绍虚拟列表解决的问题和通用核心思路,分别讲解定高、不定高、瀑布流三种场景下的虚拟列表方案,最后对比三种方案并给出实践建议
Dive into React——性能优化掘金前端/@vim怎么退出/4 天前这是一篇讲解React性能优化的技术分享文章,本次内容主要介绍React.memo与useMemo、useCallback的配合使用相关知识,还涉及了对React开发中key属性常见认知误区的澄清
移动端优化:应对移动设备的挑战掘金前端/@龙佚/5 天前本文围绕移动端优化主题,分享了应对移动设备挑战的三个核心优化方向:一是通过配置低延迟音频参数实现延迟从百毫秒级降至十毫秒级以内的延迟优化;二是采用算法降阶、NEON指令加速和动态资源分配实现CPU优化;三是通过前后端协同实现码率动态调整和抗
高性能 Vue 甘特图:vxe-gantt 如何秒级渲染万级任务数据掘金前端/@卤蛋fg6/6 天前甘特图是项目管理、生产排程等场景的核心可视化工具,传统DOM渲染方式在处理数千甚至上万条任务数据时,会出现页面卡顿、滚动延迟甚至浏览器崩溃的问题,本文围绕Vue生态的vxe-gantt组件,介绍该组件如何实现万级任务数据的秒级渲染,解决大数
react性能优化掘金前端/@光影少年/6 天前这是一篇介绍React性能优化的技术文章,作者将React性能优化划分为渲染优化、状态管理优化、组件设计优化、打包优化、网络优化、列表优化、内存优化共七大类,开篇重点讲解了减少不必要渲染这一核心优化方向,分析了不合理状态管理会引发组件重复渲
Context 如何实现 Provider 嵌套优化掘金前端/@光影少年/7 天前本文指出React开发中Context.Provider嵌套过多会带来组件树层级变深可读性差、维护困难、容易引发不必要重新渲染等问题,围绕Context Provider嵌套的优化实现方法展开讨论
useCallback 详细解释(从原理到用法)(自学用)掘金前端/@假如让我当三天老蒯/8 天前本文是作者自学使用的学习内容,详细讲解React框架提供的性能优化钩子useCallback,介绍了useCallback缓存函数引用、避免组件重渲染时重复创建相同逻辑函数的作用,覆盖了useCallback从原理到用法的相关知识
浏览器缓存最强攻略:强缓存、协商缓存、CDN、更新策略,一篇搞定掘金前端/@kyriewen/9 天前本文针对网站加载慢、重复请求浪费带宽、用户看到旧版本页面等常见问题,整理讲解浏览器缓存相关知识,涵盖强缓存、协商缓存、CDN缓存、前端静态资源版本更新策略等内容,给出了实用的缓存实践方案,帮助开发者搞懂浏览器缓存的相关问题
HTTP 强缓存 和 协商缓存 (浏览器缓存)掘金前端/@米丘/9 天前本文介绍了浏览器HTTP缓存的两大分类,即强缓存与协商缓存,说明了两者的优先级和基本处理规则,指出强缓存优先级高于协商缓存,强缓存命中时浏览器直接使用本地缓存副本,无需和服务器通信,仅当强缓存失效后才会进入协商缓存阶段
Web Worker + 时间切片:破解主线程阻塞的两种武器掘金前端/@ricardo1973/9 天前浏览器主线程是单线程,计算密集型代码长时间占用主线程会导致页面卡顿、交互无响应,本文介绍了Web Worker跨线程执行任务和时间切片拆分大任务两种解决主线程阻塞问题的方案,两种方案思路、适用场景各不相同,都能让主线程及时响应用户操作
面试问网络?问到我的软肋了。面试官:讲一下HTTP强缓存与协商缓存掘金前端/@李剑一/9 天前本文围绕前端面试中面试官提问HTTP强缓存与协商缓存的问题展开,指出HTTP缓存分为强缓存和协商缓存,是前端性能优化的核心手段,同时给出了不同类型资源的缓存配置方案,可兼顾性能和内容更新的实时性