浏览器原理
6篇文章 · 0订阅
  • 浏览器的History、Location对象，及使用js控制网页的前进后退和加载，刷新当前页面总结！
    浏览器的History、Location对象，及使用js控制网页的前进后退和加载，刷新当前页面所有方法的总结...
    JavaScript HTML
    浏览器的History、Location对象，及使用js控制网页的前进后退和加载，刷新当前页面总结！
  • 当事件循环遇到更新渲染
    前言说到js的执行机制，相信大家都可以说出来：js引擎在执行过程中，遇到一个异步事件后并不会一直等待其返回结果，而是将其挂起（等异步任务返回结果，就会添加到事件队列中），继续执行执行栈中的任务；每次执
    JavaScript 前端
  • requestAnimationFrame用法
    在Web应用中，实现动画效果的方法比较多，Javascript 中可以通过定时器 setTimeout 来实现，css3 可以使用 transition 和 animation 来实现，html5 中的 canvas 也可以实现。除此之外，html5 还提供一个专门用于请求动画…
    GitHub 浏览器
  • 浏览器的渲染流程
    浏览器中的页面，可以看做是一幅幅可以和人互动的神奇的画，而这幅画是由浏览器绘制出来的，浏览器绘制这幅画的过程称之为渲染。
    浏览器
  • 图解 script 标签中的 async 和 defer 属性
    浏览器在解析 HTML 的时候，如果遇到一个没有任何属性的 script 标签，就会暂停解析，先发送网络请求获取该 JS 脚本的代码内容，然后让 JS 引擎执行该代码，当代码执行完毕后恢复解析。整个过程如下图所示： 可以看到，script 阻塞了浏览器对 HTML 的解析，如果…
    JavaScript
  • 使用 Performance 看看浏览器在做什么
    Chrome 浏览器的 Performance 面板为我们提供了检测页面性能的能力，但其提供的远不止一些性能数据。本文将从工作原理的视角，结合实际工程的录制结果，探一探性能面板向我们透露的其他信息。 因为尚未决出最终的标准架构，各大浏览器的实现细节各有不同。这里我们以 Chro…
    性能优化