夏天的霏

浏览器渲染过程 HTML解析器： 解析 HTML 文档，将各个 HTML 元素逐个转化成 DOM 节点，从而生成 DOM 树。 CSS解析器： 将 CSS 转化为对象，将这...

本文介绍前端用.env 文件的原因，即区分多环境配置、避免麻烦与错误；提及 dotenv 工具加载.env 变量到 process.env，附简易及升级版实现；说明前端需构...

相信不少前端同学对 Chrome 扩展插件并不陌生：比如能屏蔽广告的 Adblock、自定义标签页的 Infinity 新标签页、格式化 JSON 的开发小工具、截图工具，...

引言 在前端开发中，监控用户体验是非常重要的一项工作。其中，检测页面是否白屏是一个关键的指标，它可以帮助我们及时发现页面加载问题，提升用户体验。本文将介绍前端监控SDK中如...

在 H5 + Native 的混合开发模式中，让人诟病最多的恐怕就是加载 H5 页面过程中的白屏问题了。下面这张图描述了从 WebView 初始化到 H5 页面最终渲染的整...

1.前言 货拉拉自研H5离线包SDK，能显著提升H5打开速度，已在多个业务中落地。车型介绍页使用离线包前后打开效果如下： 图1 使用离线包前 图2 使用离线包后 货拉拉自研...

前言 在前端开发的浪潮中，性能优化一直是开发者们不懈追求的目标。今天，就让我们一同走进 9 个高级 API 的奇妙世界，领略它们如何在实战中助力前端性能实现质的飞跃。 一、...

一、Vite是什么？ 首先，讲下Vite名字的由来，Vite实际上是法语中快的意思，所以顾名思义，这个工具就是为了给我们带来更快的开发体验，它是一个面向现代浏览器，基于EC...

前端预加载是很强大的性能优化工具，如果使用得当，能提升前端页面加载和渲染的速度，然而，如果使用不得当，效果可能会适得其反。懒加载同样如此，那就让我们了解一下预加载和懒加载，...

概述 性能优化在社区是个热门的话题，但是随着设备性能和网络速度的提升，需要做性能优化的项目可能并不是很多，所以每次做优化都是技术实践和累积的好机会。 性能优化的方式有很多，...

在前端开发和排查线上问题的过程中，我们经常会遇到调试受限的场景：无法直接修改线上代码、hover 和 select 样式难以定位、JS 报错追踪困难等。为了提高调试效率，我...

大家好，我是双越老师。本文是 2025 前端 大前端 全栈 知识体系（上），用全面、体系的思维方式，整理前端和全栈所设计的所有知识点、工具和框架。希望能给大家的学习、工作和...

很久前写的一篇性能优化的文章中有提到我们可以使用 performance.now 来获取程序运行的时间，今天再来介绍一个鲜为人知却又无比强大的 API - performa...

背景 裁员危机 随着AI技术的越发成熟，从刚开始嘲笑gpt3.5写不出可以运行的代码到现在惊叹claude 3.7的神奇魅力，危机感油然而生。agent模式目前写代码成功率...

大明哥是 2014 年一个人拖着一个行李箱，单身杀入深圳，然后在深圳一干就是 10 年。 10 年深漂，经历过 4 家公司，有 20+ 人的小公司，也有上万人的大厂。 体验...

最近，和往常一样在刷 GitHub Trending 热榜时，突然看到又一个开源项目冲上了 Trending 榜单。 一天之内就狂揽数千 star，仅仅用两三天时间，sta...

2025 年了，我不允许有前端不会用 Trae 让页面 Hero Section 变得高级！！！(Threejs) HeroSection 专栏再度来袭！！！...

以 前端领域 的知识为重点，并且本文内容超多，建议先了解主干，然后分批次阅读。 这篇文章真的写了好久好久…...

前言 当我们在浏览器中输入一串 URL 后，比如(https://www.baidu.com/)，很快百度的页面就能加载出来。那在这个过程中，浏览器都进行了哪些操作呢？ 面...