runner

之前我也研究过很多性能相关的文档和博客，发现现在的性能相关的文章 90% 都是之前有过的东西，但是目前的性能优化只能做到如今的样子了吗？ 很显然，肯定不是的，技术本来就是个...

大数据量或多任务单次调用会存在浏览器卡顿的问题，需要对多任务或大数据量处理进行优化，可采用切片，异步线程、零碎时间调用等方式进行优化，消除卡顿现象，提高用户体验...

数据环境 高频率:WebSocket按毫秒级接收数据.高性能消耗:接收到的每一条数据都需要进行计算处理 中量数据:需要渲染的数据量很大 要求:实时更新 如果不做优化,会造成...

NextJS 中具有 SSG（静态站点生成）、ISR（增量静态生成）、SSR（服务端渲染）等渲染模式，为不同应用场景提供了很多方法。...

前言玩转ECharts系列，主要为大家讲解我们基于ECharts如何实现企业级大屏项目中较为常用的各种奇奇怪怪的图表，接下来我们将通过几篇文章从基础图表开始为大家详细讲解实...

循环滚动是一个很常见的需求，在前端开发过程中几乎不可避免。先介绍下这个 NPM 包的功能：超大数据流畅滚动；适应变化，始终顺滑；灵活滚动控制；在传统的循环滚动实现中，我们通...

前端工程化在前端领域地位极高，因为它系统性地解决了前端开发中效率、协作、质量、维护性等一系列核心问题，可以说是现代前端技术体系的基石。 前端工程化带来的价值可以从这四个方面...

今天，我们就不卷源码，来从设计思想和实际开发体验出发，看看 Vue3 的响应式系统，到底强在哪里？ 🏛️ Vue2 的局限 Vue2 的响应式系统用的是 Object.d...

前言 做过海外业务同学肯定对 RTL（ Right-To-Left）有所了解，阿拉伯语、希伯来语的的文字书写是从右到左的，为了确保页面在所有语种下需要对 RTL 做好适配工...

先封装video组件 具体使用 import LocalVideo from '@/components/LocalVideo.vue'; js部分...

最近对前端监控很有兴趣，所以去使用了前端监控里优秀的开源库Sentry，并且研究了下Sentry源码，整理出这一系列的文章，希望能帮助大家更好地了解前端监控原理。 这一系列...

一、前端监控系统 1. 什么是监控系统？为什么要对项目监控？ 在IT界内，监控系统指对项目运行的各项指标的实时记录的系统或服务，旨在提升项目质量和量化项目的各项指标，为项目...

在业务全球化的进程中，我们会面对产品本地化的需求。本文在介绍云音乐出海业务中，Web 项目针对阿拉伯语、希伯来语等 RTL 语言的布局适配实践。...

React.suspense是大家用的比较少的功能，它早在2018年的16.6.0版本中就已发布。它的相关用法有些已经比较成熟，有的相对不太稳定，甚至经历了重命名、删除。 ...

“别再弹框了，每次都是弹框，弹框套弹框用户怎么用啊？” “OK OK，不用弹框你说用什么？” 上述对话在无数个场景下重复发生，也侧面说明在中台项目开发过程中......

React 是由 Facebook 开发并于 2013 年开源的前端库，最初的目的是为了解决当时复杂用户界面开发中的效率和性能问题。...

一、概念 前端埋点是指在网页或者应用程序中插入特定的代码，用于收集用户的行为数据并发送给服务器进行分析。这些数据可以包括用户的点击、浏览、输入等操作，帮助开发者了解用户的在...

大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心~ 简介 sunshine-track 应用于前端监控， 基于 行为上报，实现了 ...

Lighthouse Performance 评分从 20 提高到了96，开发和构建的速度也有了大幅度的提高，整个优化过程的思路和方法还是很有参考意义的...

对于前端性能优化，优化手段其实是非常多的，但是不能盲目的进行优化，一定要先分析出项目的性能瓶颈，那么如何才能更好的分析出项目的瓶颈呢？其实最关键的是要分析页面的整个加载过程...