浏览器
6篇文章 · 0订阅
  • 11+ chrome高级调试技巧，学会效率直接提升666%
    总结了11个可以极大提升我们开发效率的chrome调试技巧，一键重发请求、条件断点、复制内容、截取全屏等等。相信对你也会有所帮助噢！！！
    前端 JavaScript Vue.js
    11+ chrome高级调试技巧，学会效率直接提升666%
  • 关于 JS 与 CSS 是否阻塞 DOM 的渲染和解析
    前言   最近系统梳理HTML5所有涉及到的标签时，梳理至<link>和<script>标签时，碰巧想到一个困扰很久的问题，即一般把<script>放在<body>尾部，<link>标签放在<head
    HTML JavaScript
    关于 JS 与 CSS 是否阻塞 DOM 的渲染和解析
  • 越来越火的网络请求Fetch和Axios到底有什么区别
    在这几天由于编写脚本等一系列原因，不知怎么的突然发现现在很多主流的网站已经大量开始使用Fetch进行网络请求，感觉再不学习Fetch就要Out了，所以我花了一些时间专门去研究了一下关于Fetch的相关知识，发现Fetch被讨论的并不多，很多都是一年前甚至两年前的文章，大多数文章…
    JavaScript
  • 推荐八个谷歌搜索技巧
    1. 使用引号强制精确匹配 2. 使用 AND 操作符 3. 使用 OR 操作符 4. 使用 - 操作符排除 5. 使用 * 通配符 可以使用*通配符作为占位符，它会代替掉任何单词或者短语。 6. 单个站点内进行搜索 7. 针对文件类型搜索 8. 搜索数字范围
    前端 Google 程序员
    推荐八个谷歌搜索技巧
  • 浏览器的回流与重绘 (Reflow & Repaint)
    浏览器使用流式布局模型 (Flow Based Layout)。 浏览器会把HTML解析成DOM，把CSS解析成CSSOM，DOM和CSSOM合并就产生了Render Tree。 有了RenderTree，我们就知道了所有节点的样式，然后计算他们在页面上的大小和位置，最后把节点…
    浏览器 前端 JavaScript
  • 关键渲染路径
    浏览器将HTML，CSS，JavaScript转换为屏幕上所呈现的实际像素，这期间所经历的一系列步骤，叫做关键渲染路径（Critical Rendering Path）。 图1-1给出了关键渲染路径的具体步骤。如图所示，首先，浏览器获取HTML并开始构建DOM（文档对象模型 -…
    JavaScript 性能优化
    关键渲染路径