财富是对认知的补偿，不是对勤劳的奖励 大家好，我是柒八九。 前言 今天我们来聊聊另外一个比较重要的性能指标CLS。 如果想了解该系列文章(浏览器底层原理&优化方案)，可以参考我们已经发布...

V8内存管理 程序运行需要分配内存 V8也会申请内存，申请的内存又会分为堆内存和栈内存 栈 栈用于存放JS中的基本类型和引用类型指针 栈的空间是连续的，增加删除只需要移动指针，操作速度非常快 ...

当浏览器的网络线程收到 HTML 文档后，会产生一个渲染任务，并将其传递给渲染主线程的消息队列。 在事件循环机制的作用下，渲染主线程取出消息队列中的渲染任务，开启渲染流程。 整个渲染流程分...

本文可以配合本人录制的视频一起食用 目的 通常说到浏览器缓存，大多是和性能优化有关，使用缓存，通常是两个主要目的，第一是提高访问速度，第二是减少网络IO消耗。 当合理配置了缓存，可以得...

浏览器的调试与开发 ? 前言： 网页主要是运行在浏览器上， 主要由HTML、CSS、JS三部分组成， 比作一个人的话，HTML是身体、CSS是衣服、JS是动作， 下面主要介绍通过浏览器的调试工具，了解前端...

导读 最近一段时间刚好在公司内部涉及一些老旧项目的优化，所以对于 Web 网页性能方面沉淀了一些自己的看法。 恰好也参与了一些新同学的面试，发现大多数同学对于浏览器的渲染原理也只是一知半...

新兴浏览器公司 The Browser Company 在2023年7月25日 发布了 Arc 1.0，全面向公众开放，可以直接下载使用。下载地址: Arc from The Browser Company Arc 介绍 Arc 浏览器其实早在 2021年便开始...

基于上篇的浏览器架构，我们知道了打开一个页面，为什么至少会有四个进程出现。接下来，我们一起来讨论一下，服务端的页面文件是如何被完整的送达到浏览器的，这一中间经历了哪些过程，以及如何...

一、问题描述 公司项目大多是Docker容器化部署，之前的 ci 文件和 ng 配置文件基本没怎么动过，也没有过多关注。最近接手的一个新项目，在部署工作台修改环境变量后，重新部署后，刷新页面没有...

1、问题描述 前几天又遇到个神奇Bug，公司某系统的页面出现点击按钮没有反应的问题，反馈问题的用户能稳定复现，技术团队无法复现。 浏览器为 Chrome 115，控制台可见大量 iframe跨域 报错，具...

认识你自己很难，但认识你自己的时间，却是每个人都能做到的 -- 彼得·德鲁克 大家好，我是柒八九。 前言 最近，公司在做技术改造升级，老旧项目优化。因为是B端项目居多，所以优化方向也是基于...

互联网中的数据是通过数据包来传输的。如果发送的数据很大，那么该数据就会被拆分为很多小数据包来传输 IP 目的 把数据包送达目的主机 是什么 数据包要在网上进行传输，就要符合网际协议（Inter...

公众号「古时的风筝」，专注于后端技术，尤其是 Java 及周边生态。 大家好，我是风筝 浏览器是再熟悉不过的东西了，几乎每个人用过，比如 Chrome、FireFox、Safari，尤其是我们程序员，可谓开发...

人这个万物之灵却偏偏有了感情，有了感情就有悲欢 -《时间从来不语，却回答了所有问题》 大家好，我是柒八九。 前言 前几天，我们写了关于Chrome的FCP,看后台数据，反响还是不错的。 那么，今天...

前端开发的过程中离不开对浏览器开发者工具的使用，我们在日常开发的过程中用的最多的应该就是 控制台 / Console、元素 / Elements 和 网络 / Network 这三个面板，它们可以用来查看打印日志、D...

前言 昨天开会和小伙伴聊到 Img引入图片报跨域的问题了。 刚听到这个问题，我沉思了，Img标签怎么会跨域？？？这让我感觉我好像还是不怎么了解同源策略和cors 我心理的想法如下： 1， Img标签里...

成长第一课：你没那么多观众，不必过多在意别人的眼光 大家好，我是柒八九。 前言 在前几天，我们写了，关于如何利用fetchpriority对页面资源进行优先级的处理。 然后，我也承诺大家也会有关于...

欢迎来到第 47 期的【视野修炼 - 技术周刊】，下面是本期的精选内容简介 ?强烈推荐 Arc 浏览器！！！ 前端代理神器 whistle 客户端 ?开源工具&技术资讯 显示页面重定向历史chrome插件 clang...

前言 基于公司项目扩展出来的一个技术方案，项目是农牧项目，项目中的权限为: 单位 > 猪场 > 用户 , 下面的技术方案是解决开发过程中切换到有问题的单位和猪场，根据特定数据快速复现bug...