获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
837
赞
837
返回
|
搜索文章
林前端
赞了这篇文章
Aplee的头像
Aplee
前端小兵
·
1年前

前端🦠内存泄漏🦠四部曲：了解、检测、定位处理和防治

内存泄漏是指程序中分配的内存空间在不再需要时未被正确释放或回收，导致该内存空间无法被再次使用，最终导致系统内存资源的浪费和程序性能下降的现象。...
image
20
林前端
赞了这篇文章
前端梦工厂的头像
前端梦工厂
🏆 公众号｜前端梦工厂
·
2年前

分析 ECharts 图表渲染导致的内存泄漏问题 - 附解决方案

当我们使用 Echarts 来渲染大量图表时，会发现页面的内存占用不断增加，最终导致页面卡顿甚至崩溃。这是由于 Echarts 在图表渲染过程中产生的内存泄漏导致的。...
image
11
林前端
赞了这篇文章
五四的头像
五四
3年前

性能优化-Performance性能问题分析

在页面性能分析中，Performance 可以记录站点在运行过程中的性能数据，来定位和诊断每个时间段内页面的运行情况，从而有效帮助我们找出页面的性能瓶颈。...
评论
林前端
赞了这篇文章
bo52100的头像
bo52100
8月前

🔥 深度解析 IntersectionObserver API：从原理到实战（附懒加载完整代码）

1. 为什么需要 IntersectionObserver？ 传统滚动监听（如 scroll 事件）需要频繁计算元素位置，性能差且代码复杂。...
评论
林前端
赞了这篇文章
码农悟道的头像
码农悟道
Web前端工程师
·
7月前

Vue3 + IntersectionObserver 实现滚动加载数据

还在用传统scroll事件实现无限滚动？Vue3+IntersectionObserver方案更优雅！本文详细对比两种实现方式，手把手教你用现代API打造高性能无限滚动列表...
image
2
林前端
赞了这篇文章
UmustHU的头像
UmustHU
9月前

为何弹性布局中flex：1需配合height：0固定高度？

在 Flexbox 布局中，flex: 1 与 height: 0 的配合使用是一个常见的技巧，主要是为了处理不同浏览器对 flex 项内容高度计算的差异。...
3
林前端
赞了这篇文章
西维的头像
西维
前端
·
3年前

深入【虚拟列表】动态高度、缓冲、异步加载... Vue实现

前文中我们使用 虚拟列表 优化了海量数据的显示，但实际情况并没有那么简单。不定高的列表元素该怎么获取真实高度？滚动时为什么会出现白屏闪烁？异步加载的数据要怎么处理？一次性请...
image
46
林前端
赞了这篇文章
政采云技术的头像
政采云技术
@政采云有限公司@政采云技术
·
3年前

IntersectionObserver 实现虚拟列表初探

前端开发中经常会遇到大数据量列表展示的性能问题，即大数据量一次性展示时前端渲染大量 Dom，触发渲染性能问题，造成初始加载白屏，交互卡顿等。解决这类问题的方案也有很多，使用...
image
11
林前端
赞了这篇文章
西维的头像
西维
前端
·
2年前

IntersectionObserver：实现滚动动画、懒加载、虚拟列表...

IntersectionObserver使我们能够轻松获取获取元素的交叉状态，实现诸如懒加载、埋点监控、视差滚动等多种场景。 它性能良好，用法简洁。带来了极大的便利和用户体...
image
54
林前端
赞了这篇文章
转转技术团队的头像
转转技术团队
公众号：转转技术
·
2月前

转转UI自动化走查方案探索

UI走查是现在转转C端需求开发流程中相当重要的一环，然而UI走查这一环节难以接入自动化流程中，导致其没有如同测试环节一样的冒烟环节，导致UI还原度难以得到保证。本文基于此问...
image
21
林前端的头像
林前端
关注了
转转技术团队
前端
林前端
赞了这篇文章
孱弱的头像
孱弱
6年前

Vue CLI组件循环引用踩坑，组件未注册问题

Failed to mount component: template or render function not defined. 这样的错而不是未注册！ 问题解决了。...
4
林前端
赞了这篇文章
也无风雨也雾晴的头像
也无风雨也雾晴
2月前

Claude 总是泛泛而谈？试试给它装个"技能包"，用 Skills 沉淀团队最佳实践

Claude Skills：给 AI 装上专业"技能包" 用 Claude Code 开发项目的时候，经常遇到这些困惑： 让 Claude 做代码审查，它给的建议太泛泛，不...
image
评论
林前端
赞了这篇文章
cenfun的头像
cenfun
开发
·
2年前

Playwright自定义测试报告，并与钉钉，企微，飞书集成

Playwright是新一代Web自动化测试框架，有着极致的测试速度，今天分享一下如何给Playwright自定义测试报告。 Playwright官方测试报告 在介绍自定义...
image
2
林前端
赞了这篇文章
前端小同学的头像
前端小同学
前端配置砖家
·
8月前

【硬核开源mcp-chrome】一个chrome插件，能让任意chatbot接管你的chrome浏览器

让chrome浏览器变成你的智能助手，让AI接管你的浏览器，将您的浏览器转变为强大的 AI 控制自动化工具。...
9
林前端
赞了这篇文章
jserTang的头像
jserTang
前端架构师
·
3月前

Cursor Plan Mode：AI 终于知道先想后做了

Cursor 继 Agent、ASK 之后推出了 Plan Mode，可以完美执行复杂任务了？赶快瞅瞅怎么个事儿？...
image
9
林前端
赞了这篇文章
comWang的头像
comWang
7年前

webpack4打包vue前端多页面项目

之前一直用的脚手架，这次自己搭建webpack前端项目，花费了不少心思，于是做个总结。 public文件夹存放一些静态文件，src文件夹存放源码。每个页面通过一个入口文件（...
7
林前端
赞了这篇文章
plutoLam的头像
plutoLam
前端开发工程师
·
3年前

前端E2E自动化测试开发——基于Playwright

本篇我们就一个例子来深入一下 e2e 的写法。 平时我们写完代码都会写单测来测试代码的可靠性，但是单测只能测试某个函数或者某个组件的可靠性，但是当全部的组件和函数组合成一个...
image
9
林前端
赞了这篇文章
梦鱼的头像
梦鱼
1年前

前端面试题之 px 如何转为 rem【CSS】

px（像素）转换为 rem（根元素字体大小的相对单位）需要先确定一个基准的根元素字体大小。 通常，我们将根元素（<html>）的字体大小设置为一个特定的值，比如 16px（...
评论
林前端
赞了这篇文章
狂奔滴小马的头像
狂奔滴小马
前端公众号 @JS酷
·
2年前

端到端测试框架 Playwright 使用入门

playwright 介绍 Playwright 是一个端到端（E2E）测试框架， 它可在所有现代浏览器中运行功能强大的测试和自动化。支持多种编程语言 API， 包括 Ja...
image
11
下一页
收藏集
2
关注标签
13
加入于