浏览器
文章平均质量分 70
浏览器的相关一些知识点
十九万里
扶我起来 我还能继续学!!!
展开
-
CSS加载阻塞的问题
css加载不会造成dom树的解析 会阻塞dom树的渲染 css加载会阻塞js的执行 因此,为了避免让用户看到长时间的白屏时间,我们应该尽可能的提高css加载速度,比如可以使用以下几种方法: 使用CDN(因为CDN会根据你的网络状况,替你挑选最近的一个具有缓存内容的节点为你提供资源,因此可以减少加载时间) 对css进行压缩(可以用很多打包工具,比如webpack,gulp等,也可以通过开启gzip压缩) 合理的使用缓存(设置cache-control,expires,以及E-tag都是不错的,不过要注意一个问转载 2021-05-31 23:08:32 · 776 阅读 · 0 评论 -
V8 Javasript引擎简介
v8引擎简介 V8 是为 Google Chrome 提供支持的 JavaScript 引擎的名称。 当使用 Chrome 进行浏览时,它负责处理并执行 JavaScript。 V8 提供了执行 JavaScript 的运行时环境。 DOM 和其他 Web 平台 API 则由浏览器提供。 很酷的是,JavaScript 引擎独立于托管它的浏览器。 此关键的特性推动了 Node.js 的兴起。 V8 于 2009 年被选为为 Node.js 提供支持的引擎,并且随着 Node.js 的爆炸性发展,V8 成为了原创 2021-05-31 07:42:02 · 410 阅读 · 0 评论 -
前端性能优化 - 用RAIL模型分析性能
找到Web 2020年07月13日 阅读 3432 关注 前端性能优化 - 用RAIL模型分析性能 RAIL是一个以用户为中心的性能模型,它把用户的体验拆分成几个关键点(例如,tap,scroll,load),并且帮你定义好了每一个的性能指标。 有以下四个方面: Response Animation Idle Loa...转载 2021-05-23 09:43:14 · 345 阅读 · 1 评论 -
Chrome 浏览器架构
背景这篇文章被收录在我的前端技术系列文章中浏览器工作原理栏目中,做为这个栏目的第一篇文章,先从页面是如何在浏览器中被显示出来这一最常见的问题做为开始,整体介绍浏览器的工作原理。这篇文章取材于Mariko Kosaka在 2018 年 9 月发表在 Chrome 开发者文档中的Inside look at modern web browser系列文章,同时结合我自己的理解。如果你对浏览器如何将代码转化成页面,这正适合于你。CPU 与 GPUCPU 和 GPU 作为计算机中最重要的两个计算单元直接决定了计算性能转载 2021-05-01 21:57:24 · 824 阅读 · 0 评论 -
history和hash两种路由
知识点: 1.为什么使用路由 2、路由实现的三个功能 3、hash路由 4、history模式 1、为什么要使用路由 现在很多网页使用的是ajax异步请求完成页面的局部刷新(URL不变), 从而提升了用户的体验,同时带来的问题就是用户下次使用URL的时候无法呈现之前ajax的异步内容, 路由提供的是浏览器地址的变化 两者结合起来就能提升了用户体验的同时改变了URL地址。同时减少了http请求 2、路由实现的功能 1、在使用ajax局部刷新页面后,记录当前状态页面的URL并保存 2、可以使用浏览器的前进后.原创 2021-04-30 16:04:35 · 633 阅读 · 3 评论 -
javascript内存泄漏
知识点: 1、什么是内存泄漏 2、内存生命周期 3、js内存管理机制 4、js内泄漏的一些场景 5.两种垃圾回收的算法 6、 如何发现内存泄漏 1、什么是内存泄漏 内存泄漏是指由于疏忽或错误造成程序未能释放已经不在使用的内存 内存泄漏并非指内存存在物理上的消失,而是应用程序分配某段内存后,由于设计错误,导致在释放该内存之前就失去了对该内存的控制, 简单理解:无用的内存还在占用,得不到释放和归还,比较严重的时候,无用的内存还会增加,从而导致整个系统卡顿,甚至崩溃 2、内存生命周期 一般按照顺序分为三个周期原创 2021-04-28 14:37:42 · 4786 阅读 · 0 评论 -
JS内存泄漏排查方法——Chrome Profiles
本文转自JS内存泄漏排查方法——Chrome Profiles 概述 Google Chrome浏览器提供了非常强大的JS调试工具,Heap Profiling便是其中一个。Heap Profiling可以记录当前的堆内存(heap)快照,并生成对象的描述文件,该描述文件给出了当时JS运行所用到的所有对象,以及这些对象所占用的内...转载 2021-04-28 14:36:01 · 2091 阅读 · 0 评论 -
浏览器的渲染过程
浏览器的渲染过程 渲染页面的过程:http请求阶段 http响应阶段 浏览器渲染阶段 我这里主要写的是第三个阶段 几个定义解释: 进程:process开的每一个程序 线程:thread程序里跑的任务 栈内存 stack 提供环境用于工作 事件循环:event loop是指dom注任务队列到等待任务队列找任务,拿任务到主任务队列中执行,循环这个过程 微任务优于宏任务执行 一、解析Html生成dom树 浏览器拿到服务器代码后,浏览器在内存条中开启一个栈内存用来给代码执行时提供的环境。同时分配一个主线程原创 2021-02-25 15:54:20 · 176 阅读 · 0 评论